/*
----------------------------------------------------------------------
Dr. Tanja Haley
Author: Curious Communications - http://www.curiouscommunications.com
----------------------------------------------------------------------
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #7f231b url(../images/bg/body.jpg);
	text-align: center;
	color: #6a6a6a;
	font-family: Arial, Helvetica, sans-serif;
}

div#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 214px;
	background: url(../images/bg/header.jpg) top repeat-x;
}

div#header_wrap {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 214px;
	background: url(../images/bg/coffee_header.jpg) top right no-repeat;
	text-align: left;
}

div#content {
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
	background: #fff url(../images/bg/content.jpg) top repeat-x;
}

div#content_wrap {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
}

div#left {
	margin: 0;
	padding: 20px 0 0 0;
	width: 460px;
	float: left;
}

div#right {
	margin: 0;
	padding: 45px 0 0 0;
	width: 323px;
	float: right;
}

div#footer {
	margin: 0;
	padding: 50px 0 0 0;
	width: 100%;
	height: 97px;
	background: url(../images/bg/footer.jpg) top repeat-x;
}

div#footer_wrap {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 97px;
	text-align: left;
}

div.fixer {
	clear: both;
}

/* HEADER
-------------------------------------------------------------*/

div#header img.logo {
	margin: 0 0 14px 0;
	border: none;
	display: block;
}

div#header a {
	color: #303030;
}

div#header p {
	margin: 0;
	padding: 10px 5px 0 0;
	width: 60px;
	font-size: 12px;
	float: right;
}

/* NAV
-------------------------------------------------------------*/

ul#nav {
	margin: 0;
	padding: 0;
	height: 41px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}

ul#nav li {
	margin: 0 15px 0 0;
	padding: 0;
	height: 41px;
	list-style: none;
	display: block;
	float: left;
}

ul#nav li.last {
	margin-right: 0;
}

ul#nav li a {
	padding-top: 15px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
}

ul#nav li a:hover {
	background: url(../images/bg/rollover.jpg) top no-repeat;
	text-decoration: none;
}

/* COMMON CONTENT
-------------------------------------------------------------*/

div#content img {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	display: block;
}

div#content a {
	color: #303030;
}

div#content p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
}

div#content p.tinytxt {
	font-size: 11px;
	line-height: normal;
}

div#content span {
	color: #7f231b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
}

div#content h1 {
	margin: 0 0 15px 0;
	padding: 0;
	color: #7f231b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
	border-bottom: 4px double #b9b2b1;
}

div#content h2 {
	margin: 0 0 15px 0;
	padding: 0;
	color: #7f231b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: lighter;
}

div#content ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	list-style-image: url(../images/dash.gif);
}

div#content li {
	margin: 0 0 5px 0;
	padding: 0;
}

div#content ul.numbered {
	margin-left: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	border-top: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}

div#content ul.numbered span.num {
	color: #b4b4b4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
}

div#content label {
	width: 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	float: left;
}

div#content textarea {
	margin: 0;
	padding: 3px;
	width: 300px;
	background: #fff url(../images/bg/input.jpg) top repeat-x;
	border: 1px solid #cdcdcd;
	float: right;
}

div#content p.submitbtn {
	clear: both;
}

div#content p.submitbtn input {
	margin-top: 15px;
	width: 65px;
	height: 25px;
	color: #303030;
	background: #bfbfbf;
	border: 1px solid #868686;
	float: right;
}

/* QUOTE
-------------------------------------------------------------*/

div#content p.quote {
	margin: 0 0 15px 0;
	padding: 0;
	color: #6c6a4c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

div#content p.quote em {
	color: #c6c5ac;
	font-size: 16px;
	font-style: italic;
	float: right;
}

div#content img.quoteimg {
	margin: 0 10px 0 0;
	float: left;
}

/* SUB NAV
-------------------------------------------------------------*/

div#right h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
}

div#right ul.articles_list {
	margin: 0 0 15px 0;
	padding: 0;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	border-top: 1px solid #b4b4b4;
	border-bottom: none;
	list-style: none;
}

div#right ul.articles_list li {
	margin: 0;
	padding: 7px;
	border-bottom: 1px solid #b4b4b4;
}

div#right ul.articles_list img {
	margin: 0 10px 0 0;
	float: left;
}

div#right ul.articles_list a {
	text-decoration: none;
}

div#right ul.articles_list a:hover {
	text-decoration: underline;
}

/* FOOTER
-------------------------------------------------------------*/

div#footer a {
	color: #fff;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
}

div#footer ul#footer_nav {
	margin: 0;
	padding: 0;
	width: 550px;
	color: #fff;
	font-size: 10px;
}

div#footer ul#footer_nav li {
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	list-style: none;
	display: inline;
	border-right: 1px solid #fff;
}

div#footer ul#footer_nav li.farright {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

div#footer p.curious {
	float: right;
}