@charset "utf-8";
/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%;}
img {behavior:url(inc/pngbehavior.htc);}
.pad5 {padding:5px;}
.pad10 {padding:15px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
h1 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;line-height:35px;color:#333333;}
h2 {font-family:"Trebuchet MS";font-size:20px;font-weight:normal;line-height:28px;color:#333333;}
h3 {font-family:"Trebuchet MS";font-size:18px;font-weight:normal;line-height:20px;color:#333333;}
h4 {font-family:"Trebuchet MS";font-size:16px;font-weight:normal;line-height:24px;color:#333333;}
p {font-family:"Trebuchet MS";font-size:17px;font-weight:lighter;line-height:26px;color:#333333;}
h5 {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;line-height:20px;color:#333333;}
h6 {font-family:"Trebuchet MS";font-size:10px;font-weight:normal;line-height:18px;color:#333333;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
ul, ol {list-style:inside;color:#333333;}
ul li, ol li {padding-left:15px;color:#333333;}
.shhhh {display:none;}
.sm10 {font-size:10px;color:#252525;}



/*******************************************/
/********** LINKS **********/
/*******************************************/
a.box:link { color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:visited { color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:hover { color: #333333; padding: 4px; background-color: #FFdc15; margin:2px 0px 2px 0px;}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #CCCCCC;}
a img {border: none; }

a.credit:link {color:#ffffff; text-decoration: none; padding:0px;}
a.credit:visited {color: #ffffff;text-decoration: none;padding: 0px;}
a.credit:hover { color: #ffdc15;padding:0px;}

a.box2:link { color: #333333; text-decoration:none;padding: 4px; margin:2px 0px 2px 0px;text-weight:strong;}
a.box2:visited { color: #333333; text-decoration:none;padding: 4px; margin:2px 0px 2px 0px;text-weight:strong;}
a.box2:hover { color: #333333; padding: 4px; background-color: #FFdc15; margin:2px 0px 2px 0px;text-weight:strong;}

/************** BASE STRUCTURE *************/
html,body {height:100%; width:100%; margin:0px auto;}

body {margin:0 auto;background-repeat: repeat-x;background-position:center top;background-image: url(../images/bg.jpg);font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#ffffff;background-color:#333333;}

#wrapper {width:1024px;margin:0px auto 0px auto;}

#header {width:1024px;height:317px;margin:0px;padding:0px;}

#nav {width:787px;height:58px;margin:0px 0px 0px 122px;padding:0px;float:left;}
*html #nav {margin:0px 0px 0px 60px;}

#facebook {width:320px;height:50px;margin:0px;padding:0px;float:left;}

#boxbox {width:320px;height:200px;margin:0px;padding:0px;float:left;background-repeat: no-repeat;background-position:center top;background-image: url(../images/addressbg.jpg);}

.lightblue {width:320px; height:28px; height:auto !important; min-height:28px; background-color:#faf8c8;padding:2px 0px 2px 5px;margin:2px 0px 0px 0px;}
.lightblue2 {width:320px; height:28px; height:auto !important; min-height:28px; background-color:#fefaa2;padding:2px 0px 2px 5px;margin:2px 0px 0px 0px;}

#rightcol{width:350px;height:64px; height:auto !important;min-height:64px;margin:0px;padding:0px 30px 20px 0px;float:right;}
#leftcol{width:520px;height:64px; height:auto !important;min-height:64px;margin:0px;padding:0px 0px 20px 50px;float:left;}

#onecol {width:900px; height:64px;height:auto !important;min-height:64px;margin:0px; padding:0px 0px 20px 58px;float:left; color:#000;}

#contenttop {width:1024px; height:36px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(../images/contenttop.png);behavior: url(inc/pngbehavior.htc);}

#contentmiddle {width:1024px; height:64px;height:auto !important;min-height:64px;margin:0px;padding:0px;background-repeat: repeat-y;background-position:center top;background-image: url(../images/contentmiddle.png);behavior: url(inc/pngbehavior.htc);}

#contentbottom {width:1024px; height:38px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(../images/contentbottom.png);behavior: url(inc/pngbehavior.htc);}

#footer {width:1024px;height:50px;margin:0px;padding:0px;}

#mainimage {width:900px;height:300px;margin:0px;padding:0px;border:1px #333333 solid;}

#insideimage {width:550px;height:300px;margin:0px;padding:0px;border:1px #333333 solid;}

#contenttop2 {width:1024px; height:36px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(../images/contenttop2.png);behavior: url(inc/pngbehavior.htc);}

#contentmiddle2 {width:1024px; height:64px;height:auto !important;min-height:64px;margin:0px;padding:0px;background-repeat: repeat-y;background-position:center top;background-image: url(../images/contentmiddle2.png);behavior: url(inc/pngbehavior.htc);}

#contentbottom2 {width:1024px; height:38px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(../images/contentbottom2.png);behavior: url(inc/pngbehavior.htc);}



/*******************************************/
/********** PAGE ELEMENTS **********/
/*******************************************/
#credit{width:100px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height: 16px;float:right;}

#copyright{width:940px;height:50px;margin:5px 5px 5px 40px;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;padding:0px;}

#googlemap {width: 550px; height: 270px; border:1px solid #000000;line-height:15px;float:left;margin:0px 0px 20px 0px;}



/*******************************************/
/**************  TOP NAV   ************/
/*******************************************/
#nav2 .menu { padding:58px 0px 0px 0px; overflow: hidden; height:0px !important; height /**/:58px; float:left; }

#nav2 a#home { background:url(../images/home.jpg) no-repeat; width:89px; float:left;}

#nav2 a#home:HOVER, .home #nav2 a#home { background:url(../images/homeroll.jpg) no-repeat; float:left;}

#nav2 a#news { background:url(../images/news.jpg) no-repeat; width:89px; float:left;}

#nav2 a#news:HOVER, .news #nav2 a#news { background:url(../images/newsroll.jpg) no-repeat;float:left;}

#nav2 a#aboutus { background:url(/images/aboutus.jpg) no-repeat; width:141px;float:left;}

#nav2 a#aboutus:HOVER, .aboutus #nav2 a#aboutus { background:url(../images/aboutusroll.jpg) no-repeat;float:left;}

#nav2 a#services { background:url(../images/services.jpg) no-repeat; width:120px;float:left;}

#nav2 a#services:HOVER, .services #nav2 a#services { background:url(../images/servicesroll.jpg) no-repeat;float:left;}

#nav2 a#products { background:url(../images/products.jpg) no-repeat; width:141px;float:left; }

#nav2 a#products:HOVER, .products #nav2 a#products { background:url(../images/productsroll.jpg) no-repeat; float:left;}

#nav2 a#testimonials { background:url(../images/testimonials.jpg) no-repeat; width:181px;float:left; }

#nav2 a#testimonials:HOVER, .testimonials #nav2 a#testimonials { background:url(../images/testimonialsroll.jpg) no-repeat; float:left;}

#nav2 a#contactus { background:url(../images/contactus.jpg) no-repeat; width:167px;float:left; }

#nav2 a#contactus:HOVER, .contactus #nav2 a#contactus { background:url(../images/contactusroll.jpg) no-repeat; float:left;}


/******* HORIZONTAL NAV MENU  ***********/
#nav2 { height:58px; width:928px; float:left;}

*html #nav2 { position:absolute; z-index:500; } /*IE 6*/

ul#imagenav { margin:0px 0px 0px 51px; border:0 none; padding: 0; width: 928px; /*For KHTML*/ list-style: none; height:132px; }

ul#imagenav li { margin: 0; border: 0 none; padding: 0; float:left; /*For Gecko*/ display: inline; list-style: none; position: relative; height:58px; z-index:500; }

ul#imagenav li li { height:20px; margin:0px 0px 2px 0px; padding:2px 0px 2px 0px; }

ul#imagenav ul { margin:0px 0px 0px 0px; border: 0 none; padding:0; width: 200px; list-style: none; display: none; position: absolute; top:58px; left: 0; }

ul#imagenav ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*/ }

/* Root Menu */
ul#imagenav a { padding: 2px 2px; float: none !important; /*For Opera*/ float:left; /*For IE*/ display: block; color: #333333; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ font-family: "Trebuchet MS"; font-size: 16px; line-height: 24px; font-weight: normal; }

/* Root Menu Hover Persistence */
ul#imagenav a:hover, ul#imagenav li:hover a, ul#imagenav li.iehover a { background: #CCC; color: #FFF; }

/* 2nd Menu */
ul#imagenav li:hover li a, ul#imagenav li.iehover li a { float: none; background:#FFFFFF; border:1px solid #CCCCCC; color: #999999; font-size:16px; height:50px; text-indent:5px; }

*html #imagenav { z-index:500; position:relative; }

/* 2nd Menu Hover Persistence */
ul#imagenav li:hover li a:hover, ul#imagenav li:hover li:hover a, ul#imagenav li.iehover li a:hover, ul#imagenav li.iehover li.iehover a { background: #FFDC15; color: #333333; }

/* 3rd Menu */
ul#imagenav li:hover li:hover li a, ul#imagenav li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 3rd Menu Hover Persistence */
ul#imagenav li:hover li:hover li a:hover, ul#imagenav li:hover li:hover li:hover a, ul#imagenav li.iehover li.iehover li a:hover, ul#imagenav li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }

/* 4th Menu */
ul#imagenav li:hover li:hover li:hover li a, ul#imagenav li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 4th Menu Hover */
ul#imagenav li:hover li:hover li:hover li a:hover, ul#imagenav li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; }

ul#imagenav ul ul, ul#imagenav ul ul ul { display: none; position: absolute; top: 0; left: 200px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#imagenav li:hover ul ul, ul#imagenav li:hover ul ul ul, ul#imagenav li.iehover ul ul, ul#imagenav li.iehover ul ul ul { display: none; }

ul#imagenav li:hover ul, ul#imagenav ul li:hover ul, ul#imagenav ul ul li:hover ul, ul#imagenav li.iehover ul, ul#imagenav ul li.iehover ul, ul#imagenav ul ul li.iehover ul { display: block; }



/************** CONTACT FORM ************/
form#contact 	{margin:0px 0px 20px 0px;padding: 5px;float:right;width: 275px;background:#cccccc;	border:none;font-family:"Trebuchet MS";font-size:0.75em;font-weight:normal;color:#333333;}	

#contact label,#contact input {display: block;width: 150px;float: left;margin-bottom: 10px;}

#contact label {text-align: right;width: 75px;padding-right: 5px;}

#contact br {clear: left;}

#contact fieldset	{margin:0px 0px 10px 0px;position:relative;display:block;border:1px solid #ffffff;padding: 0px 10px 10px 10px;} 
	
#contact legend	{color:#333333;font-variant:small-caps;padding:2px 5px;position: relative;font-family: "Trebuchet MS";font-size: 18px;line-height: 17px;font-weight: bold;}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {width: 60px;margin-right:12px;float: left;}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{display: block;width: 240px;height:70px;margin-bottom: 15px;}

textarea{overflow:auto;}
	
#contact #submit	{width: 85px;height:32px;margin-left:90px;}
	
#contact .shhhh, .shhhh {display:none;}