/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


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

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #2D0005;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

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

a {
	color: #520A11;
	outline: none;
}

a:hover {color: #333;}

a.external {
	background-image: url(/images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

/*---------------

PAGE STRUCTURE

---------------*/

#top-container {
	background: url(../images/backgrounds/top-container.gif) transparent repeat-x left top;
	height: 195px;
	width: 100%;
}

#top {
	height: 195px;
	margin: 0 auto;
	width: 899px;
}

.about {background: url(../images/backgrounds/top/apples.jpg) transparent no-repeat left bottom;}
.contact {background: url(../images/backgrounds/top/artichokes.jpg) transparent no-repeat left bottom;}
.creative {background: url(../images/backgrounds/top/basket.jpg) transparent no-repeat left bottom;}
.faq {background: url(../images/backgrounds/top/dark-counter-white-cab.jpg) transparent no-repeat left bottom;}
.portfolio {background: url(../images/backgrounds/top/kabobs.jpg) transparent no-repeat left bottom;}
.pricing {background: url(../images/backgrounds/top/white-hood.jpg) transparent no-repeat left bottom;}
.process {background: url(../images/backgrounds/top/red-cab.jpg) transparent no-repeat left bottom;}
.services {background: url(../images/backgrounds/top/tomatoes.jpg) transparent no-repeat left bottom;}
.sitemap {background: url(../images/backgrounds/top/white-kitchen.jpg) transparent no-repeat left bottom;}
.tools {background: url(../images/backgrounds/top/wood-cab-black-appl.jpg) transparent no-repeat left bottom;}

#top-right {
	background: url(../images/backgrounds/red-transparency.png) transparent repeat left top;
	color: #DDC6AA;
	float: right;
	font-size: 11px;
	height: 99px;
	padding: 20px 30px 0 30px;
	text-align: left;
	width: 218px;
}

#top-right a {	
	color: #CBAEAD;
	position:relative;
}

#content-container {
	background: url(../images/backgrounds/home/content-container.gif) #DDC6AA repeat-x left top;
	padding: 30px 0;
	width: 100%;
}

#content, #content-no-side {
	background: url(../images/backgrounds/content.gif) transparent repeat-y left top;
	border-left: 1px solid #CFB699;
	border-right: 1px solid #CFB699;
	color: #2D0005;
	font-size: .85em;
	line-height: 1.5em;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	text-align: left;
	width: 859px;
}

#content-no-side {background: none;}

#copy {
	float: left;
	padding: 0 20px 0 0;
	width: 580px;
}

#content-no-side #copy {
	width: 859px;
}

#sidebar {
	float: left;
	padding: 0 0 0 30px;
	width: 229px;
}

.bio {
	float: left;
	padding: 0 0 0 20px;
	width: 270px;
}

.bio-left {
	border-right: 1px solid #CFB699;
	float: left;
	padding: 0 19px 0 0;
	width: 270px;
}


#footer {
	color: #DDC6AA;
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
	width: 899px;
}

/*---------------

NAVIGATION

---------------*/
#top ul {
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	overflow: hidden;
	padding: 36px 0 0 0;
	word-spacing: -.1em;
	width: 740px;
}

#top li {
	float: left;
	height: 40px;
	list-style-type: none;
}

#top li a, #top li#current {
	color: #4B0D11;
	float: left;
	height: 25px;
	padding: 15px 13px 0 13px;
	text-decoration: none;
}

#top li#current {background: #DDC6AA;}

#top li a:hover {
	background: #571217;
	color: #EADFD1;}

/*---------------

HEADERS

---------------*/
h1 {	
	float: left;
	height: 119px;
	text-indent: -9999px;
	width: 462px;
}

#about {background: url(../images/headers/h1/about.png) transparent no-repeat left top;}
#creative {background: url(../images/headers/h1/creative.png) transparent no-repeat left top;}
#contact {background: url(../images/headers/h1/contact.png) transparent no-repeat left top;}
#faq {background: url(../images/headers/h1/faq.png) transparent no-repeat left top;}
#map {background: url(../images/headers/h1/map.png) transparent no-repeat left top;}
#portfolio {background: url(../images/headers/h1/portfolio.png) transparent no-repeat left top;}
#pricing {background: url(../images/headers/h1/pricing.png) transparent no-repeat left top;}
#our-process {background: url(../images/headers/h1/process.png) transparent no-repeat left top;}
#services {background: url(../images/headers/h1/services.png) transparent no-repeat left top;}
#sitemap {background: url(../images/headers/h1/sitemap.png) transparent no-repeat left top;}
#tools {background: url(../images/headers/h1/tools.png) transparent no-repeat left top;}

#top-right h2 {
	background: url(../images/headers/free-consultation.gif) transparent no-repeat left top;
	float: left;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 218px;
}

h2#logo {	
	background: url(../images/headers/logo-h2.gif) transparent no-repeat left bottom;
	float: left;
	height: 195px;
	text-indent: -9999px;
	width: 159px;
}

#copy h3 {
	clear: both;
	float: left;
	height: 29px;
	text-indent: -9999px;
	width: 580px;
}

#who-we-are {background: url(../images/headers/h3/who-we-are.gif) transparent no-repeat left top;}
#what-we-do {background: url(../images/headers/h3/what-we-do.gif) transparent no-repeat left top;}
#how-we-do {background: url(../images/headers/h3/how-we-do.gif) transparent no-repeat left top;}
#fair-pricing {background: url(../images/headers/h3/fair-pricing.gif) transparent no-repeat left top;}
#frequently-asked {background: url(../images/headers/h3/frequently-asked.gif) transparent no-repeat left top;}
#get-creative {background: url(../images/headers/h3/get-creative.gif) transparent no-repeat left top;}
#cabinetry-101 {background: url(../images/headers/h3/cabinetry-101.gif) transparent no-repeat left top;}
#contact-cc {background: url(../images/headers/h3/contact-cc.gif) transparent no-repeat left top;}
#cc-sitemap {background: url(../images/headers/h3/cc-sitemap.gif) transparent no-repeat left top;}
#cc-location {background: url(../images/headers/h3/cc-location.gif) transparent no-repeat left top;}

#copy h4 {
	color: #520A11;
	font-size: 14px;
	padding: 0 0 5px 0;
}

.bio h4 {
	border-bottom: 1px solid #CFB699;
	margin: 0 0 5px 0;
	padding: 0;
}

#sidebar h4  {
	clear: both;
	float: left;
	height: 29px;
	text-indent: -9999px;
	width: 229px;
}

#affiliations {background:url(../images/headers/sidebar/affiliations.gif) transparent no-repeat left top;}
#manufacturers {background:url(../images/headers/sidebar/manufacturers.gif) transparent no-repeat left top;}
#process-questions {background:url(../images/headers/sidebar/process-questions.gif) transparent no-repeat left top;}
#visit-us {background: url(../images/headers/sidebar/visit.gif) transparent no-repeat left top;}
#follow-us {background: url(../images/headers/sidebar/follow-us.gif) transparent no-repeat left top;}
	
#footer p#footer-copy {
	border-left: 1px solid #4A0008;
	border-right: 1px solid #4A0008;
	color: #DDC6AA;
	height: 38px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding: 7px 0 0 20px;
	width: 140px;
}

#footer p#footer-copy a {color: #CBAEAD;}

#footer p#footer-copy a:hover {color: #fff;}

/*---------------

TEXT-TREATMENTS

---------------*/

#top-right p {
	float: left;
}
/*--copy-styles--*/

#copy p {
	padding: 0 0 25px 0;
}

#copy ul {
	padding: 0 0 10px 20px;
}

#copy ul li {
	list-style-type: square;
	padding: 0 0 15px 0;
}

#copy ol {
	padding: 0 0 10px 22px;
}

#copy ol li {
	padding: 0 0 15px 0;
}


/*--sidebar-styles--*/

#sidebar p {
	padding: 0 0 25px 0;
}

#sidebar ul {
	line-height: 1.8em;
	list-style-type: square;
	padding: 0 0 25px 15px;
}

#visit {
	background: url(../images/backgrounds/home/visit.gif) transparent no-repeat -20px -45px;
	float: left;
	height: 190px;
	width: 229px;
}

#visit p {
	color: #DDC6AA;
	float: left;
	height: 30px;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 28px;
	left: 32px;
}

#visit a {
	color: #4A0008;
	float: left;
	height: 22px;
	padding: 5px 0 0 10px;
	position: relative;
	top: 101px;
	left: 1px;
	text-decoration: none;
	width: 164px;
}

#visit a:hover {
	background: #591417;
	color: #DDC6AA;
}

#follow-us-links a {
	border: 0;
	float: left;
	height: 48px; width: 48px;
	margin: 0 3px 0 0;
}

#follow-us-links img {
	border: 0;
	float: left;
}

/*--footer-styles--*/
a#site-map {
	background: #470B10;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 30px;
	padding: 14px 0 0 0; 
	text-align: center;
	text-decoration: none;
	width: 80px;
}

a#site-map:hover {
	background: #DDC6AA;
	color: #470B10; 
}

#footer p {
	border-left: 1px solid #4A0008;
	float: right;
	font-size: 11px;
	padding: 0 20px;
}

#footer p#end {border-right: 1px solid #4A0008;}

#footer p a {color: #CBAEAD;}
#footer p a:hover {color: #fff;}

#footer img {border: 0;}
a#siba img {position: relative; top: -10px; left: 3px;}
a#scba img {position: relative; top: -10px; left: 10px;}
a#bbb img {position: relative; top: -10px; left: 12px;}

/*---------------

IAMGES

---------------*/

.float-left {	
	border: 1px solid #CFB699;
	float: left;
	margin: 0 20px 20px 0;
}

.float-right {	
	border: 1px solid #CFB699;
	float: right;
	margin: 0 0 20px 20px;
}

#footer img {
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	top: 9px;
}