/*
    AUTHOR: David Dulak
            david@redskycreative.com
*/

/*** *** *** Important for Cross-Browser Compatibility *** *** ***/
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 12px Century Gothic, Georgia, serif; color:#330000; }
ul { list-style: none inside; }
p { font: 1.3em/1.3em; /* margin-bottom: 1.3em; */ }
a { outline: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.clear br{ display: none; }
.transpBlack { background: url(../images/transpBlack.png); }
.hidden { display:none; }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
body{
  background-image:url(../images/backgroundGranite.jpg);
  background-position:top left;
  background-repeat:repeat-xy;
}
#container{
  width:993px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  border-color:#777777 #555555 #555555 #777777;
  border-style:solid;
  border-width:1px;
}
#headerContainer{
  height:68px;
  background-image:url(../images/backgroundOrangeHeader.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  position:relative;
} 
	#headerContainer h1{
	  display:none;
	}
	#headerContainer img{
	  position:absolute;
	  /*top:20px;
	  left:30px;*/
	  top:20px;
	  left:25px;
	}
	#headerContainer ul{
	  position:absolute;
	  top:30px;
	  left:500px;
	}  
	#headerContainer li.first{
	  display:inline;
	  color:white;
	  font-size:17px;
	  padding-left:20px;
	  background-image:url();
	}
	#headerContainer li{
	  display:inline;
	  color:white;
	  font-size:17px;
	  padding-left:18px;
	  background-image:url(../images/grey-bar.gif);
	  background-position:9px 1px;
	  background-repeat:no-repeat;  
	}
	#headerContainer a{
	  color:#3c3a3a;
	  text-decoration:none;
	}
	#headerContainer a:hover{
	  color:white;
	}
#bodyContainer{
  height:486px;
  background-image:url(../images/backgroundGreyGradientFlipped.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  position:relative;
  background-color:#767676;
}
	#bodyContainer h1{
	  display:none;
	}
	
	#bodyContainer h2{
	  width:933px;
	  height:113px;
	  margin-bottom:15px;
	  background-image:url('../images/backgroundBodyHeader.gif');
	  background-position:top left;
	  background-repeat:no-repeat;
	  color:#491c01;
	  font-size:16px;
	  position:relative;
	  font-family: Palatino, Georgia, serif;
	}
	
	#bodyContainer h2 span{
	  display:block;
	  padding:35px 120px 20px 140px;
	  line-height:22px;
	}

	#bodyContainer .bodyPad{
	  width:933px;
	  margin-left:auto;
	  margin-right:auto;
	  padding-top:15px;
	}
	
	#homeTextBlock p{
	  margin-bottom:10px;
	  color:#434040;
	  font-size:14px;
      line-height:22px;
    }

	#bodyContainer img{
	  border:#000000 solid 1px;	  
    }
    
   #homeTextBlock{
	  margin-top:60px;
    }
    
   .imageMarginRight{
      margin-right:55px;
      float:left;
    }

#footerContainer{
  height:30px;
  position:relative;
  background-color:#767676;
  color:#ffffff;
  font-size:10px;
}
	#footerContainer p{
	   clear:left;
	   position:relative;
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	   padding-top:8px;
	   text-align:center;
	}
	#footerContainer ul{
	  position:absolute;
	  top:8px;
	  left:20px;
	}
	#footerContainer ul li{
	  display:inline;
	  height:16px;
	  margin-left:16px;
	}


/* styles */
.featureItem{
  width:200px;
  display:block;
}
.featureItem span{
  float:right;
  display:block;
  width:115px;
}
.featureItem img{
  float:left;
  margin-bottom:30px;
}
.bigAndBlue{
  font-size:18px;
  color:#114759;
}
.mediumAndBlue{
  color:#114759;
  display:inline;
  width:;
  float:;
}
.phone{
  padding-left:23px;
  background-image:url(../images/phone.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.address{
  padding-left:25px;
  background-image:url(../images/house.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.address a{
  text-decoration:none;
  color:#5e5e5e;
}
.address a:hover{
  text-decoration:underline;
  color:#5e5e5e;
}
.email{
  padding-left:25px;
  background-image:url(../images/email.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.email a{
  text-decoration:none;
  color:#5e5e5e;
}
.email a:hover{
  text-decoration:underline;
  color:#5e5e5e;
}
.imageRight{
  float:right;
  margin-left:15px;
  margin-bottom:15px;
}
.imageLeft{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
}
#contentBlock{
  margin:5px 5px 5px 5px;
  padding:10px 10px 10px 10px;
  border:1px #dddddd solid;
  width:300px;
}
/* END STRUCTURE */



/* ------------------------------------------ */
/* FORM CLASSES */
/* ------------------------------------------ */
.error{
  color:red;
}
.required {
  color:red;
  font-weight:bold;
}
.formTitle {
	font : 18px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:normal;
        color:#ec5c3a;
        padding-bottom:20px;
}
.formSubTitle {
	font : 14px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:bold;
        color:#ec5c3a;
        padding-top:10px;
        padding-bottom:10px;
}
.formLeft {
	text-align:right;
	vertical-align:top;
}
.formRight {
	text-align:left;

}
.formViewLeft {
	text-align:right;
	font-weight:bold;
}
.formViewRight {
	text-align:left;
        background-color:#EEEEEE;
}
.formTable textarea {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.submit {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	padding : 2px;
	color : #FFF;
        background : #ec5c3a;
        margin-top:10px;
}
.formTable input.submit:active {
	padding : 2px;
	color : #FFF;
	background : #666;
        margin-top:10px;
}
.formTable input.text {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.password {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.checkbox {
	color : #333333;
	background : #F8F8F8;
        vertical-align:bottom;
}
.formTable select {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	background : #F8F8F8;
}
.formTable {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	/*background : #F8F8F8;
	border : 1px solid #DDD;*/
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
}
.formTable td{
    padding:3px;
}
.dataTable{
  border: 1px #666666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.odd{
  background-color:#eeeeee;
}
.dataTableHeading{
  background-color: #6aa159;
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  padding:3px;
}
.dataTableHeadingAction{
  background-color: #6aa159;
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  padding:3px;
  width:20px;
}
.dataTableHeading a{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableHeading a:hover{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableHeading a:visited{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableColumn{
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 10px;
  color: #404040;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px;
}
/* END FORM */

/* ------------------------------------------ */
/* MAILER CLASSES */
/* ------------------------------------------ */
#form_box {
	clear:both;
	width: 545px; 
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	display:block;
	padding:5px;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box div p {
	float: left;
	padding:0px;
	margin:0px;
	width: 120px;
	text-align:left;
	vertical-align:top;
	height:15px;
}
 
 
#log {
	width: 545px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
/* END MAILER */



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

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

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}