@charset "UTF-8";
/* CSS Document */

/*PNG HACK */
img, div { behavior: url(iepngfix.htc) }
*html div#map img { behavior: none; }
*html div#map div { behavior: none; }

body{
background:#FFFFFF;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#003333;
}
img{
border:none;
}

.displace {
	position: absolute;
	left: -5000px;
	}

.clear{
clear:both;
}

a:link, a:visited {color:#003333; text-decoration:none; }
a:active, a:hover {color:#339999; text-decoration:none; }

a.standout:link, a.standout:visited {color:#003333; text-decoration:none; font-weight:bold;}
a.standout:active, a.standout:hover {color:#339999; text-decoration:none; font-weight:bold;}

a.red:link, a.red:visited {color:#CC0000; text-decoration:none; font-weight:bold;}
a.red:active, a.red:hover {color:#339999; text-decoration:none; font-weight:bold;}

h2{
font-weight:normal;
margin-bottom:5px;
font-size:200%;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

h3{
font-weight:normal;
margin-bottom:5px;
font-size:150%;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
margin-top:40px;
}

h4{
font-weight:normal;
margin-bottom:10px;
font-size:110%;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
margin-top:10px;
}

p{
line-height:150%;
font-size:110%;
}

.hide{
display:none;
}

.left{
float:left;
}

#greybull li{
list-style:url(../images/bullet.gif);
margin-top:10px;
padding-left:10px;
}
ul#greybull{
margin-top:20px;
padding-left:20px;
*padding-left:0;
}

#container{
width:900px;
padding:0 30px;
margin:0 auto;
}

div .hr{
height:4px;
background:url(../images/green_thin.png) no-repeat center left;
}

div .hrthick{
height:10px;
background:url(../images/green_thick.gif) no-repeat left;
margin-bottom:40px;
}

hr.hide{
display:none;
}

hr{
border:none;
border-top:1px solid #CCCCCC;
}

#header{
width:900px;
border-bottom:1px solid #666666;
float:left;
background:url(../images/contact_us.gif) no-repeat right top;
}

#nav{
float:right;
width:650px;
text-align:right;
padding-top:77px;
}

#nav form{display:inline;}

#nav a:link, #nav a:visited {color:#003333; text-decoration:none; font-weight:bold; }
#nav a:active, #nav a:hover {color:#339999; text-decoration:none; font-weight:bold;}

#nav a.on:link, #nav a.on:visited {color:#339999; text-decoration:none; font-weight:bold; }
#nav a.on:active, #nav a.on:hover {color:#003333; text-decoration:none; font-weight:bold;}

#nav ul a{display:block;
}


/**************** menu coding *****************/
#nav ul{
margin:0;
margin-top:5px;
padding:0;
float:right;
}

#nav ul li{
list-style:none;
display:inline;
margin-right:10px;
padding-right:10px;
border-right:1px solid #003333;
float: left;
position:relative;
}

#nav li.last{
display:inline;
list-style:none;
margin-right:0;
padding-right:0;
border-right:none;
float:left;
position: relative;
display:block;
}

#nav li {position: relative; list-style:none;}

#nav ul ul {
position: absolute;
z-index: 500;
background:#FFFFFF;
margin:0;
padding:0 0 0 10px;
clear:left;
}

#nav ul ul li {
display:block;
margin:10px 0;
padding:0;
text-align:left;
font-size:100%;
width:150px;
color:#FFFFFF;
float:none;
list-style:none;
border:none;
position: relative;
z-index: 500;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}





#footer{
width:900px;
border-top:1px solid #666666;
float:left;
text-align:right;
font-size:80%;
margin-bottom:20px;
}

#main_content{
width:100%;
margin:20px 0;
float:left;
background:url(../images/bg.gif) no-repeat left bottom;
min-height:519px;
height:auto !important;
height:519px;
}

#main_content_nobg{
width:100%;
margin:20px 0;
float:left;
min-height:519px;
height:auto !important;
height:519px;
}

#main_left{
float:left;
width:507px;
min-height:447px;
height:auto !important;
height:447px;
}

#main_right{
float:right;
width:322px;
margin-right:30px;
margin-top:20px;
}
#main_right object{
position:relative;
z-index:1;
}
#main_content ul.nolist li{
list-style:none;
margin-left:0;
padding-left:0;
margin-bottom:20px;
}
#main_content ul.nolist{
margin-left:0;
padding-left:0;
}
.offer{
font-size:110%;
}

.red{
color:#FF0000;
}

#service_box{
margin-top:40px;
text-align:right;
}

ul.products li{
list-style:none;
margin-bottom:10px;
clear:both;
}

ul.products img{
border:1px solid #666666;
margin-bottom:10px;
margin-right:10px;
float:left;
}

ul.products p{
display:inline;
}

h3.red{
color:#FF0000;
margin:0;
}
em.red{
color:#FF0000;
}

.displace {
	position: absolute;
	left: -5000px;
	}

#footer a.facebook {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	background:url(../images/facebook.gif);
	background-position: 0 0;
	float:left;
	margin-right:5px;
	}
#header a.logo {
	display: block;
	width: 225px;
	height: 121px;
	text-decoration: none;
	background:url(../images/logo.gif);
	float:left;
	margin:10px 0 20px 0;
	}

#footer a.facebook:hover {background-position: 0 -15px;}

.productlist h3{
font-size:100%;
font-weight:bold;
min-height:40px;
height:auto !important;
height:40px;
}

.productlist h3, .productlist p{
padding:0;
margin:0;
}

.productlist td{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:20px 10px;
width:205px;
}

.productlist td.firstcol{
border-left:none;
}

.productlist tr.lastrow td{
border-bottom:none;
}

.productlist td.none{
border:none;
}

.productlist table{
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
margin-top:20px;
}

.center{
text-align:center;
margin:10px 0;
}

.grey{
color:#CCCCCC;
}

.prod_left{
float:left;
margin:0 20px 10px 0;
}

.purple{
color:#660066;
}

#nav a.purple:link, #nav a.purple:visited {color:#999999; text-decoration:none; font-weight:bold;}
#nav a.purple:active, #nav a.purple:hover {color:#003333; text-decoration:none; font-weight:bold;}


ul.buttons{
margin:0;
margin-top:20px;
padding:0;
}
ul.buttons li{
margin:0 10px 0 0;
padding:0;
display:inline;
float:left;
}

ul.buttons li a{
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-decoration: none;
	background:url(../images/links.gif);
	margin:0;
	width:250px;
	height:26px;
	}


#footer ul.buttons{
margin:0;
margin-top:20px;
padding:0;
clear:left;
}
#footer ul.buttons li{
margin:0 10px 0 0;
padding:0;
display:inline;
float:left;
}

#footer ul.buttons li a{
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-decoration: none;
	background:url(../images/links.gif);
	margin:0;
	width:26px;
	height:26px;
	}

	
ul.buttons li a.windows, #footer ul.buttons li a.windows{
	background-position: 0 0;
	}
ul.buttons li a.energy, #footer ul.buttons li a.energy{
	background-position: 0 -26px;
	}
ul.buttons li a.doctor, #footer ul.buttons li a.doctor{
	background-position: 0 -52px;
	}
ul.buttons li a.locks, #footer ul.buttons li a.locks{
	background-position: 0 -78px;
	}
ul.buttons li a.building, #footer ul.buttons li a.building{
	background-position: 0 -103px;
	}
ul.buttons li a.ba, #footer ul.buttons li a.ba{
	background-position: 0 -129px;
	}

ul.buttons li a.windows:hover, #footer ul.buttons li a.windows:hover{ background-position: -250px 0; }
ul.buttons li a.energy:hover, #footer ul.buttons li a.energy:hover{ background-position: -250px -26px; }
ul.buttons li a.doctor:hover, #footer ul.buttons li a.doctor:hover{ background-position: -250px -52px; }
ul.buttons li a.locks:hover, #footer ul.buttons li a.locks:hover{ background-position: -250px -78px; }
ul.buttons li a.building:hover, #footer ul.buttons li a.building:hover{ background-position: -250px -103px; }
ul.buttons li a.ba:hover, #footer ul.buttons li a.ba:hover{ background-position: -250px -129px; }

#footer p.left{
clear:left;
}