/*
Title:		Duanes Cabinets, Inc.
Author:		Zach Mayberry (design@zachmayberry.com)
Updated:	January 9, 2008
*/



/* layout.css */


/* ------------------------------------------------- Normalize Layout */

body, div, dl, dt, dd, ul,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
input, p, blockquote, th, td {
	margin: 0; 
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
	}
	
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
fieldset, img {
	border: 0;
	}

caption, th {
	text-align: left;
	}

img {
	border: 0;
	}
	
	
/* ------------------------------------------------------ Layout */


div#branding {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	}

div#navigation {
	position: relative;
	width: 100%;
	border-bottom: 2px solid #a9a9a9;
	text-align: center;
	margin-top: 15px; 
	}

div#navigation ul {
	margin-left: 170px;
	margin-bottom: 6px;
	}	

div#navigation li {
	display: inline;
	padding: 15px;
	}

div#content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	}

div#billboard {
	position: relative;
	float: left;
	margin: 20px 0 10px 15px;
	width: 20%;
	}

div.display {
	position: relative;
	float: right;
	margin: 35px 0 25px 0;
	width: 75%;
	}

div#navigation_secondary {
	width: 100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: center;
	clear: both;
	}	

div#navigation_secondary li {
	display: inline;
	padding: 15px;
	}


div#site_info {
	position: relative;
	width: 100%;
	text-align: center;
	clear: both;
	margin-top: 25px;
	padding-bottom: 50px;
	}


/* --------------------------------------- Layout Additions for Index.html */

div#display_index p {
	position: relative;
	line-height: 60px;
	margin: -85px 73px 30px 0;
	text-align: right;
	}

div#info_box {
	position: relative;
	clear: both;
	margin-bottom: 15px;
	background-image: url(images/info_box1.gif);
	background-repeat: no-repeat;
	width: 975px;
	padding: 15px 10px 10px 30px;
	height: 225px;
	}

div#inspiration_box {
	position: relative;
	float: left;
	width: 30%;
	margin-top: 12px;
	}


div#advice_box {
	position: relative;
	margin-left: 33%;
	width: 30%;
	margin-top: 15px;
	}

div#photo_box {
	position: relative;
	width: 30%;
	margin-left: 66%;
	margin-top: -207px;
	}

div#photo_box img {
	margin-top: 10px;
	}

/* ------------------------------------------------- Layout Additions for faq.html */


div#faq li.question {
	background-image: url(images/q.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin-left: 150px;
	padding: 40px 0 30px 30px;
	text-indent: 2em;
	}

div#faq li.answer {
	background-image: url(images/a1.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #dad8dc;
	padding: 20px 0 20px 40px;
	text-indent: 2em;
	margin-bottom: 40px;
	}

/* ------------------------------------------------ Layout Additions for Gallery.html */


div#flashcontent {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	}

div#gallery {
	height: 550px;
	overflow: hidden;
	color: #ffffff;
	margin: 0 30px 10px 0;
	}

/* ------------------------------------------------ Layout Additions for InspireMe.html */

div#showcase {
	position: relative;
	float: left;
	}

div.panel {
	position: relative;
	width: 200px;
	margin: 0 0 0 550px;
	background-color: #dad8dc;
	}

div.panel p.img {
	text-align: center;
	}


/* ------------------------------------------------ Layout Additions for WhatWeDo.html */

div#whatwedo img {
	position: relative;
	float: left;
	padding: 20px;
	margin-top: 20px;
	}




/* ------------------------------------------------ Layout Additions for Location.html */

div#location p.image {
	text-align: center;
	padding: 30px;
	}

div#location strong {
	font-weight: bold;
	}


/* ------------------------------------------------ Layout Additions for contact.html */

fieldset {
	padding: 5px 50px 50px 50px;
	}

label {
	position: relative;
	margin: 0 20px -155px 20px;
	}

input[type=submit] {
	position: relative;
	margin-left: 20px;
	}

textarea {
	position: relative;
	margin-top: 0;
	margin-left: 20px;
	}

input {
	margin-left: 20px;
	}

div#contactus li {
	border-top: 1px dashed #a9a9a9;
	width: 380px;
	padding: 8px;
	}


div#contactus li.noborder {
	border: none;
	}

div#contact_information {
	position: relative;
	margin: -10px 0 30px 75px;
	}


/* ------------------------------------------------ Layout Additions for history.html */

div#history blockquote {
	position: relative;
	margin: 0 auto;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-color: #dad8dc;
	padding: 30px;
	}

/* ------------------------------------------------ Layout Additions for links.html */

#links {
	margin-top: 30px;
	margin-left: 20px;
}




/* ---------------------------------------------------------- Typography */

a {
	text-decoration: none;
	font-weight: bold;
	color: #776489;
	}

a:hover {
	text-decoration: underline;
	}

p, li {
	font-family: Georgia, Helvetica, Arial, serif;
	font-size: 110%;
	color: #626469;
	}

h1 {
	display: none;
	}


h3, h4 {
	font-family: Georgia, Helvetica, Times, serif;
	font-size: 112%;
	color: #a9a9a9;
	font-variant: small-caps;
	}

h5 {
	font-family: Georgia, Halvetica, Times, serif;
	font-size: 130%;
	color: #ffffff;
	text-align: left;
	margin-left: 45px;
	margin-bottom: 5px;
	}

div#navigation li {
	font-size: 95%;
	font-family: Georgia, Helvetica, serif;
	}

div#navigation a {
	color: #626469;
	font-weight: 100;
	padding-bottom: 11px;
	padding-right: 5px;
	padding-left: 5px;
	}

div#navigation a.current {
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
	}

div#navigation a:hover {
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
	}

div#billboard p {
	margin: 5px;
	text-indent: 0.5em;
	font-size: 95%;
	}

div#billboard a {
	color: #776489;
	}

div#navigation_secondary li {
	font-size: 95%;
	font-family: Georgia, Helvetica, serif;
	}

div#navigation_secondary a {
	color: #a9a9a9;
	font-weight: 100;
	}

div#navigation_secondary a:hover {
	color: #776489;
	text-decoration: none;
	}

div#site_info p, a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	color: #a9a9a9;
	}

div#site_info a {
	font-size: 90%;
	}


/* ------------------------------------------------ Typography Additions for Index.html */




/* ---------- Display_Index */

div#display_index a {
	font-family: Georgia, Helvetica, serif;
	text-decoration: none;
	font-size: 170%;
	color: #776489;
	font-weight: 100;
	}

div#display_index a:hover {
	color: #626469;
	}

div#display_index a span.arrow {
	font-size: 160%;
	}

div#display_index a:hover span.arrow {
	font-weight: bold;
	}

div#display_index a span.inspire {
	font-size: 160%;
	}

div#display_index p {
	line-height: 22px;
	}



/* ---------- Info Box */

div#info_box a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 100;
	font-size: 100%;
	font-family: Georgia, Helvetica, serif;
	}

div#info_box a:hover {
	color: #a9a9a9;
	text-decoration: none;
	}

div#info_box p, div#info_box li {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #ffffff;
	list-style-type: disc;
	list-style-position: inside;
	}

div#info_box p, div#info_box ul {
	padding: 10px;
	}

div#inspiration_box h5 {
	margin-left: 70px;
	text-indent: 30px;
	}

div#inspiration_box h5 span a {
	text-decoration: none;
	color: #ffffff;
	font-size: 150%;
	line-height: 22px;
	font-weight: bold;
	}

div#inspiration_box h5 span a:hover {
	color: #a9a9a9;
	text-decoration: none;
	}

div#advice_box h5 {
	font-size: 200%;
	width: 200px;
	line-height: 0.7em;
	margin-top: -12px;
	}
	
div#advice_box h5 span {
	font-size: 80%;
	margin-left: 20px;
	}

div#advice_box h5 a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}
	
div#advice h5 a:hover {
	color: #a9a9a9;
	text-decoration: none;
	}

div#photo_box h5 {
	font-size: 200%;
	}

div#photo_box p {
	text-align: center;
	position: relative;
	margin-top: -14px;
	}


/* --------------------------------------------------- Typography Additions for faq.html */

div#faq li.question {
	font-weight: bold;
	}

div#faq li.answer a {
	color: #626469;
	font-weight: bold;
	font-size: 85%;
	}

/* ----------------------------------------------- Typography Additions for InspireMe.html */

div.panel h2 {
	font-family: Georgia, Helvetica, serif;
	font-size: 110%;
	color: #776489;
	padding: 3px;
	}

div.panel p {
	font-size: 90%;
	padding: 8px;
	}

div.panel a {
	font-family: Georgia, Helvetica, serif;
	color: #776489;
	font-size: 85%;
	}

div#billboard li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 90%;
	}

/* ----------------------------------------------- Typography Additions for WhatWeDo.html */

div#whatwedo p {
	margin: 0px 20px 20px 20px;
	text-indent: 1em;
	}

div#whatwedo li {
	list-style-type: disc;
	list-style-position: inside;
	font-weight: bold;
	}

div#whatwedo p#info {
	position: relative;
	margin: 50px;
	padding: 20px;
	background-color: #dad8dc;
	} 

div#whatwedo p#info a {
	font-size: 100%;
	font-weight: 100;
	color: #626469;
	}

div#whatwedo a {
	font-family: Georgia, Helvetica, serif;
	font-size: 95%;
	}


/* ----------------------------------------------- Typography Additions for Location.html */

div#location p {
	line-height: 1.7em;
	}



/* ----------------------------------------------- Typography Additions for Contact.html */



legend {
	font-family: Georgia, Helvetica, serif;
	font-size: 160%;
	color: #776489;
	}

div#contact_information p.location {
	font-weight: bold;
	}

div#contact_information p.tel {
	position: relative;
	margin-top: 15px;
	color: #776489;
	}


/* ----------------------------------------------- Typography Additions for history.html */

blockquote p {
	font-size: 120%;
	text-indent: 2em;
	line-height: 1.5em;
	}

div#history h4 {
	font-size: 170%;
	color: #a9a9a9;
	padding: 30px;
	}

div#history p {
	text-indent: 1.5em;
	line-height: 1.3em;
	padding-bottom: 0.8em;
	}

/* ----------------------------------------------- Typography Additions for links.html */

h2 {
	font-family: Georgia, Helvetica, serif;
	font-size: 160%;
	color: #776489;
	}

#links li {
	font-size: 110%;
	margin: 20px;
	list-style-type: disc;
	}

#links a {
	color: #626469;
	}

/* ----------------------------------------------------------- Only IE 6 sees this */

* html div.display {
	clear: left;
	}

* html div#display_index p {
	margin-bottom: -5px;
	}

* html div#display_index p {
	line-height: 25px;
	} 

* html div#inspiration_box {
	margin-top: 0px;
	}

* html h5 {
	padding-top: 8px;
	}

* html div#panel1 {
	margin-top: -473px;
	}

* html div#panel2 {
	margin-top: -431px;
	}

* html div#panel3 {
	margin-top: -497px;
	}

* html div#panel4 {
	margin-top: -417px;
	}

* html div#panel5 {
	margin-top: -617px;
	}

* html div#panel6 {
	margin-top: -417px;
	}

* html div#panel7 {
	margin-top: -417px;
	}

* html div#panel8 {
	margin-top: -417px;
	}

* html div#panel9 {
	margin-top: -417px;
	}

* html div#panel10 {
	margin-top: -411px;
	}

* html div#panel11 {
	margin-top: -417px;
	}

* html div#panel12 {
	margin-top: -417px;
	}

* html div#panel13 {
	margin-top: -417px;
	}

* html div#panel14 {
	margin-top: -386px;
	}
 
* html div#panel15 {
	margin-top: -528px;
	}

* html input.send {
	position: relative;
	margin-left: 20px;
	} 

* html input {
	margin-left: 20px;
	}

* html div#faq li.answer {
	width: 100%;
	}

* html div#faq li.question {
	width: 70%;
	}