* {
margin:0px;
}

p,h1,pre {
margin:0 30px 10px;
}

h1 {
font-size:24px;
padding-top:10px;
padding-left:5px;

}

h2 {
font-size:18px;
padding-top:10px;
padding-left:5px;

}

h3 {
font-size:16px;
padding-top:10px;
padding-left:5px;

}

img, td {
border:none;
}

body {
text-align:left;
font-family:'Arial', 'trebuchet ms', 'Lucida Grande', 'tahoma';
font-size:12px;
color:#ffffff;
background-color: #195168;
background-repeat: no-repeat;
background-position: 0% 0%;
}

p {
font-size:12px;
padding:10px;
padding-left:5px;
}

#frame1 {
width:1000px;
min-height:613px;
background-color: #195168;
background-image:url(images/BkndWebDesign.jpg);
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frame2 {
width:1000px;
min-height:613px;
background-color: #195168;
background-image:url(images/BkndWebDesignMarketing.jpg);
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frame3 {
width:1000px;
min-height:613px;
background-color: #195168;
background-image:url(images/WebDesignProperty.jpg);
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frameBlank {
width:1000px;
min-height:613px;
background-color: #195168;
background-image:url(images/WebBknd.jpg);
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#leftbox {
width:241px;
height:219px;
float:left;
padding-left:40px;
}

#header {
height:82px;
width:1024px;
text-align:center;
}

#header_nav {
height:167px;
width:785px;
}

#inline {
height:65px;
display:inline;
}

#topnav_water {
display:inline;
height:167px;
width:785px;}

#topnav_water a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav_water a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav_water ul {
margin:0 0 0 200px;
padding:0;
}

#topnav_water li {
display:inline;
}

#topnav {
display:inline;
height:167px;
width:785px;
}

#topnav a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:0px;
padding-left:0px;
text-transform:none;
font-weight:700;
padding-top:0px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav ul {
margin:0 0 0 200px;
padding:0;
}

#topnav li {
display:inline;
}


#faq {
height:167px;
width:185px;
}

#faq a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_02.jpg);
background-position:bottom;
}



#faq a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#faq ul {
margin:0 0 0 200px;
padding:0;
}

#faq li {
display:inline;
}

#why {
height:167px;
width:193px;

}

#why a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_03.jpg);
background-position:bottom;
}



#why a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#why ul {
margin:0 0 0 200px;
padding:0;
}

#why li {
display:inline;
}

#coolers {
height:167px;
width:206px;
}

#coolers a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_04.jpg);
background-position:bottom;
}



#coolers a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position2.png);
color:#ffffff;
}


#coolers ul {
margin:0 0 0 200px;
padding:0;
}

#coolers li {
display:inline;
}


#contact {
height:167px;
width:201px;
}

#contact a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_05.jpg);
background-position:bottom;
}



#contact a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position3.png);
color:#ffffff;
}


#contact ul {
margin:0 0 0 200px;
padding:0;
}

#contact li {
display:inline;
}

#photos {
height:76px;
width:71px;
}

#photos a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_photos_off.jpg);
background-position:bottom;
}



#photos a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position4.png);
color:#ffffff;
}


#photos ul {
margin:0 0 0 200px;
padding:0;
}

#photos li {
display:inline;
}

#application {
height:76px;
width:71px;
}

#application a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_application_off.jpg);
background-position:bottom;
}



#application a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_application_on.jpg);
color:#ffffff;
}


#application ul {
margin:0 0 0 200px;
padding:0;
}

#application li {
display:inline;
}

#career {
height:76px;
width:71px;
}

#career a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_career_off.jpg);
background-position:bottom;
}



#career a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_career_on.jpg);
color:#ffffff;
}


#career ul {
margin:0 0 0 200px;
padding:0;
}

#career li {
display:inline;
}

#circle {
height:76px;
width:71px;
}

#circle a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/circle_off.jpg);
background-position:bottom;
}



#circle a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/circle_on.jpg);
color:#ffffff;
}


#circle ul {
margin:0 0 0 200px;
padding:0;
}

#circle li {
display:inline;
}


#main {
width:100%;
height:600px;
background-image:url(images/stainless_large.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:#4E505C;
float:left;
min-height:300px;
padding:0;
}

#main a {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:visited {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:hover {
text-decoration: none;
color: #ff0000; 
}



#footer {
padding-top:10px;
height:100%;
font-size:1.0em;
text-align:center;

width:1000px;
background-color: #195168;
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:center;
padding:0;
}


#footer a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
color:#aabf6d;
}

#footer a:hover {
text-decoration: none;
background:#195168;
background-repeat:repeat-x;
color:#ffffff;
}

#footer ul {
margin:0 0 0 0px;
padding:0;
}

#footer li {
display:inline;
}

.footer2 {
width:100%;
float:none;
height:100%;
font-size:1.0em;
text-align:center;
background-color:#84B6DC;
background-repeat:repeat-y;

}



.footer2 a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
color:#ffffff;
}

.footer2 a:hover {
text-decoration: none;
background:#84B6DC;
color:#000000;
}

#leftnav {
width:244px;
height:600px;
background-image:url(images/stainless_large2.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:transparent;
min-height:1000px;
font-size:12px;
float:left;
padding:0;
}

#leftnav ul {
list-style: none;
margin:0px;
padding-left:11px;
}

#leftnav li {
margin:0px;
padding:0px;
}


#leftnav a {
color:#ffffff;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#leftnav a:visited {
color:#ffffff;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#leftnav a:hover {
text-decoration: none;
color: #FF0000; 
font-size: 12px;
}

.funkyblue {
color:#339999;
font-size:16px;
font-weight:bold;
}


#rightnav {
width:175px;
font-size:16px;
float:right;
padding:0;
}

#faq2 {
width:675px;
heigth:100%;
padding-left:50px;
}

#faq2 a {
color:#095AA5;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:underline;
}

#faq2 a:visited {
color:#095AA5;
font-size:12px;
font-style:normal;
text-decoration:underline;
}

#faq2 a:hover {
text-decoration: underline;
background-color: #fff;
color: #8FCA18; 
font-size: 12px;
}

#background_image  {
width:1000px;
heigth:112px;
min-height:112px;
background-image:url(images/re_banner.jpg);
}

















#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:1000px; height:25px; font-size:0.85em; position:relative; z-index:100; background-image:url(images/topnav_bknd.jpg);}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:150px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; font-weight:bold; color:#7AC9DD; font-family: 'Helvetica','trebuchet ms', 'Lucida Grande', 'Arial', 'tahoma'; width:150px; height:25px; padding-left:0px; line-height:25px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px; w\idth:99px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#02A0C6 bottom right no-repeat; border:1px solid #28AECF; border-width:0px 0px 1px 0px; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#35B3D1  bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#35B3D1 bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#02A0C6; border:1px solid #28AECF; border-width:0px 0px 1px 0px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#35B3D1;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:25px;}

/* position the third level flyout menu */
.menu ul ul ul{left:123px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#02A0C6; color:#000000; height:5px; line-height:1em; padding:5px 0px; width:123px;border:1px solid #28AECF; border-width:0px 0px 1px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:123px;w\idth:123px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background-color:#35B3D1;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}