/*****
CSS Screen Media Document for Hyrain
*****/

/**********************************
Initial Classes / Hacks
**********************************/

* {padding:0;margin:0;}

/* mac hide\*/
html, body {height:100%;}
/* end hide */

img {border:0;padding:0;margin:0;}

a, a:link, a:visited, a:active {
	color:#4D67AE;
	text-decoration:none;
}
a:hover { color:#979797; }

h1 {font-size:2.3em;color:#979797;font-weight:normal;padding:0;margin:0;}
h2 {font-size:1.4em;color:#454a52;font-weight:bold;padding:0;margin:0;}
h3 {font-size:1.1em;color:#636265;font-weight:bold;padding:0;margin:0;}

.error {
  border: solid 1px red;
  background: #fdd;
  color: black;
  font-weight: bold;
  margin: 1em;
  padding: .5em;
}

.hr {height:0;font-size:0;padding:0;margin:0;border-top:1px solid #72852A;}
.floatL {float:left}
.floatR {float:right}
.clear {clear:both;}
.clearL {clear:left}
.clearR {clear:right}
.normal {font-weight:normal;}

/***********
 Holly Hack
************/
/* hide from IE-mac \*/
* html .holly {height: 1%;}
/* end hide */

/*********
clearfix -- a div containing floats will clear itself
http://www.positioniseverything.net/easyclearing.html
********/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**************
Main Template
**************/

body {
   background: #fff;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: xx-small; /* for earlier ie */
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: x-small;
   font-style: normal;
   font-weight: normal;
   color:#5F5F5;
   text-align: center;
}

#siteWrap {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:828px;
	background:#fff;
	text-align:left;
}
#header {
	position:relative;
	height:87px;
	background:#FFF url(/images/logo.jpg) left bottom no-repeat;
        color:#999;
        font:12px Verdana;
}
#logo {
	position:absolute;
	height:87px;
	width:276px;
        color:#999;
	z-index:3;
}

#header_copy {
	postion:relative;
	padding: 27px 0 0 590px;
	width: 229px;
	height: 30px;
	font-size:11px;
	text-align:right;
}

#header_copy_info {
	width: 229px;
	height: 22px;
	padding: 0px 0 0 590px;
	color:#2D363D;
	font-size:10px;
	font-weight:bold;
        top: 0px;
	text-align:right;
}

#header_nav_home {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav.jpg) no-repeat;
}

#header_nav_cms {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav.jpg) no-repeat;
}

#header_nav_products {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav_prod.jpg) no-repeat;
}

#header_nav_company {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav_comp.jpg) no-repeat;
}

#header_nav_team {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav_team.jpg) no-repeat;
}

#header_nav_contact {
        position:relative;
	width:828px;
	height:31px;
	background:#FFF url(/images/top_nav_contact.jpg) top no-repeat;
}

#content_home {
        position:relative;
	width:828px;
	height:245px;
	background:#FFF url(/images/body_img.jpg) no-repeat;
}

#content_home_bottom {
        position:relative;
	width:828px;
	height:237px;
	background:#FFF;
	border-bottom:1px solid #A8B4D1;
}

#content_mag_valve {
        position:relative;
	width:225px;
	height:236px;
	background:#FFF url(/images/hd_mag_valve.jpg) top no-repeat;
	float:left;
}

#content_push_valve {
        position:relative;
	width:225px;
	height:236px;
	background:#FFF url(/images/hd_push_valve.jpg) top no-repeat;
	float:left;
}

#content_testimonials {
        position:relative;
	width:378px;
	height:236px;
	background:#EDEBEB url(/images/hd_testimonials.jpg) top no-repeat;
	float:left;
}

#content_testimonials ul {
	margin-top:15px;
}

#content_testimonials li {
	margin: 15px 0 15px 25px;
	margin-top:10px;
	margin-bottom:15px;
	list-style-type: dot #2D363D ;
	color: #2D363D;
	font-size: 12px;
	font-weight:bold;
}

#content_products {
	position: relative;
	background:#FFF url(/images/prod_head.jpg) top no-repeat;
	width: 828px;
	height: 531px;
	border-bottom: 1px solid #A8B4D1;
}

#content_prod_copy {
	position: relative;
	padding-top: 57px;
	width: 572px;
	height: 461px;
	float:left;
}
 
#content_prod_copy p {
	color:#60666B;
	font-size:13px;
	margin-bottom:15px;
	font-weight:bold;
}

.blue_text {
	color:#4D67AE;
}

#content_prod_bottom h3 {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}

#download_prod {
	position: relative;
	color:#4D67AE;
	font-size:11px;
//	font-weight:bold;
	background:#FFF url(/images/doc_icon.jpg) left no-repeat;
	height:28px;
	width:228px;
	padding-left: 20px;
}

.grey_text {
	color: #606060;
}

#content_prod_bottom {
	position: relative;
	float: right;
	width: 575px;
	height: 160px;
}

#content_prod_right {
	position: relative;
	margin: 44px 0 0 15px;
	width: 238px;
	height: 323px
	background:#EDEBEB url(/images/prod_testimonal.jpg) top no-repeat;
	float:right;
}

#content_prod_right_copy {
	position: relative;
	height: 238px;
	margin-top:-4px;
	background:#EDEBEB url(/images/prod_bottom_right.jpg) bottom no-repeat;
}

#content_prod_right_copy p {
	padding: 15px 15px 0 15px; 
	color:#60666B;
	font-size:13px;
	font-weight:bold;	
}

#content_company {
	top:0;
	position: relative;
	background: url(/images/comp_head.jpg) top no-repeat;
	width: 828px;
	height: 420px;
	border-bottom: 1px solid #A8B4D1;
}

#content_company_body {
	position: relative;
	margin:45px 0 0 0;
	background: url(/images/comp_bg.jpg) top right no-repeat;	
	width:828px;
	height: 350px;
}

#content_company_body p {
	position: relative;
	margin:0 0 15px 15px;
	width:450px;
	font-size:13px;
	font-weight:bold;
	color:#60666B;
}

#content_team {
	position: relative;
	background: url(/images/team_head.jpg) top no-repeat;
	width: 828px;
	height: 465px;
	border-bottom: 1px solid #A8B4D1;
}

#content_team_member {
	float: left;
	position: relative;
	margin: 35px 7px 0 0;
	background: #D7E4F8 url(/images/team_bottom_bg.jpg) left bottom no-repeat;	
	width: 271px;
	height: 413px;
}

#content_team_member_end {
	float: left;
	position: relative;
	margin: 35px 0 0 0;
	background: #D7E4F8 url(/images/team_bottom_bg.jpg) left bottom no-repeat;	
	width: 271px;
	height: 413px;
}

#content_team_member h2 {
	font-size: 14px;
	color:#2D363D;
	padding: 7px 0 0 9px;
	
}

#content_team_member_end h2 {
	font-size: 14px;
	color:#2D363D;
	padding: 7px 0 0 9px;
}

#content_team_member h3 {
	font-size: 13px;
	color:#898989;
	font-weight: bold;
	padding-left: 9px;
}

#content_team_member_end h3 {
	font-size: 13px;
	color:#898989;
	padding-left: 9px;
}


#content_team_member_end p {
	margin-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 13px;
	color: #2D363D;
}


#content_team_member p {
	padding-right: 12px;
	margin-top: 8px;
	padding-left: 9px;
	font-size: 13px;
	color: #2D363D;
}

#read_bio_link  {
  position:absolute;
  width:269px; 
  height:17px;
  bottom:10px; 
  color:#3C57A4;
  font-size: 11px;
  font-weight:bold;
  text-align:center;
}

#content_contact {
	position: relative;
	background: url(/images/contact_head.jpg) top no-repeat;
	width: 828px;
	height: 600px;
	border-bottom: 1px solid #A8B4D1;
	padding-top: 52px;
}

/* form styles */

form {
	width: 700px;
	text-align: left;
	margin-left: 20px;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
}

legend {
 padding: 5px 0px 10px 0px;
 margin: 0 0 0 0; 
 font-size: 14px;
 font-weight: bold;
 position: relative;
 left: -7px; /* explorer */
 color: #2D363D;
}

fieldset>legend {
  left: 0; /* future proof */
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 410px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 6px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email,
form label.field-company,
form label.field-phone {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 273px;
}

form label.field-first input,
form label.field-last input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-fax {
	float:left;
}
form label.field-fax input {
	float:left;
}

form label.field-address, 
form label.field-email,
form label.field-company {
	float: left;
	width: 700px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input,
form label.field-email input,
form label.field-company input {
	float: left;
	width: 310px;
	padding: 0px;

}

textarea {
	display: block;
}

form textarea {
	margin-top: 3px;
}

#home_valve_content {
        position:relative;
	top:34px;
	width:223px;
	height:203px;
	background:#D7E4F8 url(/images/view_demo.jpg) bottom no-repeat;
	float:left;
}

#home_valve_content ul{
	width:223px;
	height:61px;
}

#home_valve_content li{
	padding:5px 10px 0 10px;
	list-style-type:none;
	font-size: 11px;

	color:#5C5D5E;
}

#home_testimonial_content {
        position:relative;
	top:34px;
	width:378px;
	height:203px;
	background: url(/images/grey_bottom_grad.jpg) bottom no-repeat;
	float:left;
}

#home_testimonial_content li {
	color:#60666B;
}

.splash #header {
	display:none;
}
#header a:hover, #header a.on {
	background-position:-999em;
	background-repeat:no-repeat;
	background-image:url(/images/spacer.gif);
}

ul#topNav {
	position:absolute;
	top:33px;
	left:25px;
	height:18px;
	width:880px;
	margin:0;
	padding:0;
}
.splash ul#topNav {
	display:none;
}
ul#topNav li {
	position:absolute;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}

#footer {
	width:100%;
	height:100%;
	text-align: right;
	margin-top:5px;
	clear:both;
	color:#979797;
}
#footer ul {
	padding:0px 0px 0px 0px;
}
#footer li{
	list-style-type: none;
	margin:0px 0px 0px 0px;
}
#footer a {color:#979797;}
#footer a:hover {color:#ff8a00;}
.movie_rule {
  margin:15px 0 15px 0;
  color:#A8B4D1;  
  height:1px;
}

#cms_contact dl { 
  margin-top:15px;
}

#cms_contact dt { 
  float:left;
  width: 100px;
  font-size:12px;
  margin-bottom:10px;
}

#cms_contact dd { 
  font-size:12px;
  font-weight:bold;

}

table tr td, table tr th{

        border-color:#999;

}

/* ------------- TABLES -------------*/

.list{
        margin:0px 0;
        background:#F7F7F7;
        border-bottom:2px solid #979797;
}

.list th{
        padding:2px;
        text-transform: uppercase;
}

.list thead th{
        text-align:left;
        color:#FFF;
        border-bottom:1px solid #000;
        background-color:#3C5DAE;
}

.list tr{

}


.list td{
        padding:1px 5px;
}

tr.zebra-white{
   background-color:    #FFF;
}

tr.zebra-black{
   background-color:    #E9E9E9;
}