@import 'reset.css';

textarea, input, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

html {
	font-size: 100.01%;
	}
html, body {
	height: 100%;
	height: auto;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../i/wood7.jpg) repeat;
	}
	
body {
	text-align: center;
	font: .7em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../i/wood7.jpg) repeat;
	}

a, a span {
	cursor: pointer;
	}
	
a {
	color: #166a9a;
	text-decoration: underline;
	}
	a:hover {
		color: #000;
		text-decoration: underline;
		}

hr {
	display: none;
	}

.clear {
	clear: both;
	height: 1px;
	width: 100%;
	}

img {
	vertical-align: bottom;
	}
	
	
/* COLORS 
---------------------------------------- 
lines - 	#323232;
font main - #000;
link in text main - #166a9a
link:hover in text - #166a9a
in search form - #393939;
*/
	
	
/* Page 
---------------------------------------- */
#center {
	margin: 0 auto;
	width: 756px;
	text-align: center;	
	background: #fff;
	margin: 0 auto;
	/*border-left: 1px solid #323232;
	border-right: 1px solid #323232;*/
	}

	
/* Header
---------------------------------------- */
#header {
	position: relative;
	height: 200px;
	position: relative;
	width: 100%;
	background: url(../i/header-bg.jpg) no-repeat center 70px;;
	}
	#header h1 { position: absolute; top: 15px; left: 15px; 	font-size: 2.3em; font-weight: normal; color: #4b260a; }
		#header h1 a { text-decoration: none; color: #4b260a; }
		
	#header h2 { color: #0d7547; position: absolute; left: 17px; top: 35px; }
		
	#header .right-banner  { position: absolute; top: 25px; right: 0; font-weight: normal; color: #ababab }
	
	#top-nav { width: 100%; text-align: right; background: #637cab; height: 20px; position: absolute; left: 0; bottom: 0; color: #fff; }
		#top-nav ul li { display: inline; line-height: 20px;  }
			#top-nav ul li a { color: #fff; text-decoration: none; margin: 0 5px; }
	
/* Content
---------------------------------------- */
#generic-content { margin: 1px 0 0 0; }

#aside { width: 170px; float: left; text-align: left; font-size: 1.2em; text-transform: lowercase; }
	#aside ul { font-weight: bold; padding: 15px 0; }
		#aside ul li { padding: 5px 0 5px 10px; background: #613f18; margin: 0px 0 5px; text-transform: capitalize;  }
			#aside ul a { color: #fff; text-decoration: none; }

#content { float: right; width: 560px; text-align: left; color: #636363; font-size: 1.2em; padding: 20px 13px; }
	#content p { margin:  0 0 15px 0; line-height: 1.3em; }
	#content .floated-left { float: left; margin: 0 10px 5px 0; }
	#content ul { margin: 0 0 10px 20px; list-style: url(../i/bullet.gif); }
		#content ul li { margin: 10px 0; }
	
	#content .address { background: #e9ebee; padding: 15px; }
	
	#content table { border-collapse: collapse; border: 1px solid #e7e7e7; width: 100%; margin: 10px 0 20px 0; }
		#content table td,
		#content table th { padding: 5px; vertical-align: middle }
		#content table th { background: #f4f4f4; }
		
		#content h1 { font-size: 1.5em; font-weight: normal; padding: 0 0 20px; color: #0d7547; line-height: 1em; text-align: right;	} 
		#content h2 { font-size: 1.2em; font-weight: bold; padding: 0 0 10px; color: #0d7547; line-height: 1em; text-align: left;	} 


/* footer
---------------------------------------- */
#footer { background: #f8d788; margin: 0px 0 0 0; padding: 10px; position: relative; text-align: left; }


/* production
---------------------------------------- */
ul#production { list-style: none; }

ul#production-itmes { width: 100%; list-style: none; font-size: 0.8em; color: #000; }
	
	ul#production-itmes p { margin: 4px 0; }
	
	ul#production-itmes li {}
		ul#production-itmes li .img { width: 115px; float: left; }
		ul#production-itmes li .info { float: left; width: 300px; }
			ul#production-itmes li .info .caption { font-weight: bold; }
				ul#production-itmes li .info ul li { margin: 0; list-style: circle; }
			span.underline { text-decoration: underline; }	