/* base styles */
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

body {background: #AE9C84 url(bg-tile.gif) repeat 0 0;}
p {	margin: 0.5em 0; max-width:700px; }
ul, dl {	margin: 1em 0;}
h1, h2, h3, h4, h5, h6 {	margin: 10px 0;	font-weight: bold;}
h1 {	font-size: 200%;}
dt {font-weight:bold;}
a {color:#4222aa; text-decoration:underline; font-weight:bold;}
a:visited {color:#7555dd;}
a:hover {text-decoration:none;}
a.delicious {background:url(http://l.yimg.com/www.flickr.com/images/add_to_delicious.gif) no-repeat 0 0; padding-left:15px;}
strong {font-weight:bold;}
hr {clear:left;}
.featureimage {float:right; margin:10px;}

.center {text-align:center;}
.clear, .clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.print, .microformatdetail {display:none;}
strong.value {font-weight:normal;}/*microformat*/


#doc2 {background:#F7E3C6; border:1px solid #AE9C84;border-top:none; }
#hd h1 {clear:left;display:block; width:740px; height:70px; text-indent:-1000em; background:url(bg-h1.png) no-repeat 0 100%; margin: 0;
_background-image: url(bg-h1.gif)}
#bd {clear:both; padding:10px;}
#bd header h1 {font-size:100%;}
#map {float:right; width:300px; height:300px; margin:10px;}
/*footer*/
#ft {background:url(bg-footer.png) no-repeat 0 0; padding:79px 0 0 229px; _padding-top:80px; position:relative;}
#ft .bd {background: #F7F7EF; zoom:1;}
#ft .vcard {width:350px; float:left;   }
#ft .vcard dt {float:left; width:100px; clear:both; font-weight:bold;}
#ft .vcard dd {float:right; clear:right; width:250px;}
#ft h2 {position:absolute; top:20px; _left:0; text-indent:-1000em; background:url(bg-h2.png) no-repeat 0 0; height: 40px; 
width: 285px; _background-image:url(bg-h2.gif)}
#footerp {clear:both; font-size:90%; margin-left:-180px; max-width:900px;}
#footerp em {display:block; padding:10px;}
#ft table, #ft tr, #ft td, #ft th {border:none; margin:0; padding:0;}
.moreactions {clear:left; padding-top:10px;}
.moreactions  dt { margin:5px 0;}
/*topnav */
#topnav {border-bottom:2px solid #333; width:100%;float:left;margin:0;list-style-type:none;background:#aa4121;   }
#topnav li { margin: 0 ;  float: left; width: auto; }
#topnav  a, #topnav strong {text-decoration:none; color:#F7E3C6;display:block;padding:8px 10px; width: auto; } 
#topnav  a:hover {background-color:#F4EEDE; color:#336600;}
#topnav  a.here {background-color:#F4EEDE;color:#000;font-weight:bold;  }
#topnav li#nav-tel {float:right;margin-right:10px;}
.infoblock {padding-left:10px;width:350px;; margin:10px 0;   float:left;}

#featureblock { width:875px; margin:5px; float:left; }
.feature {float:right; margin:0 0 0 10px; }

#pagesummary {padding-bottom:10px; clear:both;}
#pagesummary dl {width:280px; float:left; margin:0 10px 10px 10px; border:1px solid #ad9e84; }
#pagesummary dt a { text-align: center; background:#b56929; color:#fff; text-decoration:none; display:block; padding:3px 5px;}
#pagesummary dt a:hover {background: #ad9e84; color:#fff;}
#pagesummary dd {padding:0 5px;}
.flashmovie {float:right; margin:10px;}
/*table styles 
================================================*/
table {border:1px solid #c08d21; width:95%; max-width:650px; margin-bottom:10px;font-size:90%; clear:both;}
th {padding:3px;}
caption {background-color:#946D19; color:#fff; letter-spacing:.2em; text-align:center; font-weight:bold; border-collapse:collapse; padding:3px 0;}
#quoteresults tr.ruled{background-color:#9cf;} 
td {border: 1px solid #c08d21; padding:2px 4px; border-collapse:collapse;/*adjacent cells share borders rather than have the doubleborder look*/}
/* this section gives a nice hover in compliant browsers  but it has no side-effects in IE */
tr:hover td:first-child{border-left: 1px solid #f90;}
tr:hover td:last-child{border-right: 1px solid #f90;}
tr:hover td{border-top: 1px solid #f90;border-bottom: 1px solid #f90;}
.oddRow {background-color:#eed5a0;}
.evenRow {background-color:#fbf6ea;}
/*list styles 
================================*/
#bd ul li {list-style-type:none; background:url(images/bg-list.png) no-repeat 0 4px; padding-left:15px; margin:5px;}
#bd ol li {margin:5px 10px;}

dl.float {width:200px; float:left; margin:15px;}
#bodynav {float:right; margin:5px 10px; }
#bodynav li {background:none!important; text-align:center;width:150px;}
#bodynav a {display:block; border:1px solid #aa4121; margin: 3px 0; padding:3px; color:#aa4121; text-decoration:none; font-weight:normal;}
#bodynav a:hover, #bodynav a.here {background-color:#aa4121; color:#fefefe;}

/* form styles 
=========================================*/

form#stack {
counter-reset: fieldsets;
padding: 20px;
width: 500px;
}

form#stack fieldset {
border: none;
margin-bottom: 10px;
}

form#stack fieldset:last-of-type {
margin-bottom: 0;
}

form#stack legend {
color: #384313;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
}

form#stack > fieldset > legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets;
}

form#stack fieldset fieldset legend {
color: #111111;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}

form#stack ul li, ul.inline {
background:none;	
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}

form#stack ul.inline li{
	border:none; 
	float:left;
	vertical-align:middle;
	}
	
 
	
form#stack ul.inline label, form#stack ul.inline input, form#stack li.inline label, form#stack li.inline input{
	width:auto;
	margin:0 2px;
	}
.inline {float:left;}

form#stack ul ul li {
background: none;
border: none;
float: left;
}

form#stack label {
float: left;
font-size: 13px;
font-weight:bold;
width: 150px;
}

form#stack fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;

}


form#stack fieldset fieldset label:hover {
cursor: pointer;
}

form#stack input:not([type=radio]),
form#stack textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 250px;
}

form#stack input:not([type=submit]):focus,
form#stack input:not([type=radio]):focus,
form#stack input:not([type=checkbox]):focus,
form#stack textarea:focus {
  -webkit-box-shadow:0 0 25px #ccc;
  -moz-box-shadow:0 0 25px #ccc;
  box-shadow:0 0 25px #ccc;
  
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
		
/* The interesting bit */
input[type=text]:not(:focus), textarea:not(:focus) {
  opacity:0.25;
}
		


form#stack input[type=radio], form#stack input[type=checkbox] {
float: left;
margin: 5px;
}

form#stack button {
background: #AD4121;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
}

form#stack button:hover {
background: #1e2506;
cursor: pointer;
}

		
form#stack input:required, 
form#stack textarea:required {
  border:2px solid yellow;						
}

form#stack input:valid,
form#stack textarea:valid {
  border:1px solid green;			
}		

form#stack input:focus:invalid,
form#stack textarea:focus:invalid {
  border:1px solid red;							
}