#browserAlert {
display:none;
}

a:focus{
outline:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- global ---------- */
/* --------------------------------------------------------------------------------- */

body{font-size:12px; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040; margin:0; padding:0; background-image:url('../imgs/bg.jpg'); background-repeat:repeat-x;}

ul { list-style: disc; margin:10px 0 20px 20px; }

ol { list-style: decimal; margin: 10px 0 20px 30px;}

li { margin: 2px auto; list-style-position: outside; }


.wrapper {margin: 0 auto; width:954px; }

a, a:link{
text-decoration:underline;
color:#00a886;
}
a:hover{
text-decoration:none;
color:#00a886;

}
h3{ width:289px; height:158px; background-image: url('../imgs/logo.jpg'); margin:0; float:left;}
h3 a { display: block; width:289px; height:158px; text-indent: -9999px; }

#flash{
margin:15px 0 0 0;
padding:0 0 0 0;
float:left;
display:inline;
}

h1{
color:#00a886;
font-size:15px;
font-weight:normal;
}
#content{
width:654px;
margin:37px 0 0 35px;
float:left;
min-height:313px;
}
#col1{
width:300px;
margin:37px 0 0 35px;
float:left;
min-height:313px;
}
p.form2 {
margin:0;
padding:0 0 10px 0;
}
#col2{
width:300px;
margin:37px 0 0 30px;
float:left;
min-height:313px;
}
form{
padding:0;
margin:0;
}
input.contactForm{
color:#999999;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #cccccc;
width:200px;
height:20px;
}
textarea{
width:200px;
height:70px;
color:#999999;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #cccccc;
}
.greenBold{
font-weight:bold;
color:#00a886;
}
/* --------------------------------------------------------------------------------- */
/* ---------- TOP NAV ---------- */
/* --------------------------------------------------------------------------------- */

#topNavBox{
float:right;
margin:0;
background-image:url('../imgs/bg-top.jpg');
background-repeat:no-repeat;
background-position:top right;
position:relative;
z-index:999999;
}

#topNav { height:55px; float:right; display:inline; margin:103px 0 0 0; list-style:none;}

#topNav ul {
list-style: none; 
width:391px; 
margin: 103px 0 0 0; 
padding:0;
display:block;
clear:both;
position:relative;
z-index:9999;
}

#topNav li { float:left; margin: 0 0 0 0; height:55px; text-indent:-9999px; position:relative; background:none; }


li.products a { display: block; width:95px; height: 55px; background: url('../imgs/top-nav.jpg') no-repeat 0 0; text-indent: -9999px }
li.products a:hover { display: block; width:95px; height: 55px; background: url('../imgs/top-nav.jpg') no-repeat 0 -55px; }

li.productInfo a { display: block; width:134px; height: 55px; background: url('../imgs/top-nav.jpg') no-repeat -95px 0; text-indent: -9999px }
li.productInfo a:hover { display: block; width:134px; height: 55px; background: url('../imgs/top-nav.jpg') no-repeat -95px -55px; }

li.locations a { display: block; width:162px; height:55px; background: url('../imgs/top-nav.jpg') no-repeat -229px 0; text-indent: -9999px }
li.locations a:hover { display: block; width:162px; height:55px; background: url('../imgs/top-nav.jpg') no-repeat -229px -55px; }

#homeProducts li.products a { background: url('../imgs/top-nav.jpg') no-repeat 0 -55px; }
#homeProductInfo li.productInfo a { background: url('../imgs/top-nav.jpg') no-repeat -95px -55px; }
#homeLocations li.locations a { background: url('../imgs/top-nav.jpg') no-repeat -229px -55px; }

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


#nav { height:49px; float:right; display:inline; margin:0 0 0 0; list-style:none;}	

#nav ul {
margin: 0;
padding: 0;
list-style: none; 
width: 507px;
display: block; 
clear: both; 
position: relative; 
z-index: 999;
}

#nav li { float:left; margin: 0 0 0 0; height:47px; text-indent:-9999px; position:relative; background:none; }


li.home a { display: block; width:67px; height: 47px; background: url('../imgs/nav.jpg') no-repeat 0 0; text-indent: -9999px }
li.home a:hover { display: block; width:67px; height: 47px; background: url('../imgs/nav.jpg') no-repeat 0 -47px; }

li.company a { display: block; width:119px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -67px 0; text-indent: -9999px }
li.company a:hover, li.company a:active { display: block; width:119px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -67px -47px; }

li.faq a { display: block; width:50px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -186px 0; text-indent: -9999px }
li.faq a:hover { display: block; width:50px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -186px -47px; }

li.gallery a { display: block; width:129px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -236px 0; text-indent: -9999px }
li.gallery a:hover { display: block; width:129px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -236px -47px; }

li.news a { display: block; width:60px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -365px 0; text-indent: -9999px }
li.news a:hover { display: block; width:60px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -365px -47px; }

li.contact a { display: block; width:82px; height:47px; background: url('../imgs/nav.jpg') no-repeat -425px 0; text-indent: -9999px }
li.contact a:hover { display: block; width:82px; height: 47px; background: url('../imgs/nav.jpg') no-repeat -425px -47px; }


#homeHome li.home a { background: url('../imgs/nav.jpg') no-repeat 0 -47px; }
#homeCompany li.company a { background: url('../imgs/nav.jpg') no-repeat -67px -47px; }
#homeFaq li.faq a { background: url('../imgs/nav.jpg') no-repeat -186px -47px; }
#homeGallery li.gallery a { background: url('../imgs/nav.jpg') no-repeat -236px -47px; }
#homeNews li.news a { background: url('../imgs/nav.jpg') no-repeat -365px -47px; }
#homeContact li.contact a { background: url('../imgs/nav.jpg') no-repeat -425px -47px; }


/* =============== subnav ================== */


#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 8px;
background:none;
}

#nav li:hover ul ul {
left: 0;
background:none;
}

#nav li:hover ul, #nav li li:hover ul {
left: 0;
background:none;
}


#nav li li {
height: auto !important;
float:none;
background:none;
}


#nav li li a {
border-left:1px solid #808080;
border-right:1px solid #808080;
font-size: 12px;
background:url('../imgs/bg-dropRoll.jpg') !important;
padding: 10px 7px;
line-height: 14px;
color: #404040;
text-indent: 0;
height: auto !important;
width: 180px;
text-decoration:none;
}


#nav li li:hover a {
background: #0898a9;
}

	
#nav li li:hover li a {
background: #08aec2;

}


#nav li li a:hover, #nav li li:hover li a:hover {
background-color: #0898a9;
background: url('../imgs/bg-drop.jpg') !important;
}


#nav li ul ul {
margin: -34px 0 0 -194px;
border-left: 1px solid #808080;
background:none;
}


/* =============== TOP SUBNAV ================== */

#topNav li ul, #topNav li li ul, #topNav li li li ul {
position: absolute;
left: -9999px;
z-index: 999999;
text-align: left;
clear: both;
margin: 0px 0 0 8px;

}

#topNav li:hover ul ul, #topNav li:hover ul ul ul {
left: -9999px;
background:none;
}

#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul {
left: 0px;
background:none;
width:150px !important;

}


#topNav li li {
height: auto !important;
float:none;
background:none;
}


#topNav li li a, #topNav li li li a {
border-left:1px solid #808080;
border-right:1px solid #808080;
font-size: 12px;
background:#232323 !important;
padding: 10px 7px;
line-height: 14px;
color: #f4f4f4;
text-indent: 0;
height: auto !important;
width: 150px;
text-decoration:none;
}


#topNav li li:hover a {
color:#232323;
background: #cccccc !important;
width:150px !important;
}
#topNav li li:hover li a {
background:#232323 !important;
color:#ffffff;
width:150px !important;
}


#topNav li li a:hover, #topNav li li li a:hover {
color:#232323 !important;
background:#cccccc !important;
width:150px !important;
}



#topNav li ul ul {
margin:-34px 0 0 165px;
background:none;
width:150px !important;
}


#topNav li ul ul ul {
margin:-34px 0 0 165px;
background:none;
width:150px !important;
}
/* --------------------------------------------------------------------------------- */
/* ---------- ABOUT BOX ---------- */
/* --------------------------------------------------------------------------------- */

#about{
float:left;
background-image:url('../imgs/title-about.jpg');
background-repeat:no-repeat;
background-position:top center;
width:215px;
height:313px;
margin:37px 0 0 35px;
}
.first{
margin:70px 0 0 0;
}
#about p{
width:200px;
padding:0 0 5px 10px;
}

/* --------------------------------------------------------------------------------- */
/* ---------- WHY CHOOSE US BOX ---------- */
/* --------------------------------------------------------------------------------- */
#why{
float:left;
background-image:url('../imgs/bg-why.jpg');
background-repeat:no-repeat;
background-position:top center;
width:424px;
height:397px;
margin:37px 0 0 15px;
}

#why ul{
width:390px;
margin:10px 0 0 0;
padding:0 0 0 30px;
list-style:disc;
list-style-position:inside;
}
#why li {
margin:0 0 0 0;
padding:0 0 15px 0;
}
#why p{
width:390px;
margin:70px 0 0 15px;
padding:0 0 0 0;
}

/* --------------------------------------------------------------------------------- */
/* ---------- PRODUCTS BOX ---------- */
/* --------------------------------------------------------------------------------- */
#products{
float:left;
background-image:url('../imgs/bg-products.jpg');
background-repeat:no-repeat;
background-position:top center;
width:216px;
height:173px;
margin:37px 0 0 15px;
}

#products ul{
width:200px;
margin:70px 0 0 0;
padding:0 0 0 30px;
list-style:disc;
list-style-position:inside;
}
#products li {
margin:0 0 0 0;
padding:0 0 5px 0;
}

/* --------------------------------------------------------------------------------- */
/* ---------- BROCHURE BOX ---------- */
/* --------------------------------------------------------------------------------- */
#brochure{
margin:10px 0 0 15px;
float:left;
}

/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footer{margin:70px 0 0 0; padding:15px 0 20px 0; width:954px; border-top:solid 1px #d6d6d6; font-size:10px; clear:both; text-align:center;}
.footer a{color:#00a886; text-decoration:underline;}