* { font-family: tahoma, sans-serif;}
html, body, a { font-size: 11px; color: #333333;}
img { border: 0; }
form { display: inline; }
h1, h2, h3 { font-size: 24px;}
h2 { font-size: 21px; }
h3 { font-size: 18px; }

A {color: #FFFFFF; text-decoration: none;}

body { background-color: #4b4b4b; margin-top: 3px;}
	.clear { clear: both; }
	.br { height: 5px; font-size: 5px; }
	.br2 { height: 10px; font-size: 10px; }
	.msg { background: #ffeda4; color: #be0000; text-align: center; margin: 10px 0; padding: 0; display: block; }
	.pad1 { padding: 5px; }
	.pad2 { padding: 10px; }
	.noul { text-decoration: none; }
	.odd { background: #eeeeee; }
	.even { background: #ffffff; }
	.center { text-align: center; }
	.bold { font-weight: bold; }
	.lt { text-align: left; }
	.rt { text-align: right; }
	.h1 { font-size: 18px; }
	.req { color: #be0000; }
	.big { font-size: 20px; }
	.med { font-size: 16px; }
	.sm { font-size: 12px; }
	.lift { position: relative; top: -3px; }
	.form-ul { list-style: none; padding: 0; margin: 0; width: 100%; }
		.form-ul li { margin-bottom: 10px; clear: both; }
			.form-ul li label { float: left; width: 120px; text-align: right; padding-right: 10px; }
			.form-ul li strong { color: #be0000; }
			.form-ul li em { color: #be0000; font-style: normal; }
			.form-ul li input { padding: 1px 3px; }
			.form-ul li span.note { color: #6574f5; }
	.form-error-ul { list-style: none; }
	.form-inline-error { background: url('../img/icon/alert.gif') top left no-repeat; padding-left: 15px; color: #cc0000; }
	
	.list { list-style: none; }
		.list li { margin-bottom: 10px; clear: both;}
			.list li label { float: left; width: 130px; text-align: right; padding-right: 10px; }
			
#main-content { width: 1000px; margin: 0 auto; }

#top-box { width: 100%; }
	#logo-box { float: left; width: 400px; }
	#global-nav-box { float: right; width: 400px; }
		#global-nav-box ul { list-style: none; width: 90%; }
			#global-nav-box ul li { display: inline; }
				#global-nav-box ul li a { margin: 10px 10px; }
#middle-box { width: 100%; background: black; }			
	#content-left { float: left; width: 200px; background: white;  min-height: 500px; }
		* html #content-left { height: 500px; }
		
	#content-right { float: right; width: 770px; background: white; min-height: 500px; }
		* html #content-right { height: 500px; }
		
#footer-box, #footer-box a {  text-align: center; color: #999999; margin-top: 10px; }


#headerbox a:hover{background: #000000; }
#headerbox{

width: 950px;
text-transform: uppercase;
height: 117px;

background: url(../images/banner.gif) no-repeat;

margin-left: auto;

margin-right: auto;

text-align: center;

}

#top-nav-box { text-align: center; width: 950px; margin: 0 auto; height: 31px; padding-top: 10px; background: url('../images/topnav-bg.gif') repeat-x; }
	#top-nav-box a { text-transform: uppercase; color: white; font-size: 15px; margin: 0 10px; }
	#top-nav-box a.here, #top-nav-box a:hover { color: #bbbbbb; }
#contact a{ color: #000000; }
#contact
{

color: black;
float: right;
font-weight: bold;
margin-top: 2px;
margin-right: 20px;
}

#joinmailinglist
{

color: black;
float: left;
font-weight: bold;
margin-top: 2px;
margin-left: 20px;
}
#joinmailinglist a{ color: #000000; }

#navtext

{

width: 100px;

height: auto;

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: bold;

margin-top: 100px;

color: #FFFFFF;

text-align: center;

float: left;

}



#bluebar{

height: 23px;

width: 950px;

margin: 0 auto;

text-align: center;

background:url(../images/bluebar_25.jpg) repeat-x;

}

#newsleft
{
height: 270px;
width: 310px;
float: left;
margin-top: 160px;
margin-left: 10px;
overflow: hidden;
color: #000000;
display: inline;
}

#viewnews
{
margin-top: 175px;
width: 100px;
height: 15px;
float: left;
background-color: red;
}

#productspotlight
{
display: inline;
height: 400px;
width: 300px;
float: right;
margin-top: 20px;
margin-right: 20px;
}


#residential
{
width: 331px;
height: 461px;
float: left;
margin-top: 8px;
}
#newsright
{
width: 346px;
height: 445px;

background: url(../images/news_right_25.jpg) no-repeat;
float: right;
}

#content

{

margin-left: auto;
margin-right: auto;
text-align: center;
min-height:430px;
width: 950px;
background: #fbfbfb url(../images/leftnav-bg-repeat.jpg) repeat-y;
}

* html #content { height: 420px; }





#leftbox
{
	float:left;
	width: 272px;
	min-height: 450px;
	background: #fbfbfb url('../images/leftnav-bg-repeat.jpg') repeat-y;
	clear: both;
}

* html #leftbox { height: 450px; }

#leftbox ul { list-style: none;  margin: 0; padding: 10px 0 0 20px; }
#leftbox ul.bg { background: url('../images/leftnav-bg.jpg') no-repeat;height: 299px;}
#leftbox ul li
{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	text-align: left;
}
#leftbox ul li a { color: #000099; font-size: 14px; font-weight: normal; white-space: nowrap; cursor: pointer;}

#middle-static a{color:#000000; font-weight: bold; font-size: 14px;}
#middle-static
{

background-color: #c8e3ff;
width: 642px;
text-align: left;
min-height:460px;
padding: 10px 20px 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
float: right;
}
* html #middle-static { height: 460px;}


#middle
{
text-align: left;
width: 677px;
background: #fbfbfb url(../images/middle_background_09.jpg) top left no-repeat;
min-height:460px;

padding: 10px 0 0 0;

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
float: right;

}

* html #middle { height: 460px;}
.middle-content
{
	display: none;
}





#leftbox ul li a:hover{


color: #000000;

display: block;

}

#leftbox ul li a{

display: block;

width: 173px;

padding: 8px 0;

}

* html #leftbox { height: 420px; }



#footer

{

width: 950px;

height: 42px;

margin-left: auto;

margin-right: auto;

text-align: center;

background: url(../images/footer_17.jpg) no-repeat;

}

#footer-bg { width: 950px; margin: 0 auto;}


#sddm

{	margin: 0 auto;

	padding: 0;

	z-index: 30;
}



#sddm li

{	margin-top: 100px;
	margin: 100px 28px 0 28px;
	padding: 0;

	list-style: none;

	float: left;

	font: bold 11px arial}



#sddm li a

{	
	clear: right;
	padding: 4px 5px;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none
}

#sddm li a:hover

{	background: #3e3e3e;}



#sddm div

{	position: absolute;

	visibility: hidden;

	margin: 0;

	padding: 0;

	background: #EAEBD8;

	border: 1px solid #5970B2}



	#sddm div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 10px;

		width: auto;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #EAEABD8;

		color: #3e3e3e;

		font: 11px arial}



	#sddm div a:hover

	{	background: #3e3e3e;

		color: #FFF}
	

#phone { color: #000099; font-size: 18px; }