/***************************
		ENERGO-PROJEKT
		CSS, v.1.0
		Autor: Andrzej Kala
		http://bitrebel.com
	****************************/

	/*
	 * =============================
	 *  {GLOBAL SETTINGS}
	 * =============================
	 */

	body {
		background: #eee url('../img/body-bg.jpg') repeat-x left top;
		font: normal 100% Tahoma, Verdana, Arial;
		color: #646464;
	}
	
	a {
		color: #646464;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	#content-bg {
		background: transparent url('../img/main-content-bg.png') no-repeat center 82px;
	}
	
	.wrapper {
		width: 860px;
		margin: 0 auto;
	}
	
	input[type=text], textarea {
		font: normal 1em Tahoma, Verdana, Arial;
		border: 1px solid #fff;
		background: #ebeff0;
	}
	
	label {
		font-weight: bold;
	}
	
	/*
	 * =============================
	 *  {TOP MODULE}
	 * =============================
	 */
	
	#top {
		border-top: 1px solid #d4d4d4;
		margin-top: 40px;
		position: relative;
		height: 160px;
	}
	
	#top h1 {
		margin: 30px 0 0 2px;
	}
	
	#top .szafa-1 {
		position: absolute;
		top: -25px;
		right: 45px;
	}
	
	#top .szafa-2 {
		position: absolute;
		top: 16px;
		left: 175px;
		z-index: 3;
	}
		/****************************
		 * TOP
		 * NAVIGATION
		 ****************************/
		#top ul {
			position: absolute;
			background: transparent url('../img/main-navigation.gif') no-repeat left 3px;
			right: 0;
			bottom: -3px;
			width: 420px;
			height: 46px;
			z-index: 2;
		}
		
		#top ul li {
			float: left;
		}
		
		#top ul li a {
			background: transparent url('../img/main-navigation.gif') no-repeat left 3px;
			display: block;
			height: 46px;
			text-indent: -9999px;
			outline: none;
		}
		
		#top ul .about a { 
			width: 131px; 
		}
		#top ul .offer a {
			background-position: -131px 3px;
			width: 140px;
		}
		#top ul .contact a {
			width: 139px;
			background-position: -271px 3px;
		}
		
		#top ul .about .selected,
		#top ul .about a:hover { background-position: left -54px; }
		#top ul .offer .selected,
		#top ul .offer a:hover { background-position: -131px -54px; }
		#top ul .contact .selected,
		#top ul .contact a:hover { background-position: -271px -54px; }
	
	/*
	 * =============================
	 *  {MAIN CONTENT}
	 * =============================
	 */
	
	#main-content {
		margin-top: 40px;
	}
	
	#main-content .module {
		background: transparent url('../img/module-bg.png') no-repeat right top;
		border-top: 1px solid #c7c7c7;
		font-size: 0.7em;
		line-height: 1.7em;
	}
	
	#main-content h2 {
		background: transparent url('../img/headings.png') no-repeat 10px top;
		border-bottom: 1px solid #c7c7c7;
		height: 39px;
		text-indent: -9999px;
	}
	
	#main-content h2.about { background-position: 10px top; }
	#main-content h2.offer { background-position: 10px -41px; }
	#main-content h2.contact { background-position: 10px -80px; }
	#main-content h2.form { background-position: 10px -120px; border: none; }
	#main-content h2.our-offer { background-position: 10px -161px; }
	
	#main-content p {
		padding-bottom: 10px;
	}
	
	#main-content .module .column {
		float: left;
		width: 430px;
		padding: 10px 0;
	}
	
	#main-content .module .left {
		width: 400px;
		padding-right: 30px;
	}
	
	#main-content .module .right p:first-child {
		padding-top: 27px;
	}
	
	#main-content .module .contact-info {
		width: 270px;
		margin-right: 80px;
		text-align: justify;
		padding-top: 20px;
		padding-right: 5px;
		border-bottom: 1px solid #f5f5f5;
	}
	
	#main-content .sub-content-nav {
		background: #d2d2d2 url('../img/footer-nav-bg.png') no-repeat left top;
		width: 320px;
		margin-right: 45px;
		float: left;
	}
	
	#main-content .sub-content-nav h2 {
		border: none;
	}
	
	#main-content .sub-content-nav ul {
		padding: 20px;
	}
	
	#main-content .sub-content-nav ul li {
		border-top: 1px solid #e9e9e9;
	}
	
	#main-content .sub-content-nav ul li:first-child {
		border: none;
	}
	
	#main-content .sub-content-nav ul li a {
		background: transparent url('../img/bullet.gif') no-repeat 10px 13px;
		display: block;
		padding: 5px 0 5px 20px;
		font-size: 1em;
		color: #646464;
		position: relative;
		text-decoration: none;
	}
	
	#main-content .sub-content-nav ul .selected a,
	#main-content .sub-content-nav ul li a:hover {
		font-weight: bold;
	}
	
	#main-content .sub-content-nav ul li a span {
		position: absolute;
		right: 10px;
		top: 5px;
		font-weight: bold;
		color: #d2d2d2;
	}
	
	#main-content .sub-content-nav ul .selected a span,
	#main-content .sub-content-nav ul li a:hover span {
		color: #00b1e4;
	}

	#main-content .sub-content-container {
		width: 495px;
		float: left;
	}
	
	#main-content .sub-content-container .sub-content-element h3 {
		padding: 15px 0;
	}
	
	#main-content .sub-content-container .sub-content-element h3 span {
		color: #00b1e4;
		padding-right: 5px;
	}
	
	#main-content .sub-content-container .sub-content-element ul {
		padding-left: 7px;
	}
	
	#main-content .sub-content-container .sub-content-element ul li {
		background: transparent url('../img/bullet.gif') no-repeat 10px 13px;
		padding: 5px 0 5px 25px;
	}
	
	#main-content .sub-content-container .hidden {
		display: none;
	}
	
		/****************************
		 * MAIN CONTENT
		 * CONTACT INFORMATION
		 ****************************/
		 address {
		 	padding-top: 30px;
		 }
		 
		 address em {
		 	font-style: normal;
		 	font-weight: bold;
		 	color: #00b1e4;
		 }
		 
		 /****************************
		 * MAIN CONTENT
		 * CONTACT FORM
		 ****************************/
		#contact-form {
			display: block;
			float: left;
			width: 500px;
		}
		
		#contact-form .inputs {
			float: left;
			width: 140px;
			padding-right: 40px;
		}
		
		#contact-form .textarea {
			width: 320px;
			float: left;
		}
		
		#contact-form label {
			display: block;
		}
		
		#contact-form input[type=text] {
			position: relative;
			width: 138px;
			padding: 2px;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		
		#contact-form textarea {
			padding: 2px;
			width: 318px;
			height: 131px;
			margin-top: 5px;
		}
		
		#contact-form input[type=image] {
			float: right;
			margin: 10px 3px 10px 0;
			cursor: pointer;
			cursor: hand;
		}

	/*
	 * =============================
	 *  {FOOTER}
	 * =============================
	 */
	
	#footer {
		background: transparent url('../img/footer-bg.png') no-repeat center top;
		margin-top: 20px;
	}
	
	#footer p {
		font-size: 0.7em;
		line-height: 1em;
		color: #a6a7a6;
		padding: 35px 0 13px 85px;
	}
		
		/****************************
		 * FOOTER
		 * NAVIGATION
		 ****************************/
		#footer ul {
			float: left;
			width: 250px;
			height: 40px;
			background: transparent url('../img/footer-nav-bg.png') no-repeat left bottom;
		}
	
		#footer ul li {
			float: left;
		}
	
		#footer ul li a {
			background: transparent url('../img/footer-nav-separator.gif') no-repeat left top;
			display: block;
			width: 60px;
			padding-top: 12px;
			height: 28px;
			text-align: center;
			font-size: 0.7em;
			color: #646464;
		}
		
		#footer ul li:first-child a {
			background: none;
		}
		
		#footer ul li a:hover {
			text-decoration: underline;
		}
		
		/****************************
		 * FOOTER
		 * PHONE NUMBER
		 ****************************/
		#footer .phone-numbers {
			float: right;
			margin-top: -67px;
		}
		
		/****************************
		 * FOOTER
		 * CREATED BY
		 ****************************/
		.created-by {
			margin: 10px auto 40px auto;
			width: 860px;
			font-size: 0.65em;
			text-align: right;
			color: #a6a7a6;
		}
		
		.created-by a {
			color: #a6a7a6;
			font-weight: bold;
		}
		
		.created-by a:hover {
			text-decoration: underline;
		}