/********************************************
   AUTHOR:          
   WEBSITE:     
   TEMPLATE NAME:  
   DATE:           
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }



html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #FFFFFF;
font-family: Arial;
}

a { }
a:visited { }
a:hover { text-decoration: none; }
img { border-style: none;
    border-color: inherit;
    border-width: medium;

}
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

.line { border: none; border-bottom: 1px solid #d9d8cc; height: 0px; margin: 0 auto }
.clear { clear: both; }

#distance 
{
    width: 200px;
}


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0;
width: 858px;
overflow: hidden;
margin: 0 auto; 
padding: 20px 0;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label  
{
    font: 18px tahoma, sans-serif; 
    color: #000C29;
    font-weight: bold;
}
 
.form, textarea {
width: 26em;
border: 1px solid #d3d3ca;
color: #704418;
background: #fff url('images/labelbg.gif') repeat-x;
}
 
.button {
border: none;
}

/* --------------HEADER------------- */
#header {background: url(images/homeHeadBG2.png) repeat-x; height: 431px;}
#header .holder {margin: 0 auto; width: 960px; height: 108px; padding-top: 12px; }
#header .holder .navtop {height: 108px; background: url(images/headtopbg.gif) repeat-x bottom left; }

#header .services { width:935px; height: 282px; margin-top: 13px;}
#header .services h4 {width:935px; height: 282px; margin-bottom: 10px; }




/* --------------SUB HEADER---------------------------------------------------------- */
#subheader { background: url(images/headBG.gif) repeat-x; height: 133px;}
#subheader .holder {margin: 0 auto; width: 960px; height: 108px; padding-top: 12px; }
#subheader .holder .navtop { height: 108px; background: url(images/headtopbg.gif) repeat-x bottom left; }

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 270px; height: 108px; display: block;}
.logolink { background-image: url('images/logo.png'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */



/* --------------TOPNAV------------- */
#nav, #nav ul {
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
	float: right;
}

#nav a {
	display: block;
	width: 5em;
	color: #5C5D5D;
	text-decoration:none;
	font-weight: bold;
	font-size: 18px;
}

#nav a:hover {
	color: #8C8D8D;
	text-decoration:none;
	font-weight: bold;
}

#nav li {
	float: left;
	padding-right: 10px;
	border-bottom: solid #72D2F7 5px;
}

#nav li:hover {
	float: left;
	border-bottom: solid #00AEEE 5px;
}

#nav li ul {
	background: #72D2F7;
	position: absolute;
	width: 5em;
	left: -999em;
	border-top: solid #00AEEE 5px;
}

#nav li:hover ul {
	left: auto;
}

#nav li ul li{
	background: #72D2F7;
	border-bottom: solid #FFF 1px;
	
}

#nav li ul li:hover {
	background: #72D2F7;
	border-bottom: solid #FFF 1px;
	
}

#nav li ul li a{
	color: #fff
}

#nav li ul li a:hover{
	color: #5C5D5D
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
padding: 100px 0px 0px 0px;
margin-left: 100px;
}

#content {
padding: 0px;
margin: 0px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
float: left;
width: 650px;
}

#main h1 {
color: #835d37;
text-transform:uppercase;
letter-spacing: normal;
line-height: 1.2em;
margin-bottom: 20px
}

#main p {
color: #835d37;
letter-spacing: normal;
line-height: 1.8em;
padding-bottom: 24px;
text-align: justify
}

#main div {
color: #835d37;
letter-spacing: normal;
line-height: 1.8em;
text-align: justify
}

#main strong {
color: #835d37;
text-transform:uppercase;
}

#main a { color: #6e92a9;}
#main .img { float: right; margin: 20px 0px 30
; }

/*****Inputs Styles*****/
#miles 
{
    height: 35px;
    width: 200px;
    background: #CCC;
    margin-bottom: 10px;
}

#zipcode 
{
    height: 35px;
    width: 200px;
    background: #CCC;
}

input[type=text]
{
border: none;
background: #FFF;
width: 308px;
height: 71px;
background:  url(images/inputSmBg.gif) no-repeat left top;
padding: 12px;
font-size: 30px
}

textarea 
{
border: none;
width: 350px;
height: 165px;
background:  url(images/inputLgBg.gif) no-repeat left top;
padding: 22px;
font-size: 18px;
overflow: hidden;
font-family: Tahoma;
}

.label
{
   position: absolute;
   padding-top: 0px;   
}

.textlabel
{
   position: absolute;
   padding-top: 0px;   
}


/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
height: 236px; /* make sure this matches in the body container DIV */
height: auto;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: url(images/footerbg.gif) repeat-x;
height: 236px;
height: auto;
margin: 0 auto
}

#footer .content { 
width: 879px; 
margin: 0 auto; 
position: relative; 
}


/* --------------FOOTER LINKS------------- */

#footer ul { padding: 10px 14px 10px 14px;}
#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li { display: inline; list-style-type: none;}

#footer .links li a {
color: #553d23;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: bold 10px Georgia, serif;
}

#footer .links li.last a { border-right: 0px;}
#footer .links li a:hover { text-decoration: underline; }


/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}

//Hide Iframe//
#conash3D0 {height:0px; top:-1px; border: red solid 5px;}