
html {
		font-size: 100%;
		height:100%;
		}

		
body {
        color: #FFFF00;
        background-color: #1c2254;
		margin:0;
		padding:0;
		font: .8em Arial, Helvetica, sans-serif;
        }
p { line-height: 18px;
}

.bigYellow { font: 1.3em Arial, sans-serif; letter-spacing: 1px;
}
.bigBlue { font: 1.3em Arial, sans-serif; letter-spacing: 1px; color: #1450a7;
}
.bigBlue a { color: #1450a7; text-decoration: underline;
}
.bigBlue a:hover { text-decoration: none;
}
.blue { color: #1450a7;
}
.blue a { color: #1450a7; text-decoration:underline;
}
.blue a:hover{ text-decoration: none;
}
		
h2 {
	font: 1.5em Arial, sans-serif;
		padding: 10px 0 0 0;
	}

h3 {
	font: 1.5em Arial, sans-serif bold;
		text-transform: uppercase;
		padding: 10px 0 0 30px;
	}
h4 {
	font: 1.5em Arial, sans-serif bold;

		padding: 0;
	}
		
a{
	color:#ffff00;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

ul.bodylist  {
	margin:0 0 0 20px;
	padding:0;
	list-style:url(../jpg/bullet.gif) outside square;
}

/* --------------- layout -------------*/

#container{
	text-align:left;
	position:relative;
	margin:0 auto;
	width:900px;
	overflow:hidden;
}

#header{ width:900px; height:203px; background: url(../jpg/header.png) 0 0 no-repeat; overflow:hidden;
}
#headerOffers{ width:900px; height:203px; background: url(../jpg/headerOffers.png) 0 0 no-repeat; overflow:hidden;
}

#header h1, #headerOffers h1 { float:left; text-indent: -3000em;
}

#content_container { width:900px; margin: 0 auto; padding:0; background:url(../jpg/body_bg1.jpg) 0 0 no-repeat; overflow:hidden;}
#content_containerOffers { width:900px; margin: 0 auto; padding:0; background:url(../jpg/body_bg_offers.jpg) 0 0 no-repeat; overflow:hidden;}
#content_containerHeating { width:900px; margin: 0 auto; padding:0; background:url(../jpg/body_bg_flexel.jpg) 0 0 no-repeat; overflow:hidden;}
#content_containerProducts { width:900px; margin: 0 auto; padding:0; background:url(../jpg/body_bg_products.jpg) 0 0 no-repeat; overflow:hidden;}
#content_containerContact { width:900px; margin: 0 auto; padding:0; background:url(../jpg/body_bg_contact.jpg) 0 0 no-repeat; overflow:hidden;}


#right_content{	position:relative;	left: 95px;	top:55px;	width: 555px;	margin: 0 auto;	padding: 0 20px 0 20px;	overflow:hidden;	height: 797px;
}
#right_contentProducts {position:relative;	left: 95px;	top:55px;	width: 555px;	margin: 0 auto;	padding: 0 20px 0 20px;	overflow:hidden; height: 1047px;
}
#right_content img, #right_contentProducts img { border:0;
}


#footerBottom {margin: 0; padding: 15px 0 10px 0; width: 800px; height: 180px; background: #ffffff url(../jpg/footer.jpg) 0 0 no-repeat;
}

#footerBottom a {color:#333333; text-decoration:underline;}

#footerBottom p {color:#333333; padding: 80px 0 0 40px;}


.rightFooter {float:right; padding:0 30px 0 0;}
.rightImg{float:right; padding:5px 0 5px 10px; width: 210px;}
span.img {text-align:center; font-size: 0.9em; color:#666666;}

.skip-nav {display:none;}

.strong {font-weight: bold;}

.clear { clear:both;}

.right { text-align:right; }
.left {text-align: left;}

td {vertical-align:top; padding-bottom: 20px;
}
.center {text-align: center;
}

/* ---------------- NAV ---------------------------*/

#left_nav{
	position:absolute;
	top:245px;
	left:20px;
	width:135px;
	margin-bottom:10px;
}

.mainNav { float:left; text-indent: -3000em;
}/* hide text */

#nav ul{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}


#nav_about, #nav_offers, #nav_products, #nav_contact {
	float:left;	margin: 0;	padding: 0 0 5px 0;	display: inline; list-style-type: none;
}

#nav_about a { display:block; width:153px; height:146px; margin: 0; padding: 0; background: url("../jpg/nav_about.gif") 0 0 no-repeat;
}
#nav_about a:hover, #nav_about a.active{ background-position: 0 -146px;
}

#nav_offers a { display:block; width:153px; height:146px; margin: 0; padding: 0; background: url("../jpg/nav_offers.gif") 0 0 no-repeat;
}
#nav_offers a:hover, #nav_offers a.active{ background-position: 0 -146px;
}

#nav_products a { display:block; width:153px; height:146px; margin: 0; padding: 0; background: url("../jpg/nav_products.gif") 0 0 no-repeat;
}
#nav_products a:hover, #nav_products a.active{ background-position: 0 -146px;
}

#nav_contact a { display:block; width:153px; height:146px; margin: 0; padding: 0; background: url("../jpg/nav_contact.gif") 0 0 no-repeat;
}
#nav_contact a:hover, #nav_contact a.active{ background-position: 0 -146px;
}
