/* main style sheet containing styles universal to all pages

--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.jpg?=0) #922804;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #C5AD68;
}

a:hover {
	color: #b18811;
}

embed, object {
	display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.hr {
	border-bottom: 1px solid #915734;
	height: 1px; overflow: hidden;
	margin: 0 0 30px 0;
}
.hr hr {
	display: none;
}


/*
page structure
=---------------------------------*/

#outer-outer {
	background: url(../images/backgrounds/outer-outer.gif);
	margin: 0 auto;
	width: 945px;
}

#outer-container {
	background: url(../images/backgrounds/outer-container.jpg) repeat-y right top;
	margin: 0 auto;
	width: 945px;
}

#container {
	background: url(../images/backgrounds/container.gif) repeat-y;
	margin: 0 auto;
	width: 945px;
}

/*
banner
=---------------------------------*/

#banner-wrapper {	
	background: url(../images/backgrounds/banner-wrapper.jpg) repeat-x left bottom;
	height: 303px;
	margin: 0 auto;
	width: 100%;
}


#banner {	
	background:url(../images/backgrounds/banner.png) no-repeat center top;
	height: 234px;
	margin: 0 auto;
	width: 995px;
}

#logo {
	background: url(../images/backgrounds/logo.png) no-repeat;
	float: left;
	height: 234px;
	text-indent: -9999px;
	width: 302px;
}

#banner-contact {
	color: #E6AA00;
	float: right;
	font-size: 13px;
	padding: 10px 35px 0 0;
	text-align: right;
}

#banner-contact strong {
	color: #FFEDB9;
	display: block;
	font-size: 16px;
	margin: 2px 0 0 0;
}


/*
navigation
=---------------------------------*/

#nav {
	padding: 26px 0 0 30px;
	height: 43px;
	margin: 0 auto;
	width: 970px;
}

#nav li {
	float: left;
	list-style-type: none;
	padding: 8px 14px;
}

#nav li a {
	color: #CFBB0E;
	float: left;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

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

/*
content area
=---------------------------------*/

#content {
	color: #c8bd9f;
	float: left;
	font-size: 12px;
	padding: 35px;
	text-align: justify;
	width: 570px;
}

#content p {
	line-height: 19px;
	padding: 0 0 25px 0;
}

#content ul {
	line-height: 19px;
	padding: 0 0 25px 25px;
	text-align: left;
}

#content ul li {
	list-style-type: square;
	padding: 0 0 7px 0;
}

#studio-slideshow {
	float: right;
	margin: 0 0 30px 30px;
}

#content #map {
	border: 2px solid #C5AD68;
	color: #000;
	float: left;
	font-size: 11px;
	text-align: left;
	width: 566px; height: 350px;
}

/*
images
=---------------------------------*/

img.left {
	float: left;
	margin: 0 30px 30px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 30px;
}

/*
portfolio gallery
=---------------------------------*/

.gallery {
	float: left;
	margin: 0 0 20px 0;
	width: 570px;
}

.gallery a {
	border: 1px solid #C5AD68;
	float: left;
	margin: 0 5px 12px 6px;
	height: 100px;
	width: 100px;
}

.gallery a:hover {
	border: 1px solid #b18811;
}

.gallery a img{
	border: 0;
	float: left;
}




/*
headers
=---------------------------------*/

h1 {
	clear: both;
	float: left;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	width: 570px;
}

#home-header {background: url(../images/backgrounds/home/h1.gif) no-repeat;}
#about-header {background: url(../images/backgrounds/headers/about-h1.gif) no-repeat;}
#services-header {background: url(../images/backgrounds/headers/services-h1.gif) no-repeat;}
#portfolio-header {background: url(../images/backgrounds/headers/portfolio-h1.gif) no-repeat;}
#studio-header {background: url(../images/backgrounds/headers/studio-h1.gif) no-repeat;}
#professionals-header {background: url(../images/backgrounds/headers/professionals-h1.gif) no-repeat;}
#contact-header {background: url(../images/backgrounds/headers/contact-h1.gif) no-repeat;}

h2 {
	color: #c7b278;
	border-bottom: 1px solid #782523;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 13px 0;
	padding: 0 0 2px 0;
}

h3 {
	color: #C5AD68;
	font-size: 15px;
	font-style: italic;
	padding: 12px 0 13px 0;
}

h4 {
	color: #C5AD68;
	font-size: 12px;
	padding: 0 0 5px 0;
}


/*
sidebar
=---------------------------------*/

#sidebar {
	background: url(../images/backgrounds/sidebar.gif) no-repeat bottom center;
	float: left;
	padding: 0 41px 85px 41px;
	text-align: justify;
	width: 223px;
}

#sidebar h3 {	
	float: left;
	height: 59px;
	padding: 0;
	position: relative; left: 35px; top: 37px;
	text-indent: -9999px;
	width: 159px;
	z-index: 1;
}

#please-visit-us { background: url(../images/backgrounds/headers/please-visit-us.png) no-repeat;}
#client-quotes { background: url(../images/backgrounds/headers/client-quotes.png) no-repeat;}
#more-samples { background: url(../images/backgrounds/headers/more-samples.png) no-repeat;}
#our-work { background: url(../images/backgrounds/headers/our-work.png) no-repeat;}
#our-services { background: url(../images/backgrounds/headers/our-services.png) no-repeat;}
#builder-quotes { background: url(../images/backgrounds/headers/builder-quotes.png) no-repeat;}

.side-content {
	background: url(../images/backgrounds/side-content.jpg) repeat-x;
	border: 1px solid #C0935F;
	color: #5E2A14;
	float: left;
	font-size: 11px;
	overflow: hidden;
	padding: 20px 20px 5px 20px;
	position: relative; top: -5px;
	width: 180px;
	z-index: 0;
}

.side-content img {
	margin: 0 0 18px 0;
}

.side-content a {color: #AD1E01;}
.side-content a:hover {	color: #000;}

.side-content p {
	padding: 0 0 15px 0;
}

.testimonial p {
	font-style: italic;
}

#sidebar .testimonial p.quote-giver {
	text-align: right;
	font-style: normal;
}


/*
footer
=---------------------------------*/

#outer-footer {
	background: url(../images/backgrounds/footer.jpg) repeat-x;
	color: #D3B993;
	height: 100px;
	font-size: 11px;
	line-height: 17px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	text-align: center;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 945px;
}

#footer p {
	float: right;
	padding: 0 5px 0 0;
	text-align: right;
	width: 275px;
}

#footer a {color: #D3B993;}
#footer a:hover {color: #fff;}

#logos {
	float: left;
	padding: 5px 0 0 5px;
}

#logos img {
	border: 0;
	float: left;
	margin: 0 32px 0 0;
}