/* @override http://wasoag.com/css/wasoag.css */

/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2010.   */

/* @group Global */

/* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: helvetica,arial, sans-serif;
	background: #c5a067 url('/img/page-back.gif');
}   

 
a img {
	border: none;
	border:0;
	}	

.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}

.group:after, #inside-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.arrows ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 0 12px;
	background: url('/img/arrow-black.gif') no-repeat 0 7px;
	}
.arrows li ul { list-style: disc; padding-left: 20px; }  
.arrows li ul li { background: none;  padding: 0; }  

.line {
	line-height: 1px;
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: .8em;
}

.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }
 

.spiff-l { 
float:left; 
margin: 0 12px 6px 0;
}
.spiff-l img {
border: 1px solid #555;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}


.spiff-r { 
float:right; 
margin: 0 0 6px 12px;
}

.drop-shadow {
	/*margin: 15px;*/
	width:250px; 
	background: url('/img/drop_border.png') top left no-repeat;	
	/*float: right;*/
}

.drop-shadow p {
	color: #666666;
	padding: 5px 5px 0px 0px;
	text-align: center;
	clear: left;
	font-style: italic;
}

.drop-shadow img {
	margin: 0px;
	padding: 5px;

}

.spiff-r img {
border: 5px solid #FFF;
box-shadow: 3px 3px 5px rgba(0,0,0,.3); /* for modern browsers */
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.4); 

}

ul {list-style: none;}

.links-w a:link, .links-w a:visited {
	color:#FFF;
	text-decoration: none;
}
.links a:link, .links a:visited {
	color:#0d615b;
	text-decoration: none;
	}	

.links a:hover, .links-w a:hover {
	color: #138a82;
	text-decoration: underline; 
	}

.quoter {
	font: .75em/1em helvetica,arial,sans-serif; 
	margin: 0; padding: 0;
	text-align: right;
	  }

/*
h1 {font: 1.8em helvetica, arial, sans-serif; color: #000; margin-bottom:4px; font-weight: normal;}
h2 {font: 1.1em helvetica, sans-serif;  font-weight: bold;}
h3 {font: 1em helvetica, sans-serif; font-weight: bold; color: #7A0008; }
h4 {font: bold 1.1em helvetica, sans-serif; color: #FFF; text-transform: uppercase;}
*/

/* @end */

/* @group Structure */

#left-wrap { width: 590px; }	 
#left, #left-contact, #portfolio-wrap, #blog {	 
	padding: 25px 10px 15px 30px;
	color: #000;
} 
#blog { min-height: 400px; }

	#left p, #left ul li, #left-contact p, #left-contact li { font: 1.4em/1.6em helvetica, arial, sans-serif;}
	#left p, #left-contact p { padding-bottom: .5em; }
	#left h2 {font: 1.7em helvetica,arial,sans-serif; color: #0d615b; margin-top:6px; text-transform: uppercase; font-weight: bold;}
	#left h1, #portfolio-wrap h1 {font: normal 2.6em Georgia, Times, serif; color: #000;  }

 
#right ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
#right ul li {
	padding: 0 0 0 21px;
	font: 1.4em/1.7em helvetica, arial, sans-serif;
	background: url('/img/Check_16x16.png') no-repeat 0 6px;
	}

dt {
	font-size: 1.2em;
}

#right-wrap { 
	float: right;
	width: 240px;
	background: transparent;
	background: rgba(197,160,103,.2);
	padding-bottom: 25px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-radius-bottomleft: 9px;
	
}

#right, #right-blog {
	color: #000;
}
	#right h2 {font: 1.4em/1.4em helvetica,arial,sans-serif;  margin: 4px 0; text-transform: uppercase; font-weight: bold;}
	#right p, #right ul li { font: 1.2em/1.8em helvetica, arial, sans-serif;}

 

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
	.right-pad {
		margin: 25px 10px 0 20px; 
		/*padding: 15px;*/
	}


#top-spacer { height: 150px; }
 
#global-wrap {
    width: 100%;
}

#global-in  {
width: 836px;
margin: 0 auto;  		 
position: relative;   
}

#mid-in { background: #FFF; 	padding-bottom: 20px; }
 
 
 
#current a {
padding-bottom: 2px;
border-bottom: 1px solid #FFF;
/*text-decoration: underline;*/
}

#current a:hover { border-bottom: 1px solid #888; }  

#foot-in {
	padding-left: 20px;
}
#foot-in a:link, #foot-in a:visited { margin: 0; color:#000; }

#foot-right img { float: right; margin-left: 20px; }

#foot-in ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
	#foot-in ul li {
		font: bold .9em/1.8em helvetica, sans-serif;
		padding-right: 5px;
		display: inline;
		}
	 
	
	#foot-right {
		width: 60%;
		float:right;
		font-weight: normal;
		text-align: right;
		padding-bottom: 3em;
		color:  #FFF;
		}


#top-inner  { 
 	height: 123px;
 	position: relative; 
	}	
 
#head-logo {
	position: absolute;
	top:12px;
	left: 18px;
	width: 329px;
	height: 86px;
	z-index: 2000;
	background: transparent url('/img/william-stewart-logo.png') no-repeat;
}
	#head-logo em, #top-gfx em { visibility: hidden; }
	
	#head-logo a {
		position: absolute;
		width: 329px;
		height: 86px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

 
#phone-wrap {
	position: absolute;
	top: 42px;
	left: 700px;
	z-index: 210;
	color: #757575;
	width: 220px;
	/*border:1px solid #FFF;*/
}
	#phone-wrap a:link { color: #F6931E; }
	#phone-wrap a:visited { color: #DD551A; text-decoration: underline; }
	
.phone {	font: 1.7em/1.6em Helvetica, sans-serif; color: #FFF; }

#quotes {	
	font: italic 1.4em/1.7em Georgia, serif; 
	color: #FFF;
	width: 416px;
}
 
#designcredit, #designcredit a { color: #000; }

#top-feature {
	height: 276px;
	width: 832px;
	margin-left: 10px;
	background: transparent url('/img/feature-back.png') bottom right no-repeat;	
	position: relative; 
}
	#top-feature h1 {
	font: 2em Georgia, serif;  margin-bottom:4px; font-weight: normal;  
	}
	#top-feature  p { font: 1.3em/1.6em Georgia, serif; margin: 0;}

#special {
	width: 300px;
	position: absolute; 
	top: 30px; left: 500px;
	color: #000;
	height: 235px;
	overflow: hidden;
}
#special h1 {
	font: 3em Helvetica, Verdana, sans-serif;
}
#special p {
	font:  1.4em/1.9em Helvetica, Verdana, sans-serif;
}
 
 
#inside-feature {
	height: 140px;
	background: #0d615b;	
	position: relative; 
		-moz-border-radius-topleft: 9px;
		-webkit-border-top-left-radius: 9px;
		-moz-border-radius-topright: 9px;
		-webkit-border-top-right-radius: 9px;
	
}
	#inside-feature h1 {
	font: 3em Georgia, serif;  margin-bottom:4px; font-weight: normal;  
	color: #FFF;
	}
	#inside-feature  p { font: 1.2em/1.6em Helvetica, Verdana, sans-serif; color: #FFF;}
	
	#inside-header { padding: 45px 0 0 30px; }


#home-left { 
	width: 725px;
	}

#intro p {
	font: 1.7em/1.7em Georgia, serif;
	font-style: italic; 
	color: #000;
}

.slide-out-div {
          padding: 20px;
          width: 230px;
          background: rgba(179,146,94,.95);
          border: 1px solid #b3925e);
          z-index: 300;
		box-shadow: 2px 2px 32px rgba(0,0,0,1.2);  
		-webkit-box-shadow: 2px 2px 32px rgba(0,0,0,.6);
		-moz-box-shadow: 2px 2px 32px rgba(0,0,0,1.2); 
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
}

/* @end */

/* @group Home */
.home-mid {
	 margin: 16px 0 0 10px;
} 
.icon {
	float: right;
}
#inside-wrap {
	width:  100%;
	min-height: 400px;
	padding-bottom: 20px;
	background: transparent url('/img/divlet-back.png');
	-webkit-box-shadow: 2px 2px 9px rgba(0,0,0,.35);
	-moz-box-shadow: 2px 2px 9px rgba(0,0,0,.35); 
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
} 

.homedivs {
	float:left;
	width: 227px;
	/*min-height: 200px;*/
	vertical-align: top;
	padding: 20px;
	margin-right:  12px;
	background: transparent url('/img/divlet-back.png');
		-webkit-box-shadow: 2px 2px 9px rgba(0,0,0,.35);
		-moz-box-shadow: 2px 2px 9px rgba(0,0,0,.35); 
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
}

.homedivs p, .homedivs li {	font: 1.3em/1.6em Helvetica, arial, sans-serif;  }

.homedivs ul {
	list-style: none;
	margin: 0;
	padding-left: 10px;
	}

.homedivs ul li  {
	padding: 0 0 4px 10px;
	background: url('/img/arrow-black.gif') no-repeat 0 4px;
	}	
 
 .homedivs h3 {
	font: normal 1.8em Georgia, "Times New Roman", serif;
	margin-bottom: 4px;
	}
 


 

#home-feature {
	width: 945px;
	margin: 10px 0 15px 20px;
	padding: 25px 0 25px 25px;
	background: #7DB39F ;	 /*url('/img/home-divs-back.gif') repeat-y 315px 0*/
	
}
#home-feature h2 {
 	font: 1.8em/1.8em helvetica, helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: #000 0px 1px 1px; /* for modern browsers */
	margin: 0; padding: 0;
}

.home-feature-div {
	width: 278px; 
	float: left;
 	margin-right:40px;
 	/*border-right: 1px solid #666;*/
}
	.home-feature-div p, li { font: 1.3em/1.7em helvetica, arial, sans-serif; }

.home-feature-div img { 
	float: right; 
	margin: 0 0 6px 12px;
	border: 5px solid #FFF;
	box-shadow: 4px 4px 4px rgba(0,0,0,.4); /* for modern browsers */
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4); 
	}

#home-info {
	padding: 0 0 0 30px;
	height: 368px;
}

/* @end */

/* @group Contact */
fieldset { border: none;} 
#contactInfo {list-style:none; margin-left:0;}

 
.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;  	font: 10px/15px helvetica, sans-serif;
}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px; color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; border-top: 1px solid #BDBDBD; padding: 3px 0;}
.contactForm ul label { display:block; float:left; width:245px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#D8F3FF;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:32px; background:url('/img/Send-Button.gif') no-repeat; padding-bottom:5px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: .85em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }

.contactForm .send:hover {cursor:pointer; color:#D8AE71;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}

.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;padding:3px; width:108px;}



#quick-contact ul { margin:0;  list-style:none;}
#quick-contact ul li {clear:both; border-top: 1px solid #BDBDBD; padding: 3px 0;}
#quick-contact .miniField  {display:block; float:left; padding:3px; width:210px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}

/* @end */

/* @group buttons */

.btn-red a:link, .btn-green a:link, .btn-red a:visited, .btn-green a:visited { color: #FFF; }

div.btn-red a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #620F18;
	background: #BF1E2E url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-red a:hover {background-color: #ED1C24; }
 
div.btn-green a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #1f625b;
	background: #1f625b url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-green a:hover {background-color: #15423d; }

.btn-red, .btn-green { margin-top: 12px; font-size: 1.1em; }

/* @end */