@charset "UTF-8";
/* 
Theme Name: CSS
Version: 1.0
Author: Matt Oettinger

Layout Options:
"content" - standard 2 column - includes "col1" and "col2"
"content_side_right" - main column with right sidebar - includes "col1" and "col2"
"content_side_left" - main column with left sidebar - includes "col1" and "col2"
"content_three_col" - main column with left and right sidebars - includes "col1", "col2", and "col3"

"col_full" - creates full width column

Masthead options:
"masthead_slideshow" - used for media other than text
"masthead_text" - used for text only. 

When inserting images, use "float_l" or "float_r" as the class

When adding flash, make sure the wmode is "transparent" like so:
so.addParam("wmode", "transparent");

 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/***************************
********** COMMON **********
***************************/

.float_r {
	float:right;
	margin:0 0 15px 15px;
}
.float_l {
	float:left;
	margin:0 15px 15px 0;	
}
h1 { 
	display:block;
	font-size:24px;
	font-family: "snicker-1","snicker-2";
	color:#871922;
	margin-bottom:.3em;
}
h2 {
	display:block;
	font-weight:600;
	font-family: "snicker-1","snicker-2";
	font-size:20px;
	color:#871922;
	margin-bottom:.6em;
}
h3 {
	display:block;
	font-family: "snicker-1","snicker-2";
	font-size:18px;
	color:#871922;
	margin-bottom:.2em;
}
a { text-decoration:none; }

/***************************
********** MAIN **********
***************************/

body {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2";
	font-size:15px;	
	padding:10px;  /*pads top and bottom of body. Reveals background above header*/
	color:#333;
	text-align:center;		
	background:#ffffff url(images/main_bg.jpg) repeat-x center top; /* no less than 1400px wide */
}
#cap_wrapper {
	background:	#871922
	padding:10px ;
	clear:both;
}
#cap {
	width:920px;
	height:100px;
	background:	/*#871922*/ url(images/cabinet-style-studio-showroom-banner-100x920.jpg) repeat-x center top; /* no less than 1400px wide */
	margin:0 auto;
	text-align:left;
}
#wrapper {
	margin:0 auto;
	width:920px;
	text-align:left;
	clear:both;
}

/***************************
*********** NAV ************
***************************/

#main-nav-wrapper {
	margin:0px 0 15px 0;
	clear:both;
	text-align:left;
	background:	#871922
}
ul#main-nav { 
	width:920px;
	height:40px;  /*menu bar height*/
	margin:0px auto;
}
ul#main-nav li {
	float:left;
	font-size:14px;
	line-height:21px;
	position:relative;
}
ul#main-nav li a {
	color:#fff; /* navigation text color */
	display:block;
	float:left;
	padding:15px;  /* space between menu items */
	width:auto;
	font:13px/1 "ff-meta-web-pro-1","ff-meta-web-pro-2";
	letter-spacing:1px;
	text-transform:uppercase;
}
ul#main-nav li.rss a { color:#666; } /* text color of rss feed link on the left side of nav */
ul#main-nav li.rss { float:right; }
ul#main-nav li.rss a { color:#21614a; }
ul#main-nav li:hover a { background:#978f8d; } /* background color of main nav */
ul#main-nav li:hover a { color:#fff; } /* text color of navigation rollover */
ul#main-nav ul {
	position:absolute;
	left:-9999px;
	width:13em;
	top:40px;
}
ul#main-nav ul li { width:13em; }
ul#main-nav ul li a { line-height:1.2 }
ul#main-nav ul li a:hover { text-decoration:underline; }
ul#main-nav li:hover ul { left:0; }
ul#main-nav li ul li a {
	background:#978f8d; /* background color of dropdown nav */
	color:#fff; /* text color of dropdown nav */
	border-top:1px solid #fff;
	float:none;
}

/***************************
********* CONTENT **********
***************************/

.masthead_slideshow { margin-bottom:30px; }
.masthead_text { padding:30px 0 70px; }
#content, #content_full, #content_side_right, #content_side_left {
	float:left;
	width:920px;
}
#content .col1 { float:left; width:400px; margin: margin:0px 30px 0px 30px;}
#content .col2 { float:right; width:430px; margin: margin:0px 30px 0px 30px;}
#content_side_right .col1 { float:left; width:600px; margin:0px 30px 0px 30px;}
#content_side_right .col2 { float:right; width:200px; margin:0px 30px 0px 30px; font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2"; font-size:13px;}
#content_side_left .col1 { float:left; width:230px; margin:0px 30px 0px 30px;}
#content_side_left .col2 { float:right; width:600px; margin:0px 30px 0px 30px;}
#content_three_col .col1 {
	float:left;
	margin-left:230px;  /*changed from margin-left: 230px;*/
	width:430px; /*changed from 460*/
	display:inline;
}
#content_three_col .col2 {
	margin:0px 30px 0px 30px;
	float:right;
	width:200px;
	}
#content_three_col .col3 {
	float:left;
	width:200px;
	margin-left:-590px;
}
.col_full { clear:both; display:block; }
.subheading {
	display:block;
	font-size:20px;
	font-family:'Lucida Grande',Geneva,Helvetica,sans-serif;
	color:#555;
	line-height:1.3em
}
p {
	margin:0 0 1.5em;
	line-height:1.5em;
}

/***************************
********** FOOTER **********
***************************/

#footer {
	clear:both;
	padding:8px;
	text-align:center;
	background:	#871922; /* background color of footer */
}
#footer ul li { display:inline; }
#footer ul li a {
	color:#fff;
	font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2";
	font-size:12px;
	padding:0 10px;
}
#footer ul li a:hover { text-decoration:underline }
#footer address {
	display:block;
	color:#fff;
	font-size:12px;
	padding:10px	
}