/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */

html {overflow-y:scroll;}

body 
{
font-size: .7em;
margin: 0px;
text-align: center;
background: #5B572E;
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
margin: auto;
width: 988px;
padding: 82px 0 0 0;	
}





/* content */

#content
{
position: relative;
float: left;
width: 701px;
padding-bottom: 25px;
background: url(img/content1.gif) bottom left no-repeat;
}

#content2
{
position: relative;
padding: 12px 7px 0 8px;
background: #666238 url(img/content2.gif) top left no-repeat;
}

#flashwrap
{
position: relative;
text-align: center;
padding-top: 10px;
height: 486px;
background: url(img/flashbg.gif) top left no-repeat;
}

#threelist
{
position: relative;
padding: 8px 10px 10px 10px;
text-align: left;
}

#threelist li
{
position: relative;
float: left;
width: 31.2%;
padding: 0 1% 0 1%;
border-right: 1px solid #8F8A5E;
}

#threelist li img
{
position: relative;
float: left;
margin: 0 5px 10px 0;
}

#threelist li p
{
padding-bottom: 4px;
}

#threelist li a, .speciallink
{
position: relative;
padding: 3px 0 3px 15px;
background: url(img/arrow.gif) left center no-repeat;
color: #fff;
font-weight: bold;
}

li#nobod{border: 0px;}





/* sidebar */
#sidebar
{
position: relative;
float: left;
margin-top: 24px;
width: 263px;
padding: 77px 0 0 24px;
background: url(img/logo.gif) top right no-repeat;
text-align: left;
}

#nav-home
{
position: relative;
font-size: 1.1em;
padding-bottom: 8px;
border-bottom: 1px solid #8F8A5E;
}

#nav-home li
{
position: relative;
padding: 4px 0 4px 0;	
}

#nav-home li a
{
position: relative;
font-weight: bold;
color: #fff;
}
#nav-home li a:hover
{
position: relative;
font-weight: bold;
color: #CAC5A8;
}
#nav-home ul
{
position: relative;
padding-left: 15px;
font-size: .85em;
}

#nav-home li.active a
{
color: #CAC5A8;
}

#nav-home li.active span
{
position: absolute;
top: -7px;
left: -24px;
height: 34px;
width: 24px;
background: url(img/bigarrow.gif) left center no-repeat;
}



#nav
{
position: relative;
font-size: 1.1em;
padding-bottom: 8px;
/* border-bottom: 1px solid #8F8A5E;*/
}

#nav li
{
position: relative;
padding: 4px 0 4px 0;	
}

#nav li a
{
position: relative;
font-weight: bold;
color: #fff;
}
#nav li a:hover
{
position: relative;
font-weight: bold;
color: #CAC5A8;
}

#nav ul
{
position: relative;
padding-left: 15px;
font-size: .85em;
}

#nav li.active a
{
color: #CAC5A8;
}

#nav li.active span
{
position: absolute;
top: -7px;
left: -24px;
height: 34px;
width: 24px;
background: url(img/bigarrow.gif) left center no-repeat;
}

#sidebar p
{
position: relative;
line-height: 1.5em;
padding: .75em 0 .75em 0;
}

#sidebottom
{
position: relative;
border-top: 1px solid #8F8A5E;
margin-top: 15px;
color: #A9A377;
}

#sbleft
{
	position: relative;
	float: left;
	width: 50%;
	border-right: 1px solid #8F8A5E;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #8F8A5E;
}

#sbleft span
{
position: relative;
padding: 0 6px 0 3px;
}

#sbright
{
position: relative;
float: left;
width: 49%;
text-align: center;	
padding-top: 10px;
padding-bottom: 10px;
border-bottom:1px solid #8F8A5E;
}












/* sub */

#sub
{
position: relative;
margin-bottom: 20px;
float: left;
width: 701px;
padding-bottom: 45px;
background: url(img/subbottom.gif) bottom left no-repeat;
}

#sub2
{
position: relative;
padding: 132px 40px 0 40px;
text-align: left;
color: #211821;
}

#sub2 h1
{
position: relative;
font-size: 2.4em;
font-weight: bold;
color: #3A2000;
font-family: Georgia;
padding-bottom: 4px;
border-bottom: 1px solid #3A2000;
}

#sub h2
{
position: relative;
font-size: 1.7em;
font-weight: bold;
color: #5B572E;
font-family: Georgia;
padding-bottom: 0px;
}

#sub2 p
{
position: relative;
line-height: 1.5em;
padding: .75em 0 .75em 0;
font-size: 1.2em;
}

.about
{
position: relative;
background: url(img/aboutbg.gif) top left no-repeat;
color: #4F320E;
}

.contact
{
position: relative;
background: url(img/contactbg.gif) top left no-repeat;
color: #4F320E;
}

.philosophy
{
position: relative;
background: url(img/philosophybg.gif) top left no-repeat;
color: #4F320E;
}

.process
{
position: relative;
background: url(img/processbg.gif) top left no-repeat;
color: #4F320E;
}

.quotes
{
position: relative;
background: url(img/quotesbg.gif) top left no-repeat;
color: #4F320E;
}

.services
{
position: relative;
background: url(img/servicesbg.gif) top left no-repeat;
color: #4F320E;
}

#people
{
position: relative;
font-size: .9em;
padding: 10px 0 10px 0;
color: #121212;
}

#people img
{
position: relative;
float: left;
margin: 0px 7px 15px 0;
}

#people li
{
padding-bottom: 15px;
position: relative;/*I added*/

}



/*email link*/


#sub a:link {outline:none;
	color: #121212;

}
#sub a:hover {
	text-decoration: underline;
	outline:none;
}

.large {
font-size: 1.75em;
color: #3A2000;
}

/* MEDIA NAVIGATION BAR
/////////////////////////////////////*/

ul#media {	
	width:176px;
	list-style:none;
	height:32px;
	float:right;
	padding:19px 89px 0 0;
}

ul#media li {
	display:inline
}

ul#media li a {
	height:32px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#media  li a span {
	float:left;
	display:block
}

ul#media li#media-1 a {
	width:34px;
	background:url(img/media.gif) no-repeat 0px 0
}

ul#media li#media-1 a:active,
ul#media li#media-1 a:hover {
	background-position:0px -32px
}
ul#media li#media-1 a.current {
	background-position:0px 0px -32px
}

ul#media li#media-2 a {
	width:37px;
	background:url(img/media.gif) no-repeat -34px 0
}

ul#media li#media-2 a:active,
ul#media li#media-2 a:hover {
	background-position:-34px -32px
}
ul#media li#media-2 a.current {
	background-position:-34px -34px -32px
}

ul#media li#media-3 a {
	width:105px;
	background:url(img/media.gif) no-repeat -71px 0
}

ul#media li#media-3 a:active,
ul#media li#media-3 a:hover {
	background-position:-71px -32px
}
ul#media li#media-3 a.current {
	background-position:-71px -71px -32px
}
