/*================= 
css info
 *===============	
 * 
 *	Author: Por Design
 *	http://pordesgin.eu/
 * 
 */


/* --- containers --- */
body {
	font: 10pt/120% Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	color: #2c2c2c;
	margin: 0;
	padding: 0; }
#container {
	position: relative;
	width: 1100px;
	margin: 0 auto; 
	overflow: hidden;
	background: url(../images/header-bg.gif) 0 0 repeat-x; }
#header { }		
#nav {
	clear: left;
	margin: 0;
	position: relative; z-index: 100; 
	padding: 5px 0 0;
	float: left;
	width: 200px; height: 666px;
	background: #2c4a07 url(../images/nav-bg2.png) 0 0 repeat-x;
	list-style: none;
	padding-bottom: 32767px; 
	margin-bottom: -32767px;  }
#content {
	width: 800px;
	float: left;
	padding: 30px 0 0 30px; position: relative; 
	background: url(../images/content-bg-top.gif) 0 0 repeat-x; 
	padding-bottom: 32767px; 
	margin-bottom: -32767px; }
#main {
	float: left;
	margin: -10pt 20px 0 0;
	padding: 0 0 40px;
	width: 500px; }
#ads {
	float: left; 
	width: 255px;
	margin: -10px 0 0;
	padding: 0 0 10px;
	background: url(../new_images/adcorner-bg-bottom.png) 0 100% no-repeat !important;
	background: url(../new_images/adcorner-bg-bottom.gif) 0 100% no-repeat; }
#foot {
	float: left;
	height: 139px;
	width: 100%; 
	text-align: center;
	margin: -38px 0 0; clear: left; float: left !important; float: none;
	text-align: center;
	font-size: 8pt;
	color: #5b5b5b;
	padding: 0; }
		
/* --- lists --- */
#nav li {
	margin: -1px 0 0;
	height: 39px;
	width: 20px;
	font-size: 10pt; }
#ads ul {
	float: left;
	margin: 0; 
	padding: 0;
	list-style: none; }
	#ads ul li {
		margin: 6px 0;
		float: left;
		width: 239px;
		
		font-weight: bold;
		color: #6a6a6a;
		font-size: 10pt; }
	#ads p {
		float: left;
		width: 239px;
		line-height: 2em;
		margin: 6px 0;
		font-weight: bold;
		color: #584545;
		font-size: 10pt; }
#ads ul.items {
	float: left;
	margin: 0;
	padding: 0 0 0 7px; 
	list-style: none;
	background: url(../new_images/adcorner-bg.png) 0 0 repeat-y !important;
	background: url(../new_images/adcorner-bg.gif) 0 0 repeat-y; }
	#ads ul.items li.item {
		margin: 0 7px 0 0;
		display: inline;
		width: 239px;
		padding: 0 0 10px;
		background: #faf6f6 url(../new_images/adcorner-item-bg.gif) 0 39px no-repeat; }

/* --- headings --- */	
#header h1 { 
	margin: 0;
	height: 149px;
	padding: 0 0 0 222px;
	text-indent: -9999px; 
	border-top: 1px solid #e9e4e4;
	background: url(../images/head-photo.png) 0 0 no-repeat !important; 
	background: url(../images/head-photo.gif) 0 0 no-repeat; }
h2, h3, h4, h5, h6 {
	color: #362c2c; }
h2 {
	padding: 5px 0 8px;
	margin: 18pt 0 14pt;
	font-size: 18pt;
	color: #584545;
	border-top: 4px solid #e0dbd5;
	border-bottom: 4px solid #b4aca3;
	background: url(../images/h2-bg.gif) 0 0 repeat-x; }
#ads h2 {
	float: left;
	width: 255px;
	height: 48px;
	font-size: 14pt;
	color: #3f741a;
	margin: 0; 
	border: none;
	padding: 20px 0 0px 7px; 
	background: url(../new_images/ad-bg-top.png) 0 0 no-repeat !important; 
	background: url(../new_images/ad-bg-top.gif) 0 0 no-repeat; }
#ads h3 {
	float: left;
	height: 38px;
	width: 239px;
	margin: 0 0 10px;
	padding: 12px 0 8px;
	font-size: 11pt;
	color: #fff;
	text-align: center;
	background: url(../new_images/adcorner-h3-bg.png) 0 0 no-repeat; }
	
/* --- font styles --- */
#date {
	height: 49px;
	width: 200px; 
	float: left;
	margin: 0;
	line-height: 49px; 
	font-size: 10pt;
	color: #326a00;
	font-weight: bold;
	background: url(../images/date-bg.gif) 0 0 repeat-x; }
	#date span,
	#ads h2 span {
		padding: 0 0 0 16px;
		background: url(../images/green-arrow2.png) 0 center no-repeat !important;
		background: url(../images/green-arrow2.gif) 0 center no-repeat; }
#catch-phrase {
	float: left;
	width: 800px; position: relative;
	margin: 0;
	padding: 5px 0 0 24px;
	font-size: 17pt; 
	color: #846767;
	line-height: 37px; }
	#catch-phrase strong {  position: relative; line-height: 37px;
		font-size: 26pt; }
	#catch-phrase span { position: relative;
		font-weight: bold;
		color: #538c2b; }
#foot p { 
	width: 1100px;
	height: 140px;
	margin: 0 auto;	
	padding: 45px 0 0;
	background: url(../images/foot-bg.gif) 0 0 repeat-x; }
		
/* --- links --- */
a {
	color: #1c470c; }
	a:hover {
		color: #538c2b; }	
#header a {
	display: block;
	height: 93px;
	width: 251px; 
	margin: 30px 0 0 0;
	background: url(../images/logo.png) 0 0 no-repeat !important;
	background: url(../images/logo.gif) 0 0 no-repeat; }
#foot  a {
	color: #538c2b; }
	#foot a:hover {
		color: #3c6a1b; }
#nav a {
	display: block;
	height: 39px;
	line-height: 39px;
	width: 200px;
	text-decoration: none;
	color: #fff; 
	font-weight: bold;
	background: url(../images/nav-item-bg.gif) 0 0 no-repeat;  }
	#nav a:hover {
		background: url(../images/nav-item-bg.png) 0 -39px no-repeat !important; 
		background: url(../images/nav-item-bg.gif) 0 -39px no-repeat;  }				
	#nav li.active a,
	#nav li.active a:hover {
		background: url(../images/nav-item-bg.png) 0 -78px no-repeat !important; 
			background: url(../images/nav-item-bg.gif) 0 -78px no-repeat;  }
		#nav a span {
			padding: 0 0 0 20px; }
			#nav li.active span {
				background: url(../images/white-arrow.png) 0 center no-repeat !important;
				background: url(../images/white-arrow.gif) 0 center no-repeat; }
#ads a {
	text-decoration: none;
	color: #6a6a6a; }
	#ads a:hover {
		text-decoration: underline;
		color: #884444; }
#ads h3 a {
	color: #fff; }
	#ads h3 a:hover {
		color: #584545; 
		text-decoration: none; }

/* --- extra --- */	
.clearfix:after { 
	line-height: 0; 
	font-size: 0;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }