/*--------------------------------------
           Fonts, Classes
---------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	background: #191512 url(../img/bg.jpg) repeat-x;
  font-family:  verdana, tahoma, sans-serif;
  font-size:  small;
}


h1 {
  font-size:  large;
	font-weight:  tahoma, Helvetica, sans-serif;
  font-weight:  bold;
	color: #004299;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
  font-size:  small;
  font-style:  oblique;
	color: #004299;
}

h3{
  font-size:  small;
  font-family: Arial, Helvetica, sans-serif;
}


.TabbedPanelsContent, p.tech, span.tech{
  font: tahoma, Helvetica, sans-serif;
	color: #191512;
	text-align: justify; 
}

p.width_300{
  width:  300px;
}

.clearer{
  clear:  both;
}

.padded_content{
  padding-left:  2em;
  padding-right:  2em;
}

.center{
  text-align:  center;
}

.float_right{
  padding-left:  .5em;
  padding-bottom:  .5em;
  float:  right;
}

.float_left{
  padding-right:  .5em;
  padding-bottom:  .5em;
  float:  left;
}

.contact_method{
  float:  left;
  width:  200px;
}

.required {
  color: red;
}

.right_callout, .right_photo_callout{
  font-size:  .8em;
  width: 210px;
  padding: 10px 20px 20px 20px;
  margin: 0 0 10px 20px;
  float: right;
}
.right_callout { background-color: #dbdbdb; }
.right_photo_callout { text-align: center; }
.right_photo_callout h2 { padding: 0 0 1em 0; margin: 0; }

img.rotors {
	float: left;
	margin: 15px;
}

img.cutaway {
	float: right;
	margin: 0 0 0 15px;
}

img.bordered, .right_photo_callout img {
  border: 1px solid gray;
  padding: 3px;
  background-color: white;
  margin-bottom: 10px;
}

a img {
    border: 0;
}


#pressDate {

	font-weight: bold;
	
	color: #004299;
}

#pressHead {
	
	font-size: 18px !important;
	
	font-style: italic !important;
	
	font-weight: bold;
}

#pressHead a:visited {
	
	color: #004299
}
/*--------------------------------------
             Elements, IDs
---------------------------------------*/

#wrapper {
	width:  960px;
  margin:  0 auto 0 auto;
}

#header {
	height: 150px;
}

#headerL {
	float: left;
	width: 10px;
	height: 150px;
  background-image: url(../img/headerL.gif);
  background-repeat:  no-repeat;
  background-position:  bottom left;
}

#headerC {
  position:  relative;
	float: left;
	width: 938px;
	height: 148px;
  padding:  1px;
  background-color:  white;
  background-image: url(../img/headerC.gif);
  background-repeat:  repeat-x;
  background-position:  bottom right;
}

#headerR {
	float: left;
	width: 10px;
	height: 150px;
	background-image: url(../img/headerR.gif);
  background-repeat:  no-repeat;
  background-position:  bottom right;
}

#logo_and_tagline{
  margin: 20px 0 0 10px;
}

#logo {
	width: 175px;
	height: 95px;
	
	position: relative;
}

#tag_column{
  vertical-align:  bottom;
  padding-bottom:  13px;
}

#tagline{
  font-size:  14px;
  color:  red;
}

#subtag{
  font: normal 10px Arial, Helvetica, sans-serif;
	color: black;
  font-weight:  bold;
  font-size:  12px;
}

#freeEstimates {
	position:  absolute;
  right:  15px;
  top:  15px;
	text-align: right;
}

#freeEstimates div{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666666;
}

.phone {
	font: 18px normal Arial, Helvetica, sans-serif;
	color: #2e3d8f;
}

#headerBar {
	height: 24px;
	background: url(../img/headerBar.png) no-repeat;
  line-height:  24px;
  text-align:  center;
}

#headerBar a {
	font: 10px normal Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin: 0 5px 0 5px;
}


#headerBar a:hover {

	text-decoration: underline;

}

#tabNavArea {
  margin-left: 0px;
  clear:  top;
	width: 676px;
	height:176px;
	z-index: 1;
}

#tabHolder {
	width: 676px;
	height: 192px;
	float: left;
	background: transparent;
	z-index: 5;
	position: absolute;
}

#tabFrame{
  width: 676px;
	height: 192px;
	float: left;
	background: url(../img/header_commercial.jpg) no-repeat right bottom;
	position: absolute;
	z-index: 2;
	
	margin-top: 20px;
}

#index #tabFrame {
	background: transparent url(../img/frameBg.jpg) no-repeat right bottom;
}

#commercial #tabFrame {
	background: transparent url(../img/header_commercial.jpg) no-repeat right bottom;
}


.commercial {
	margin-left: 3px;
	margin-top: 5px;
}

#residential_systems #tabFrame {
	background: transparent url(../img/header_residential.jpg) no-repeat right bottom;
}

#technology #tabFrame, #rotors_technology #tabFrame, #sensors #tabFrame, #spray_head_technology #tabFrame, #valves #tabFrame, #controllers_technology #tabFrame{
	background: transparent url(../img/header_technology.jpg) no-repeat right bottom;
}

#outdoor_lighting #tabFrame, #outdoor_lighting_annual_service #tabFrame, #outdoor_lighting_fixtures #tabFrame, #outdoor_lighting_gallery #tabFrame, #outdoor_lighting_services #tabFrame, #outdoor_lighting_types #tabFrame {
	background: transparent url(../img/header_outdoor_lighting.jpg) no-repeat right bottom;
}

#freeze_protection #tabFrame{
  background: transparent url(../img/header_freeze_protection.jpg) no-repeat right bottom;
}

#backflow #tabFrame, #prs_advantage #tabFrame, #request_service #tabFrame {
	background: transparent url(../img/Hunt-Backflow-still27sec.png) no-repeat right bottom;
}

.nav_tab{
	width: 626px;
	height: 48px;
	margin: 0;
	padding-left: 50px;
	background: url(../img/tabbg.gif) no-repeat left top;
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	line-height: 48px;
	text-decoration: none;
	position: absolute;
	z-index: 3;
	display: inline;
}

.nav_tab a{
  color:  white;
  text-decoration:  none;
}

.nav_tab:hover{
  background-position: left bottom;
}

.transparent_box{
  width: 489px;
	height: 48px;
	right: 0px;
	visibility: hidden;
	background: #000;
	opacity: .25;
  filter: alpha(opacity=25);
	position: absolute;
}

.sub_links{
	width: 489px;
	height: 48px;
	right: 0px;
	visibility: hidden;
	position: absolute;
}

.sub_links .sub_nav_link {
	margin-left: 25px;
	font-size: 12px;
}

.sub_links a.sub_nav_link {
	text-decoration: none;
	color: #fff;
}

.sub_links a.sub_nav_link:hover {
	text-decoration: underline;
}

#tab1 {}
#subTab1 {}
#subLinks1 {}

#tab2 {	margin-top: 48px; }
#subTab2 {}
#subLinks2 {}

#tab3 {	margin-top: 96px; }
#subTab3 {}
#subLinks3 {}

#tab4 {
	margin-top: 144px;
	padding-left: 32px;
}

#tab5 {
	margin-top: 191px;
	padding-left: 58px;
}
#subTab4 { right:  -18px; }
#subLinks4 { right:  -18px; }

#contentTop {
	width: 960px;
	height: 16px;
	margin: 0 auto;
	background: #fff;
	background: url(../img/contentTopBg.png) no-repeat;
  overflow:  hidden; /* IE 6 hack to remove a thin black line */
}

#contentWrap {
	background: #fff;
	background: url(../img/contentWrapBg.png) repeat-y;
}

#contentBtm {
	width: 960px;
	height: 7px;
	margin: 0 auto 1em auto;
	background: url(../img/contentBtmBg.png) no-repeat;
}


#content {
	width: 960px;
	background: url(../img/contentBg.png) no-repeat;
	padding: 1px 0 1.5em 0;
	margin-top: 47px;

}

#leftColumn {
	width: 615px;
  display:  inline; /* makes the floats work right in IE6 */
	float: left;
	margin: 0 0 0 15px;
  padding-right:  10px;
}


.leftSidebar {
	
	display:  inline; /* makes the floats work right in IE6 */

	width: 366px;

	float: left;

	text-align:  center;
	
	margin-top: 5px;
}

.rightColumn {

	width: 574px;

  display:  inline; /* makes the floats work right in IE6 */

	float: right;

	margin-left: 10px;

  padding-right:  10px;

}
#rightColumn {
  display:  inline; /* makes the floats work right in IE6 */
	border-left: solid 1px #999999;
	width: 296px;
	float: left;
  text-align:  center;
}

.rightColumnLogo{
  margin: .5em auto .5em auto;
}

#below_page_footer{
  width:  686px;
  margin:  0 auto 0 auto;
  padding-bottom:  2em;  
  color:  gray;
  text-align:  center;
}

#below_page_footer a{
  color:  gray;
  text-decoration: underline;
}

#below_page_footer a:hover{
  color:  white;
  text-decoration: none;
}

#below_page_footer #footer_text{
  text-align:  justify;
}

#waterSmartButton {
	width: 284px;
	height: 65px;
	background: url(../img/waterSmartButton.gif) no-repeat;
  display:  block;
}

#turfTipsButton {
	width: 284px;
	height: 41px;
	background: url(../img/turfTipsButton.gif) no-repeat;
  display:  block;
}

/*=========================================================
                        Turf Tips
===========================================================*/

h1.turfTips {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #339933;
	font-weight: bold;
}

#turfTipsTop {
	width: 650px;
	height: 45px;
	float: left;
	margin: 0;
	background: url(../img/turfTipsTop.gif) no-repeat;
	display: inline;
}

#turfTipsMenu {
	width: 650px;
	height: 20px;
	float: left;
	margin: 0 0 0 16px;
	background: transparent;
	display: inline;
}

#waterSmartTop {
	width: 650px;
	height: 45px;
	float: left;
	margin: 0 0 0 16px;
	background: url(../img/waterSmartTop.gif) no-repeat;
	display: inline;
}

/*=========================================================
                        Technology
===========================================================*/

#technologyWrap {
	width: 636px;
	margin: 0 0 0 25px;
}


body#outdoor_lighting_fixtures #technologyWrap {

	width: 802px !important;
	
}

#technologyWrap a {
	color: #789B5C;
}

.feature_list li {
  padding-bottom:  .5em;
}
	
.feature_list li em{
  font-weight:  bold;
  font-style:  italic;
}
 
.technology_footer{
  text-align:  right;
  border-bottom:  1px solid gray;
}
 
/* PRS Advantage *************************************************************/
#prs_advantage th, #prs_advantage .data_in, #prs_advantage .data_out{
  text-align:  right;
}

#prs_advantage .notes{
  font-size:  small;
  font-style:  italic;
}

#prs_formula #rightColumn table{
  margin: 2em auto 0 auto;
  border-collapse:  collapse;
}

#prs_formula  #rightColumn th, #prs_formula  #rightColumn td{
  width:  100px;
  border:  1px solid black;
}

#prs_formula th{
  color:  white;
  background-color:  #004299;
}

/* Request Service ***********************************************************/
#request_service_form td, #request_service_form th{
  vertical-align:  top;
}

#request_service_form th{
  text-align:  right;
}

#request_service_form input.text{
  width:  300px;
}

/* Contact Us ***********************************************************/
#contact_us_form td, #contact_us_form th{
  vertical-align:  top;
}

#contact_us_form th{
  text-align:  right;
}

#contact_us_form input.text{
  width:  300px;
}

/* Hunt TV ********************************************************************/
#hunt_tv .video { display: none; }
#hunt_tv #video1 { display: block; }
#hunt_tv #video_controls { float: right; width: 100px; }
#hunt_tv #video_controls h2 { background: url(../img/tabbg.gif) no-repeat bottom left; color: white; padding: .2em 0; text-align: center; }
#hunt_tv #video_controls a { display: block; margin-bottom: 1em; }
#hunt_tv #video_controls img { border: none; width: 100px; }


/* Credit Application *********************************************************/

#credit_application_form table {
	margin:0 auto;
}

#credit_application_form td, #credit_application_form th{
  vertical-align:  top;
  padding:3px;
}

#credit_application_form th{
  text-align:right;
  width:1%;
  white-space:nowrap;
}

#credit_application_form input.text{
  width: 99.4%;
}

#credit_application_form .trade_references th {
	text-align:center;
}

#credit_application_form .trade_references input.top_text {
	width:85%;
}

#credit_application_form table.addresses { margin-bottom: 1em;}

.error {
	color:#993300;
	font-weight:bold;
	border:2px solid #993300;
	padding:3px;
	margin-bottom:1em;
}

ol li {
	padding-bottom:10px;
}

#logo {
    z-index: 1;
}

#logo a {
	
	position: absolute;
	
	top: 0px;
	
	left: 0px;
	
	width: 175px;
	
	height: 95px;
	
	display: block;
	z-index: 100;
	background: url('../img/transparent.gif') top left repeat;;
	
}

#logo .flash {
    position: relative;
    z-index: 0;
}

#wideButtons {
	margin-left: 5px;
}

#youtubeVideo {
	margin-left: 287px;
}