@charset "UTF-8";
/*	CSS Document
	Designed for: Gordon Water Systems
	Designed by: Drew Hookway
	
	All comments will be placed for the line(s) below where the comment appears
*/

/* import the navigation bar css file */
@import url(thickbox.css);
@import url(navbar.css);


/* set the styles for regular html tags */
html { overflow: -moz-scrollbars-vertical; }
body { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align:center; }
img { border: 0; }
p { color:#555555; }
ul, ol, dl, cite { color:#507EA1; }
a, table, form { color: #507EA1; }
a:hover { color:#507EA1; text-decoration: none; }
#nav a:hover, #promo a:hover { color:#2b62a2; }
p { font-size:14px; color: #696969; }
li { font-size:14px; color: #696969; }
h1 { color:#D6E2EC; font-size:24px; /* 24pt */ }
h2 { color:#000000; font-size:20px; /* 22pt */ }
h3 { color:#000000; font-size:18px; /* 18pt */ }
h4 { color:#507EA1; font-size:16px; /* 18pt  line-height: 0; */}
h5 { color:#000000; font-size:14px; /* 16pt */ }
h6 { color:#507EA1; font-size:12px; /* 16pt */ }


/* set the styles for custom gws tags */
#second_header { float: left; width: 100%; display: inline-block; margin: 0; }
#second_header_inner { overflow: hidden; padding: 0px 0px 0px 0px; display: inline-block; }

#second_header_inner p, div, table, tr, td, form, input { font-size:11px; padding:0px; margin:0px; font-weight:normal; text-decoration:none; }
#second_header_inner select, option { font-size:11px; font-weight:normal; text-decoration:none; }
#second_header_inner a { font-size:11px; font-weight:bold; text-decoration:none; color:#99cc00; }
#second_header_inner a:hover { font-size:11px; color:#fff; font-weight:bold; text-decoration:underline; }
#second_header_inner a h1 { font-size:16px; color:#fff; font-weight:bold; text-decoration:underline; }

#main_header_inner { overflow: hidden; padding: 0px 0px 0px 50px; display: inline-block; font-size: 1.0em; }


/* set the styles for custom gws tags */
#threecolwrap { float:left; width:100%; }
#header_inner span{ color: #C80002; }
#rectangle_3 { text-decoration: none; }
#rectangle_3 img { padding: 2px; }
#rectangle_3 h1 { color: #006699; }
#rectangle_3 h1 a { color: #006699; text-decoration: none; }
#rectangle_3 h1 a:hover { text-decoration: none; color:#000066 }
#rectangle_3 h1 strong { color: #006600; font-size: 1.5em; }
#rectangle_3 h1 strong a:hover { color: #006600; font-size: 1.5em; text-decoration: none; }
#content { width: 901px; padding: 0 1em .3em 1.5em; text-align: left; margin: auto; }

/* set the styles for custom gws tags */
#twocolwrapcontainer { margin: auto; width: 100%; float:left; }
#twocolwrap { margin: auto; width: 910px; }
#header_inner span{ color: #C80002; }

#rectangle_4 { text-align: left; float:left; width: 250px; padding: 0px 5px 0px 5px; }

#rectangle_5 { text-align:left; float:left; width: 650px; }
#rectangle_5 img { padding: 2px; }
#rectangle_5 h1 { color: #006699; }
#rectangle_5 h1 a { color: #006699; text-decoration: none; }
#rectangle_5 h1 a:hover { text-decoration: none; color:#000066 }
#rectangle_5 h1 strong{ color: #006600; font-size: 24px; }
#rectangle_5 h1 strong a:hover { color: #006600; font-size: 24px; text-decoration: none; }
#rectangle_5 h5 { padding: 0px; }

#rectangle_6 { text-align:left; float:left; width: 400px; padding: 0px 0px 0px 0px; }
#rectangle_6 img { padding: 2px; }
#rectangle_6 h1 { color: #006699; }
#rectangle_6 h1 a { color: #006699; text-decoration: none; }
#rectangle_6 h1 a:hover { text-decoration: none; color:#000066 }
#rectangle_6 h1 strong{ color: #006600; font-size: 24px; }
#rectangle_6 h1 strong a:hover { color: #006600; font-size: 24px; text-decoration: none; }

#rectangle_7 { text-align:left; float:left; width: 250px; padding: 120px 0px 120px 0px; }

/* The following is the contact footer */
#playlistcontainer { margin: auto; width: 910px; font-size: 9px; }
#playlist { vertical-align:top; text-align: left; float: left; border:1px solid; width:300px; height:150px; overflow:auto;}
#playlistcontainerheader { margin: auto; width: 910px; font-size: 15px; }
#playlistheader { text-align: center; float: left; border:1px solid; width:300px; height:19px; overflow:auto;}

/* The following is the contact footer */
#footer_container { margin: auto; width: 900px; font-size: 12px; }
#columns { color: #2b62a2; padding: 30px 12.5px 30px 12.5px; width: 200px; text-align: center; float: left; }
#columns a { text-decoration: none; }
#columns a:hover { color: #000066; text-decoration: none; }
#showit {font-size: 12px; text-align: center; margin: auto; color: #039}

/*this is what we want the div to look like*/
#contactus{ display:block; position:fixed; top: 80px; right: 150px; width:165px; height: 90px; text-align:left; background-color: transparent; z-index: 900;}
#contactus1{ display: float; text-align: center; z-index: 900; size: 15px; color: green}
/*this is what we want the div to look like*/
#storebanner{ display:block; position:fixed; top: 150px; left: 50px; width:323px; height: 59px; text-align:left; background-color:transparent; }

/*this is what we want the div to look like*/
#google_search{ display:block; position: absolute; top: 15px; left: 50%; margin-left: -100px; text-align:left; background-color:transparent; z-index: 901; }

/*this is what we want the div to look like*/
#sharebutton{ display:block; position: fixed; top: 96px; left: 50%; margin-left: -65px; text-align:left; background-color:transparent; z-index: 902; }

/* set the styles for fixed position header 
* html body{ overflow:hidden; } 
* html div#content{ height:100%; overflow:auto; }
div#header{ position:absolute; top:0; left:0; width:100%; height: 110px 0 0 0; z-index:1000; }
@media screen{
	body>div#header{ position:fixed; }
	body>div#footer{ position:fixed; }
}
*/