/*
master.css
Copyright 2009 Halls Walls
http://hallswalls.biz
*/

/* N O R M A L I Z E */
	
@import url(normalize.css);

/* N A V - M A R K E R S */

@import url(nav-markers.css);
	
/* G L O B A L - T A G S */
	
html { text-align: center; background: #170806 url(../images/html-bgd.jpg) 50% 0 no-repeat; }
body { position: relative; margin: 0 auto; padding: 25px 0; width: 700px; text-align: left; font-size: small; font-family: Arial, Verdana, sans-serif; color: #ececec; }
h1, h2, h3, h4 { font-weight: normal; }
h1 a { float: left; width: 181px; height: 84px; text-indent: -9999px; border: none; background: url(../images/h1-bgd.png) no-repeat; }
h1 a:hover { border: none; }
h2 { font-size: 140%; color: #d3ba78; margin-bottom: 1em; }
h3 { font-size: 110%; color: #d3ba78; margin: 2em 0 0.5em 0; }
h3#newsletter-signup-heading { margin-top: 0; }
a { color: #ececec; text-decoration: none; border-bottom: #ececec 1px dashed; outline: none; }
a:hover { color: #d3ba78; border-bottom: #d3ba78 1px dashed; }
ul { list-style-type: none; }
p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote { padding: 0 25px 12px 25px; font-style: italic; }
cite { font-style: italic; }
cite em { font-style: normal; }

/* G L O B A L - I D S */

#primary-content { float: left; width: 350px; margin-right: 25px; font-size: 120%; line-height: 1.45em; }
#secondary-content { float: right; width: 225px; font-size: 120%; line-height: 1.45em; }
#anchor-link { padding-top: 2em; font-size: 85%; }

/* G L O B A L - C L A S S E S */

br.clear { clear: both; }
h3.first { margin: 0 0 1.25em 0; }
div.sidebar-photo { margin-top: 25px; }
div.sidebar-photo img { border: 1px solid #000; }
div.sidebar-photo p { margin-bottom: 2em; font-size: 85%; line-height: 1.4em; }
.float-left { float: left; padding: 0 10px 0 0; }

/* P A G E - W R A P */
	
#page-wrap { font-size: 90%; }

/* B R A N D I N G */

#branding { width: 700px; height: 94px; font-size: 95%; border-bottom: #000 1px solid; }
#branding p { padding-top: 40px; text-align: right; }

/* P R I M A R Y - N A V */

#primary-nav { clear: both; font-size: 120%; }
#primary-nav li { float: left; }
#primary-nav li a { display: block; margin: 0 0.5em; padding: 8px 0; color: #fff; text-shadow: 1px 2px 2px #000; border: none; }
#primary-nav li a.first-nav-btn { margin-left: 0; }
#primary-nav li a:hover { color: #d3ba78; }

/* S E C O N D A R Y - N A V */

#content-wrap #secondary-nav ul { list-style-type: none; margin: 0; }
#content-wrap #secondary-nav li { margin: 0; padding: 0.5em 0; border-top: 1px solid #1b0b09; }
#content-wrap #secondary-nav li.last { margin-bottom: 2em; border-bottom: 1px solid #1b0b09; }
#content-wrap #secondary-nav li a { color: #fff; border: none; }
#content-wrap #secondary-nav li a:hover { color: #d3ba78; }

/* C O N T E N T - W R A P */

#content-wrap { clear: both; padding: 25px; background: url(../images/content-wrap-bgd.png) left top repeat-x; }
body.home #content-wrap { padding: 0; background: none; }
body.home #content-wrap div#home-img { width: 700px; height: 303px; border-top: #000 1px solid; border-bottom: #000 1px solid; }
body.home #content-wrap h2 { margin: 1em 0; padding-bottom: 2em; font-size: 180%; color: #ececec; line-height: 1.45em; background: url(../images/home-h2-bgd.png) left bottom no-repeat; }
#content-wrap ul { margin: 0 0 1em 2em; list-style-type: disc; }
#content-wrap ol { margin: 0 0 1em 2em; list-style-type: decimal; }
#content-wrap li { margin-bottom: 0.5em; }

/* H O M E */

body.home #primary-content { width: 375px; }
body.home #secondary-content { width: 275px; }
body.home #site-info p { padding-left: 0; }

/* A B O U T - U S */

body.about-us #content-wrap h3#newsletter-signup-heading { margin-top: 2em; }
body#staff-bios #content-wrap div.bio-entry { clear: both; margin: 25px 0; padding: 25px 0; border-bottom: 1px solid #000; }
body#staff-bios #content-wrap div.bio-entry h3 { margin-top: 0; }

/* S E R V I C E S */

body#workshops div#primary-content ul { list-style-type: none; margin: 0 0 20px 0; }
body#workshops div#primary-content ul li { margin: 0; padding: 0.5em 0; border-top: 1px solid #1b0b09; }
body#workshops div#primary-content ul li a { border: none; }

/* G A L L E R Y */

body.gallery #primary-content { float: none; width: 650px; }

/* D I Y */

body.diy #content-wrap h3#newsletter-signup-heading { margin-top: 2em; }

/* I N S T A L L A T I O N */

body#installation #content-wrap h3#newsletter-signup-heading { margin-top: 2em; }

/* P R O D U C T - S A L E S */

#products-table { width: 350px; margin-top: 20px; }
#products-table td { width: 115px; padding-bottom: 20px; font-size: 85%; text-align: center; vertical-align: top; }
#products-table td a { display: block; border: none; }
#products-table td a:hover { border: none; }

/* F A Q S */

body.faqs #content-wrap ol li { margin-bottom: 2em; }

/* S I T E - I N F O */

#site-info { clear: both; color: #333; }
#site-info p { padding: 25px; }

/* N E W S L E T T E R - S I G N U P - F O R M */

#newsletter-signup-form input#email { height: 17px; padding: 2px 4px; font-size: 11px; font-weight: bold; color: #d3ba78; line-height: 17px; border: 1px solid #646464; background: #333; }
#newsletter-signup-form input#submit { width: 57px; height: 23px; margin-left: 3px; text-indent: -9999px; border: none; background: #333 url(../images/register-btn.gif) left top no-repeat; cursor: pointer; }

/* C O N F I R M */

body.confirm #content-wrap { height: 500px; }

/* Q U O T E */

div#quote { margin-top: 25px; padding-top: 25px; background: url(../images/quote-bgd.png) top left no-repeat; }
div#quote blockquote { padding: 25px 0 12px 0; font-family: Georgia, serif; }
div#quote blockquote em { font-style: normal; }
div#quote cite { font-family: Georgia, serif; font-size: 90%; font-style: normal; text-align: right; }
div#quote cite em { font-style: italic; }

/* T E S T I M O N I A L S */

div#testimonials blockquote { padding: 0 0 12px 0; }
div#testimonials blockquote em { font-style: normal; }
div#testimonials cite { font-size: 90%; font-style: normal; text-align: left; }
div#testimonials cite em { font-style: italic; }