/*
                 Site:   http://www.hawsco.com/
       Company/Agency:   Twelve Horses 
      Company URL:   http://web.twelvehorses.com/    
   Designer+Developer:   Tim Miley   
  
                
  
 
============================================================= */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, tt, var, dd, dl, dt, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead{margin:0; padding:0; border:0; font-weight:normal; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; vertical-align:top}
a img, :link img, :visited img{border:0}
table{border-collapse:collapse; border-spacing:0}
ol, ul{list-style:none}
acronym{border-bottom:1px dotted #000}
q:before, q:after, blockquote:before, blockquote:after{content:""}
:focus{-moz-outline-style:none; outline: 0;}

/* -
============================================================================== */
body{background:#fff url('../images/bck.png') fixed no-repeat top center; font:14px Arial,Helvetica,sans-serif; line-height:1.5em; color:#333}

hr{border:0; border-top:1px solid #000; margin:10px 0; clear:both; height:1px}

input[type="submit"]{background:#006eb9; border:none; color:#fff; cursor:pointer; font-size:14px; padding:5px 20px}
input[type="submit"]:hover{background:#000}

/* -
============================================================= */
h1, h2, h3, h4, h5, h6{color:#000; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:500; line-height:120%}
h1{font-size:26px; margin:0 0 .5em 0}

h2{font-size:20px; margin:0 0 .6em 0}
h3{font-size:16px; margin:0 0 .5em 0}
h4{font-size:14px; margin:0 0 .2em 0}

h5{font-size:14px; margin:0 0 .2em 0; border-bottom:1px solid #000}

p{margin:0 0 0.9em 0}
a{color:#4897cc; text-decoration:none}
a:hover{color:#000}
li{margin-bottom:.3em}
font {font:14px Arial,Helvetica,sans-serif; line-height:1.5em; color:#333}

/* -
============================================================= */
#wrapper, #footer{width:940px; margin:0 auto}
#wrapper{position:relative}

#sidebar{width:220px; float:left}
#content, #sidebar{margin:20px 0}
#content{float:right; width:700px; margin-left:20px}

#footer{margin:20px 0; clear:both}

/* - 
============================================================== */
#header_links{float:right; font-size:10px; text-transform:uppercase; position:relative; right:-10px}
#header_links li{display:inline}
#header_links, #header_links a{color:#333; margin: auto 5px; padding:10px 0 5px 0}
#header_links a:hover{color:#4897cc}

#location a{background:url('../images/location.jpg') no-repeat 0px 8px; padding-left:40px}

#location a:hover{background:url('../images/location_b.jpg') no-repeat 0px 8px}

#logo{background:url('../images/haws.gif') no-repeat; width:279px; height:55px; text-indent:-9999px; float:left; margin:55px 0 20px 0; cursor:pointer}
#logo a{display:block; width:279px; height:55px}

#search{background:url('../images/bck_search.gif') no-repeat top left; width:275px; height:37px; float:right; padding:10px 0 0 15px; clear:right; margin-top:20px; position:relative}

/*#search div{background:url('../images/bck_search.gif') no-repeat bottom left; width:290px; height:47px; position:absolute; top:0; left:0; display:none}
*/
#search:hover{background:url('../images/bck_search_b.gif') no-repeat}

#search input{border:none; background:none; padding:5px 0; position:relative; z-index:4}
#search_input{width:200px; font-size:16px}
#search_submit{    font:bold 14px/14px "Century Gothic",Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer; color:#999; width:65px}
#search_submit:hover{color:#000}

/* - 
============================================================== */
#hr{border-bottom:5px solid #000; clear:both}
/*#nav{clear:both; font:14px "Century Gothic",Arial,Helvetica,sans-serif; text-transform:uppercase; padding:10px 0 15px 0; overflow:auto; text-align:center; width:940px; position:relative; z-index:10}*/
#nav{clear:both; font:14px "Century Gothic", "Myriad Pro", "Trebuchet MS", Arial,Helvetica,sans-serif; text-transform:uppercase; padding:10px 0 15px 0; text-align:center; width:940px; position:relative; z-index:10}
#nav li{display:inline}
#nav li a{color:#000; font-weight:bold; padding:10px 17px 10px 16px}
#nav li:first-child a, #nav .first a{padding-left:0}
#nav li:last-child a, #nav .last a{padding-right:0}
#btn_about a {padding-right: 0 !important;}
.nav_active{color:#4897CC !important}
.corner{background:url('../images/corner.png') no-repeat; display:block; width:7px; height:7px; position:absolute; z-index:3}

.tr{top:0; right:0; background-position:left bottom}
.tl{top:0; left:0; background-position:right bottom}
.br{bottom:0; right:0; background-position:left top}
.bl{bottom:0; left:0; background-position:right top}

/* - 
================================================================== */
#footer{font-size:12px; color:#6a757c; border-top:5px solid #000; padding:8px 0 30px 0}
#footer p{float:left}
#footer p a{color:#333}
#footer ul{text-align:right; float:right}
#footer li{text-align:right; display:inline; margin-left:10px}

/* - 
================================================================== */
.nav_dropdown{position:absolute; padding-bottom:12px; top:171px; z-index:9; background: url('../images/bck_drpdwn_shadow.png') repeat-x bottom; display:none}

.nav_tab{width:180px; height:50px; background:#fff; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; top:-49px; padding:0 1px}
.nav_tl{background:url('../images/nav_tl.gif') no-repeat bottom left; width:7px; height:7px; position:absolute; top:-1px; left:-1px}
.nav_tr{background:url('../images/nav_tr.gif') no-repeat bottom right; width:7px; height:7px; position:absolute; top:-1px; right:-1px}

#fountains{left:-15px}
#fountains .nav_tab{left:0}

#filtration{left:160px;}
#filtration .nav_tab{left:00px;  width:120px}

#hydration{left:223px}
#hydration .nav_tab{left:50px}

#emergency{left:250px}
#emergency .nav_tab{left:200px; width:200px}

/* original with resources.
#resources{right:45px}
#resources .nav_tab{right:123px; width:120px}

#purchase{right:-15px}
#purchase .nav_tab{right:73px; width:120px}*/

#resources{right:167px}
#resources .nav_tab{right:0px; width:120px}

#purchase{right: 55px}
#purchase .nav_tab{right:0px; width:120px}

#about{right:-15px}
#about .nav_tab{right:0px; width:80px}

/* - 
================================================================== */
.drpdwn{overflow:auto; float:left; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; background:#fff; padding-left:10px;/* original with resources min-width:340px*/}

.drpdwn ul{float:left; position:relative; overflow:auto}
.drpdwn li{float:left; width:160px; padding:10px; padding-top:20px; color:#5d676d}
.drpdwn li a{color:#000; display:block}
.drpdwn li a:hover{color:#4897cc}
.drpdwn li{margin:0 0 10px 0; font:12px/ 18px "Century Gothic",Arial,Helvetica,sans-serif}
.drpdwn li ul{margin-top:5px; float:left; width:160px}
.drpdwn li ul li{margin:0 0 8px 0; padding:0; font:11px/18px Arial,Helvetica,sans-serif}
.drpdwn li ul li a{color:#5d676d}
/* - 
================================================================== */
.drpdwn_info{width:230px; background:#e4edf4; float:left; border-top:1px solid #ccc}
.drpdwn_info h2{display:block; background:#000; color:#fff; padding:10px 15px; font-size:14px; margin:0; letter-spacing:-.05em}
.drpdwn_info li{padding:8px 15px; width:200px; float:left; font:11px/18px Arial,Helvetica,sans-serif; margin:0;  background:#e4edf4; border-bottom:1px solid #fff; cursor:pointer}
.drpdwn_info li h3{font-size:14px}
.drpdwn_info li a{color:#5d676d; display:block}
.drpdwn_info li a:hover{color:#000}
/* - 
================================================================== */
#g_locator{background:#fff; color:#5D676D; margin:0 auto; width:860px; margin-top:20px}
#g_locator fieldset{width:300px; margin-bottom:30px; float: left;}
#g_loc_right {width: 560px;float: right;overflow: hidden;}

#g_loc_logo{margin-bottom:30px}
#g_locator select{border:none; border:1px solid #ccc; overflow:hidden; width:200px; color:#63b1e5}
#g_locator input[type="submit"]{background:black; border:none; color:#fff; cursor:pointer; font-size:14px; padding:5px 20px}
#g_locator input[type="submit"]:hover{background:#006eb9}

#g_locator h2, #g_locator h1{border-bottom:1px solid #000; padding-bottom:5px}
#g_locator h1{font-size:20px; clear: both;}
.mission{font-size:24px; line-height:120%; color:#63b1e5; letter-spacing:.01em}
/* - 
================================================================== */
.intro_txt{font-size:16px; color:#547485; border-bottom:1px solid #CCC; padding-bottom:15px}
.error, .red{color:#900}
.left{float:left}
.right{float:right}
.left img, .right img{padding:1px; margin:0; border:1px solid #999}
.right img{margin-left:15px}
.left img{margin-right:15px}
/* - 
================================================================== */
#c{background:url('../images/bck_crumbs.jpg') no-repeat center center; height:28px; width:920px; overflow:auto; overflow:visible; padding:5px 0 0 20px}
#c li{float:left; font-size:11px; padding:0 15px 0 10px; background:url('../images/crumb_arrow.gif') no-repeat right center}

#c li a{color:#737e84; padding:0 2px}
#c li a:hover{color:#4897CC}

li#c_home{width:20px; text-indent:-9999px; padding-left:0}
#c_home a{background:url('../images/crumb_home.gif') no-repeat 50% 3px; display:block; width:20px; height:22px}
#c_home a:hover{background:url('../images/crumb_home_over.gif') no-repeat 50% 3px}
li#c_last{background:none}
/* - 
================================================================== */
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #E4EDF4; }
p#pricing_terms {padding:0; margin:0; position:absolute; top:285px; left:50%; margin-left:380px; width:100px;}
a.with_tooltip {font-size:12px;}
a:hover.with_tooltip {color:#CCCCCC}
/* - 
================================================================== */
#sidebar_enews img {
	border:none;
	padding:0;
	margin:0;
	width:220px;
	}
	
a#sidebar_enews {
	padding:0px;
	}