@charset "utf-8";
/* CSS Document */

/* ===== global styles ===== */

body {
	/*background: #756e61 url(images/bg_texture.gif);*/
	background-color: #756e61;	
	font-family: Verdana, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 1ex 1em;
}

div#outerDiv {
	background-color: #fffded;
	margin: 0 auto;
	width: 960px;
}

#outerDiv a:link, #outerDiv a:visited {
	color: #b36b00;
	text-decoration: none;
}

#outerDiv a:hover, #outerDiv a:active {
	border-bottom: 1px dashed #666;
	color: #666;	
}

/* ===== header ===== */

div#header {
	height: 200px;
	position: relative; /* containing block */
}

div#tagline {border-top: 2px solid #476247;}

/* ===== main menu ===== */

#header #mainMenu {
	bottom: 0;
	left: 277px;
	position: absolute;	
}

#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	/*background: url(images/nav_button.gif) no-repeat left bottom;*/
	background-color: #40798a;
	color: #fff;
	display: block;
	font-family: "Lucida Grande", sans-serif;
	line-height: 25px;
	margin-right: 10px;	
	padding: 0 18px 0 18px;
	text-decoration: none;
}

#mainMenu li a:hover, #mainMenu li a:active {
	background-position: left top;
	border-bottom: none;
	color: #f8b449;
}

#mainMenu li a.current {
	/*background: url(images/nav_current.gif) no-repeat;*/
	background-color: #618d9a;
	color: #ccc;
	height: 30px;	
	line-height: 25px;
	margin-top: -5px;
}

#mainMenu li a.current:hover {
	cursor: default;
}

/* ===== main content ===== */

#content div#mainContent {
	float: left;
	margin: 0;
	padding: 15px; /* add l-r padding to main content div instead of margin in p, h1, and other elements so all line up perfectly */
	width: 630px;
}

#mainContent p {
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	margin: 1ex 0;
}

/*#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, {
	font-family: "Lucida Grande", sans-serif;
}*/

#mainContent h1 {
	color: #3b3027;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 .4ex 0;
}

#mainContent h2 {
	color: #3b3027;
	font-size: 1.2em;
	margin: .4ex 0;
}

#mainContent h4 {
	color: #3b3027;
	font-size: 1.1em;
	font-weight: bold;	
	margin: .1ex 0 -.2ex 0;
}

#mainContent ul {
	font-family: Verdana, sans-serif;
	font-size: .9em;
	/*margin: 0 0 1.4ex 0;*/
	margin: 0 0 1.4ex 1em; /* add 1em to ensure list is indented - IE bug up to 8 */
}

/* ===== sub content ===== */

#content div#subContent {
	float: left;
	margin: 0;
	padding: 15px; /* add l-r padding to main content div instead of margin in p, h1, and other elements so all line up perfectly */
	width: 895px;
}

#subContent p {
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	margin: 1ex 0;
}

/*#subContent h1, #subContent h2, #subContent h3, #subContent h4, {
	font-family: "Lucida Grande", sans-serif;
}*/

#subContent h1 {
	color: #3b3027;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 .4ex 0;
}

#subContent h2 {
	color: #3b3027;
	font-size: 1.2em;
	margin: .4ex 0;
}

#subContent h4 {
	color: #3b3027;
	font-size: 1.1em;
	font-weight: bold;	
	margin: .1ex 0 -.2ex 0;
}

#subContent ul {
	font-family: Verdana, sans-serif;
	font-size: .9em;
	/*margin: 0 0 1.4ex 0;*/
	margin: 0 0 1.4ex 1em; /* add 1em to ensure list is indented - IE bug up to 8 */
}

img.leftFloat {
	float: left;
	padding: 4px 15px 15px 8px;
}

img.rightFloat {
	float: right;
	padding: 8px 15px 15px 4px;
}

.thumb img {
	width: 150px;
	height: 250px;
	border: 0;
} 

/* ===== feature box ===== */

img.leftFloatImage {
	float: left;
	padding: 15px;
}

div#feature {
	float: left;
	padding-top: 20px;
	width: 400px;
}

div#featureDesc {
	float: right;	
	padding-top: 20px;
	width: 400px;
}

div#featureDesc h3 {
	border-bottom: 1px solid #6e916a;
	color: #476247;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	margin: 0;	
	padding-bottom: .2em;
	
}

div#featureDesc p {
	font-family: "Lucida Grande", sans-serif;
	font-size .8em;
}

div#featureDesc p.price {
	font-size: 1.2em;
	text-align: right;	
}

/* ===== subContent feature box ===== */

div#feature {
	float: left;
	padding-top: 20px;
	width: 700px;
}

div#feature h3 {
	border-bottom: 1px solid #6e916a;
	color: #476247;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	margin: 0;	
	padding-bottom: .2em;
	
}

div#feature p {
	font-family: "Lucida Grande", sans-serif;
	font-size .8em;
}

/* ===== side bar ===== */

#content div#sideBar {
	border-left: 1px solid #6e916a;
	float: right;
	margin: 0;
	padding: 0 10px;
	width: 265px;
}

#sideBar p {
	color: #756e61;
	font-family: "Lucida Grande", sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	margin: 0 0 3ex 0;
}

#sideBar h3 {
	color: #40798a;
	font-family: "Lucida Grande", sans-serif;
	font-size: 1em;
	margin: 1ex 0 .5ex 0;
}

#sideBar img {
	margin: 0 25px 15px 0;
}

#sideBar img.photo {
	border: 1px solid #756e61;
	padding: 5px;
}

#sideBar ol {margin: .5em 0 1.5em 1.5em;}

#sideBar li {
	color: #756e61;
	font-family: "Lucida Grande", sans-serif;
	font-size: .8em;
	margin: .2em .5em;
}

/* ===== footer ===== */

div#footer {
	background: transparent;
	clear: both;
	margin: 0 auto;
	padding: 5px;
}

#footer p {
	color: #f8981f;
	font-family: "Lucida Grande", sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ===== misc styles ===== */

.clear { clear: both; }