/**
This css doc is made for: wetherellsurveying.com
By: Caleb Peters
Date:10-29-09
**/
body{
margin: 0;
padding: 0;
background: url(../images/bg01.jpg);
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #5A554E;
}

h1{
color: #637251;
font-family: "copperplate gothic light", Constantia, Arial;
font-variant: small-caps;
padding-right: 10px;
}

h2{
color: #637251;
font-family: "copperplate gothic light", Constantia, Arial;
font-variant: small-caps;
}

#header{
background: url(../images/bg02-2.jpg) repeat-x;
height: 500px;
}

#content{
width: 951px;
margin-left: auto;
margin-right: auto;
margin-top: -422px;
padding: 12px;
background-color: white;
}

#logo{
width: 285px;
height: 121px;
}

#banner{
float: right;
width:667px;
margin-top: -118px;
}

#imgFader {
position:relative;
margin:auto;
width:667px;
height:116px;
border:1px solid #000;
float: right;
margin-top: -118px;
}

#imgFader img {
display:none;
position:absolute;
top:0; left:0;
}

#nav{
height: 76px;
background: url(../images/bg05.jpg);
margin-top: 0px;
z-index: 1;
}

#nav ul {
height: 67px;
margin: 0px 25px;
padding: 9px 0px 0px 14px;
background: url(../images/bg05.jpg);
list-style: none;
line-height: 1
}

#nav li {
float: left;
width: auto;
height: 35px;
padding: 15px 20px 0px 20px;
}

#nav li.active {
background: url(../images/bg06.jpg) no-repeat;
}

#nav a {
text-transform: lowercase;
text-decoration: none;
letter-spacing: -1px;
font-size: 18px;
color: #FFFFFF;
}

#nav a:hover{
text-decoration:  underline;
}

#bar{
height: 48px;
margin: 0px;
background: url(../images/bg07.jpg);
}

#entry{
background-color: white;
padding: 0px 5px 0px 5px;
}

#entry dt{
margin: 5px 0px 0px 0px;
font-weight: bold;
}

#entry  dd{
text-indent: 1em;
}

#entry li{
margin: 0px 0px 0px 0px;
}

#entry  p{
text-indent: 1em;
}

#patPicAbout{
float: left;
margin: 0px 10px 10px 0px;
}

#servAreaMap{
float: right;
margin-top: -170px;
margin-right: 150px;
}

.conpage{
text-align:  center;
font-size: 18px;
margin: 5px 10px;
width: 400px;
}

.border{
border: solid thin black;
}

.clearLeft{
clear: left;
}

.bulList{
list-style-image: url("../images/listbul.png");
}

/**Google map ApI**/
#Gmap{ 
float: right;
width: 500px; 
height: 450px;
margin-top: 30px;
border: solid thin black;
}

.address-form-column {
float: left;
margin-bottom: 5px;
clear: left;
}

.zip-form-column{
width: 70px;
float: left;
margin: 0px;
}
.zip-form-column  label{width: 100px; margin: 0px 5px 0px 0px; font-size: 10px; display: block;}

.address-form-column  label{width: 100px; margin: 0px 5px 0px 0px; font-size: 10px; display: block;}

#street,#city {width: 200px;}

#state { width: 90px;}

#zip{width: 50px;}

.button { text-align: left; padding-top: 5px; clear: both; }

/* Directions */
#directions {
float: none;
width: 100%;
}
/**end of Google map ApI**/

#faqQanA li{
margin: 0px 0px 0px 5px;
list-style-type: none;
width: 850px;
}

#faqQanA li a{
display: block;
height: 35px;
padding: 15px 20px 10px 20px;
text-decoration: none;
font-size: 18px;
border-bottom: 1px solid black;
}

#faqQanA a:hover{
color: #ffffff;
background-color: #e4673b;
text-decoration:  underline;
background-color: #e4673b;
}

.greenBg{color: #363229; background-color: #97AB7A;}

.orangeBg{color: #ffffff; background-color: #e4673b;}

#faqQanA div{
margin: 0px auto;
padding: 10px 10px 10px 10px;
background-color: #EBF3DC;
width: 825px;
}

#faqQanA div ul{
list-style-type: none;
list-style-image: url("../images/listbul.png");
text-indent: 1em;
width: 750px;
}

#faqQanA div li{
margin: 5px 0px 10px 5px;
width: 700px;
}

#faqQanA div p,dd{
width: 700px;
}

/**this code is for the ad slider on the home page**/
#s3slider {float:left; width: 400px;  height: 270px; position: relative; overflow: hidden; padding: 0px; margin: 10px 15px 10px 0px;}

#s3slider ul {list-style-type: none;}

#s3sliderContent {width: 400px; position: absolute; top: 0px; margin: 0px; padding: 0px;}

.s3sliderImage {float: left; position: relative;  display: none; width: 400px; height: 270px; }

.s3sliderImage span {position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 400px; background-color: #000; color: #fff; display: none;}

.clear {clear: both;} 
.top {top: 0px; left: 0px;}
.bottom {bottom: 0px; left: 0px;}
/**end of aforementioned section**/

/**This section is used on the links page**/
.img-con1{
width: 951px;
}

.img-con1 img{
margin: 20px 0px 40px 0px;
border: solid thin black;
}

#link-wrap {
float: right;
width: 500px; 
margin: 5px 75px 10px 10px; 
font-size: 18px;
}

#link-wrap h1{
margin: 10px 0px;
}
		
#link-wrap ul{
padding: 0px 40px;
background-color: #EBF3DC;
}

#link-wrap li{
list-style-type: none;
list-style-image: url("../images/listbul.png");
padding: 5px 0px;
}

#link-wrap a{
color: #5A554E;
text-decoration:  none;
}

#link-wrap a:hover{
color: #e4673b;
text-decoration:  underline;
}
/**end of aforementioned section**/

#footer{
background: url(../images/bg09.jpg) repeat-x;
height: 150px;
padding: 5px 5px 0px 5px;
color: #736F6A;
}

#footer h1{
margin-top: 118px;
padding: 0px 5px 0px 5px;
}

#adderss{
float: right;
margin-top: -160px;
width: 210px;
padding: 20px 0px 0px 10px;
border-left: 1px solid #423C31;
font-size: 14px;
}

#info{
margin-top: 10px;
text-align: center;
color: #8F8B83;
}

#info a{
color: #8F8B83;
}

/**the following is css used in the order form**/

.linkcolor a{
color: #5A554E;
text-decoration:  none;
}

.linkcolor a:hover{
color: #e4673b;
text-decoration:  underline;
}

.clear {
clear: both; 
}

#form-wrap {
 width: 700px; 
 margin: 40px auto; 
}

#form-wrap h1{ 
font: 26px Georgia, Serif; 
margin: 10px 0; 
}

#form-wrap  h2{
font: 20px Georgia, Serif;
margin: 10px 10px;
}

label { 
width: 190px; 
display: block; 
}

input[type=text], textarea {
width: 350px; 
outline: none; 
}

.rowElem  label.error{
float: none; 
font-style: italic; 
color: red;
position: absolute; 
top: 16px; left: 0; 
font-size: 12px; }

#stateDiv label.error{
float: none; 
font-style: italic; 
color: red;
position: absolute; 
top: 16px; left: 0; 
font-size: 12px; }

#stateError{
font-style: italic;
font-size: 12px;
}

.rowElem #jqTransformTextarea-mm label.error{ top: 28px;}

label span{color: red;}

#changeTypeArea{ 
float: left; 
margin: 0 0 10px 0; 
width: 350px; 
}

.rowElem { 
position: relative; 
clear: both; 
min-height: 35px; 
}

.rowElemSelect { 
clear: both; 
min-height: 35px; 
}

.thanks { 
color: green; 
font-weight: bold; 
}

.jqTransformTextarea, .jqTransformSelectWrapper{ 
margin: 0 0 8px 0; 
}

form.jqtransformdone label{ margin-top: 7px; margin-right: 8px; display: block; float:left;}

form.jqtransformdone div.rowElem{ clear:both;}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
cursor: pointer;
overflow: visible;
white-space: nowrap;
}

*:first-child+html button.jqTransformButton[type]{width: 1px;} /* IE7 */

button.jqTransformButton span {
background: transparent url(img/btn_right.gif) no-repeat scroll right top;
display: block;
float: left;
padding: 0px 4px 0px 0px; /* sliding doors padding */
margin: 0px;
height: 33px;
}



button.jqTransformButton span span {
background: transparent url(img/btn_left.gif) no-repeat;
color: #333;
padding: 8px 4px 0px 8px;
font-weight: normal;
font-size: 12px;
line-height: 18px;
display: block;
text-decoration: none;
height: 33px;
}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
background: transparent url(img/input_left.gif) no-repeat left top;
padding: 0px;
float:left;
height: 33px;
margin: 0 0 8px 0; 
}

.jqTransformInputInner {
background: transparent url(img/input_right.gif) no-repeat right top;
padding: 4px 4px 2px 0px;
margin: 0px 0px 0px 8px;
height: 33px;
}

.jqTransformInputInner input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
vertical-align: middle;
height: 31px;
color:#404040;	
border: none;
padding: 5px 0 0 0;
margin: 0 0 0 0;
background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
vertical-align: middle;
height: 31px;
color:#404040;	
border: 0;
padding: 2px 0 0 0;
margin: 0 0 0 0;
background:transparent;
}

/*hover*/
.jqTransformInputWrapper_hover{ background: transparent url(img/input_left-hover.gif) no-repeat left top;}

.jqTransformInputWrapper_hover div{}

.jqTransformInputWrapper_hover div.jqTransformInputInner{ background: transparent url(img/input_right-hover.gif) no-repeat right top;}

/*focus*/

.jqTransformInputWrapper_focus{ background: transparent url(img/input_left-focus.gif) no-repeat left top;}

.jqTransformInputWrapper_focus div{}

.jqTransformInputWrapper_focus div.jqTransformInputInner{ background: transparent url(img/input_right-focus.gif) no-repeat right top;}

.jqTransformSafari .jqTransformInputInner div {overflow: hidden;}

.jqTransformSafari input {
position: absolute;
top: -2px;
left: 205px;
height: 42px; 
padding-left: 4px;
}

/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}

table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{
background: url(img/textarea-tl.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm{
background: url(img/textarea-tm.gif) repeat-x bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr{
background: url(img/textarea-tr.gif) no-repeat bottom left;

}
table.jqTransformTextarea td#jqTransformTextarea-ml{
background: url(img/textarea-ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm{
background: url(img/textarea-mm.gif) repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}

table.jqTransformTextarea td#jqTransformTextarea-mr{
background: url(img/textarea-mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl{
background: url(img/textarea-bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm{
background: url(img/textarea-bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br{
background: url(img/textarea-br.gif) no-repeat top left;
}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-image: url(img/textarea-tl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-image: url(img/textarea-tm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-image: url(img/textarea-tr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-image: url(img/textarea-ml-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-image: url(img/textarea-mr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-image: url(img/textarea-bl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-image: url(img/textarea-bm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-image: url(img/textarea-br-hover.gif);}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-image: url(img/textarea-tl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-image: url(img/textarea-tm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-image: url(img/textarea-tr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-image: url(img/textarea-ml-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-image: url(img/textarea-mr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-image: url(img/textarea-bl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-image: url(img/textarea-bm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-image: url(img/textarea-br-focus.gif);}

table.jqTransformTextarea .jqTransformSafariTextarea div {
overflow: hidden;
border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: none;
position: absolute;
top: 0px;
left: 195px;
padding: 10px 10px 10px 10px;
}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {
float: left;
display:block;
margin:0px 4px;
margin-top:5px;
width: 18px;
}

.jqTransformRadio {
background: transparent url(img/radio.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display: block;
}

/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
display:block;float:left;
margin-top:5px;
}

a.jqTransformCheckbox {
background: transparent url(img/checkbox.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
width: 45px;
position:relative;
height: 31px;
background: url(img/select_left.gif) no-repeat top left;
float:left;
}

.jqTransformSelectWrapper div span {
font-size: 12px;
float: none;
position: absolute;
width: 14px;
height: 31px;
line-height: 15px;
padding: 8px 0 0 7px;
overflow: hidden;
cursor:pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 0px;
width: 31px;
height: 31px;
background: url(img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 30px;
left: 0px;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: 150px;
overflow: auto;
z-index:10;
}

.jqTransformSelectWrapper ul a {
display: block;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
background: #EDEDED;
color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#3582c4;
color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */

.jqTransformHidden {display: none;}