@charset "UTF-8";

/*
===========================================

FERNWOOD - 2009

Table of Contents

	1. Reset - Reset of browser styles
	
	2. Site Layout - Main layout containers
	
	3. Navigation - Main Site navigation
		
		3.1 Main Nav
	
	4. Text Formatting - Text styles
	
	5. List Styles
		
		5.1 Featured Products
		
	6. Buttons
	
	7. Forms

===========================================
*/



/* 
	
	1. Reset

*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol {list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; vertical-align:top;}
table { border-collapse: collapse; border-spacing: 0; }
a{outline:none;}

/* 
	
	2. Site Layout

*/

body{
	margin:0px auto;
	font-family:"Ludcida Grande", Arial, sans-serif;
	font-size:62.5%;
	color:#FFF;
	background:url(../images/body-bg.jpg) repeat-x top #1e0e06;
	overflow-x: hidden;
}

html{
	overflow-x: hidden;
}

#wrapper{
	position: relative;
	margin:0px auto;
	padding:0px;
	width:950px;
	overflow:hidden;
}

#header{
	position:relative;
	margin:0px auto;
	padding:0px;
	height:165px;
	width:950px;
	z-index:100;
}

#content{
	position: relative;
	margin:0px auto;
	width:800px;
	overflow:auto;
	background:url(../images/content-bg.jpg) repeat-y;
}

#main-col{
	position:relative;
	width:500px;
	margin:0px 0px 0px 45px;
	float:left;
}

#sub-col{
	position:relative;
	width:190px;
	float:left;
	margin:0px 0px 0px 30px;
	overflow:auto;
	text-align:left;
}

#footer{
	margin:50px auto;
	width:750px;
	clear:both;
	color:white;
}


/* 
	
	3. Navigation

*/

/*
	----------------------------
	3.1 Main Nav
	----------------------------
*/

#main-nav{
	position:relative;
	margin:0px auto;
	padding:0px 0px 0px 75px;
	width:800px;
	height:93px;
	z-index:150;
}

#main-nav li{
	position:relative;
	float:left;
	margin:0px 7px 0px 7px;
}

#main-nav li.inset{
	float:left;
	width:2px;
	height:49px;
	margin:8px 18px 0px 18px;
	background:url(../images/nav-inset.jpg) no-repeat;
}

#main-nav a{
	display:block;
	padding:25px 5px 0px 5px;
	height:41px;
	float:left;
	color:white;
	font-size:1.4em;
	border:none;
}

#main-nav a:hover, #main-nav a.selected{
	display:block;
	padding:25px 5px 0px 5px;
	float:left;
	color:#54b35f;
	font-size:1.4em;
	border:none;
}

/*
	----------------------------
	3.2 Sub Nav
	----------------------------
*/

#main-nav li ul{
	display:none;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}


#main-nav li:hover ul,#main-nav li.over ul{
	position:absolute;
	padding:0px;
	margin:0px;
	float:left;
	width:173px;
	top:50px;
	left:-20px;
	display:block;
	cursor:pointer;
}

#main-nav li ul li{
	width:173px;
	margin:0px 0px 0px 0px;
}

#main-nav li ul li a{
	display:block;
	width:163px;
	height:20px;
	padding:5px 0px 5px 10px;
	margin:0px;
	font-size:1.1em;
	background:#5f5f5e;
}

#main-nav li ul li a:hover{
	display:block;
	width:163px;
	padding:5px 0px 5px 10px;
	margin:0px;
	background:#5f5f5e;
}


/* 
	
	4. Text Formatting

*/

h1{
	font-size:2em;
	margin:0px 0px 10px 0px;
}


h2{
	font-size:1.6em;
	margin:0px 0px 5px 0px;
	color:#54B35F;
}

p{
	font-size:1.2em;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
}

strong {
	font-weight: bold;
}

#footer p{
	color:#643f21;
}


a{
	color:#54b35f;
	text-decoration:none;
	border-bottom:1px dotted #54b35f;
	padding:0px 0px 1px 0px;
}

a:hover{
	color:#FFF;
	border-bottom:1px dotted #54b35f;
}

/*
	5. WYSIWYG FORMATTING
	
*/
.wysiwyg ol, .wysiwyg ul, #main-col ol, #main-col ul {
	font-size:1.2em;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
	list-style: none;
	margin-left: 8px;
	padding-left: 1em;
	text-indent: -1em;
}

.wysiwyg ol li:before, .wysiwyg ul li:before, #main-col ol li:before, #main-col ul li:before {
	content: "\2022 \0020";
	/*padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;*/

}

.wysiwyg blockquote, #main-col blockquote {
	padding: 12px 12px 12px 12px;
	border: 1px solid #9a663f;
	width: 470px;
}

body.wysiwyg {
	background: none!important;
	background-color: transparent!important;

}

.wysiwyg img, #main-col img {
	float:right;
	padding:5px;
	margin:0 10px 20px 0;
	background:white;
}



/* 
	
	6. List Styles

*/
/*
	----------------------------
	5.1 Featured Products
	----------------------------
*/

ul#featured-products{
	margin:20px auto;
	padding:0px;
	width:148px;	
}

ul#featured-products li{
	margin:0px 0px 10px 0px;	
}

ul#featured-products a{
	padding:5px;
	border:1px solid white;
	display:block;	
}

ul#featured-products a:hover{
	border:1px solid #54b35f;
}

ul#featured-products p{
	margin:5px auto;
	color:white;
	text-align:left;
	background:#54b35f;
	padding:5px;
	width:125px;
}

/*
	----------------------------
	6.2 Contact Details
	----------------------------
*/

ul.contact-details {
	text-align: left;
	margin: 10px 0px 0px 20px;
}


/* 
	
	7. Buttons

*/

a.btn-long{
	position:relative;
	display:block;
	color:white!important;
	font-size:1.4em;
	width:152px;
	height:31px;
	padding:12px 0px 0px 50px;
	background:url(../images/btn-long.jpg) no-repeat top center;
	border:none!important;
}

a.btn-long:hover{
	background:url(../images/btn-long.jpg) no-repeat bottom center;
}

a.btn-msg-close{
	position:relative;
	display:block;
	color:white;
	font-size:1.4em;
	width:31px;
	height:0px;
	padding:31px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	background:url(../images/btn-msgclose.jpg) no-repeat top center;
	border:none;
	overflow:hidden;
	float:left;
}

a.btn-msg-close:hover{
	background:url(../images/btn-msgclose.jpg) no-repeat bottom center;
}


/* 
	
	8. Forms

*/

form {
	margin: 30px 0px 0px 0px;
}

fieldset{
	margin:0px 0px 10px 0px;
}

label{
	width:120px;
	float:left;
	font-size: 1.2em;
	padding: 6px 0px 0px 0px;
}

.text-input{
	font-size: 1.2em;
	padding: 3px 0px 5px 0px;
	color: white;
	width: 300px;
	border:none;
	background: none;
	border-bottom: 1px dotted #C49A6B;
}

textarea {
	font-size: 1.2em;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	color: white;
	width: 290px;
	height: 150px;
	border:none;
	background: none;
	border: 1px dotted #C49A6B;
}