/* =============================
Theme Name: Hoek Modular Homes
Theme URI: 
Description:
Version: 1.0
Author: Eske. 
Author URI: eske.com.au
============================= */

/*
#62ac1e - green
#3e3f2c - brown
#9c9e86 - light brown
*/

body {
	background:#f6f1e5 url(images/HH_bg.gif);
	font-family:Arial, "Helvetica", sans-serif;
	color:#4d4d4d; text-align:left; }

a { background:transparent; color:#9c9e86; text-decoration:underline; }
a:visited { background:transparent; color:#9c9e86; text-decoration:underline; }
a:hover { background:transparent; color:#9c9e86; text-decoration:none; }

p { 
	margin:0;
	padding:0 0px 1em 0;
	color:#4d4d4d; font-size:1em; line-height:1.3em; }
	
h1,h2,h3,h4,h5,h6 { line-height:1.5em; }	
	
h1 { margin:0; padding:5px 0 .6em 0;
	font-size:1.6em; color:#62ac1e; font-weight:normal;
	text-transform:uppercase; }
	#sidebar h1 {
		padding:25px 30px 10px 30px; color:#62ac1e; }
	#content div#preamble h1 {
		color:#3e3f2c; font-weight:bold; padding-bottom:0; line-height:1.2em; }
		#content div#preamble h1 a, #content div#preamble h1 a:visited, #content div#preamble h1 a:hover {
		color:#3e3f2c; text-decoration:none; }
	
h2 { margin:0; padding:0 0 .5em 0;
	font-size:1.2em; color:#3e3f2c; font-weight:bold; }
	
h3 { margin:0 0 10px 0; padding:0;
	border-bottom:1px solid #62ac1e;
	font-size:1.1em; color:#3e3f2c; font-weight:normal; font-style:normal;
	text-transform:uppercase; }	
	
h4 { margin:0; padding:0 0 .5em 0;
	font-size:1.2em; color:#3e3f2c; font-weight:bold; }	
	
strong { font-weight:bold; }

ul, ol { margin:0 0 1em 0; padding:0;
	font-size:1em; line-height:1.3em; }
ul li { list-style-type:disc; margin-left:18px; }
ol li { list-style-type:decimal; margin-left:22px; }
	
/* hidden
============================= */
.hidden {
	width:0; height:0;
	overflow:hidden; display:block; }	
		
/* wrapper
============================= */
div#wrapper {
	width:770px;/*786px;*/
	margin:0 auto; padding:0;/*padding:15px 0 15px 0; */
	background:transparent; } /*url(../images/HH_gradient.png) repeat-y; }*/

html { height:100%; }
body { height:100%; }

div#wrapper {
	position:relative;
	height:100%; }

/* container
============================= */
#container {
	width:770px; height:100%;
	margin:0 auto; padding:0; 
	background:transparent; text-align:left; font-size:110%; }

#header {
	width:770px; height:68px;
	background:#ffffff url(images/HH_banner_top.jpg) no-repeat; }
#header-banner {
	width:770px; height:85px;
	background:#ffffff url(images/HH_banner_mid_home2.jpg) no-repeat; }
	body#hoek-modular-home #header-banner {
	background:#ffffff url(images/HH_banner_mid_other.jpg) no-repeat; }
#logo {
	position:absolute; z-index:99;
	top:0; right:30px;
	width:137px; height:156px; 
	background: #ffffff; }
	#logo a {
	display:block; overflow:hidden;
	width:100%; height:100%; text-indent:-9999px;
	background:transparent url(images/HH_logo.gif) no-repeat; }

/* navigation
============================= */
.navigation {
	width:770px;
	margin:0; padding:0; 
	background:#3e3f2c; }
	#sidebar .navigation {
		width:170px; padding-left:30px;
		background:transparent; }
	
.navigation dl {
	float:left; /*height:auto; */
	margin:0 0px 0 30px;/*190px*//*142px;*/ display:inline;/*IE6 fix*/
	width:570px; }
	#sidebar .navigation dl {
		float:left; margin:0 0 15px 0; width:170px; }
	#sidebar .navigation dt {
		margin:0; padding:0 0px .3em 0;
		color:#ffffff; font-size:1em; line-height:1.3em; }
	
.navigation dd {
	float:left;
	margin:0; }
	#sidebar .navigation dd {
		width:150px; }

.navigation a, .navigation a:visited {
	/*height:auto;*/ display:block;
	margin:5px 8px; padding:0 3px; color:#ffffff; font-size:1em; font-weight:bold;
	text-decoration:none; text-transform:uppercase; 
	border-left:2px solid #62ac1e; border-right:2px solid #62ac1e; }
	#sidebar .navigation a, #sidebar .navigation a:visited {
		width:150px; margin:3px 0; padding:0 0 0 10px; color:#ffffff;
		font-size:1em; font-weight:normal; text-transform:none; border:none;
		background:url(images/HH_arrow2.gif) left no-repeat; }

.navigation a:hover {
	color:#9c9e86; } 
#sidebar .navigation a:hover {
	color:#9c9e86; }

.navigation a:active, #sidebar .navigation a:active {
	color:#9c9e86; }
body#hoek-home .navigation a#home, body#hoek-about .navigation a#about,
body#hoek-standardspec .navigation a#standardspec, body#hoek-faq .navigation a#faq,
body#hoek-contact .navigation a#contact, body#hoek-modular-home #sidebar .navigation a#modular-home,
body#hoek-links .navigation a#links, body#hoek-gallery .navigation a#gallery {
	color:#9c9e86; }
	
/* content-wrap
============================= */
#content-wrap {
	margin:0 0 15px 0; padding:0;
	background:url(images/HH_container_bg2.gif) 0 0 repeat-y; }

/* sidebar
============================= */
#sidebar {
	float:left; width:200px;
	margin:0; padding:0; padding-bottom:30px;
	background:transparent url(images/HH_lines_SML.gif) top left no-repeat; }

/* content
============================= */
#content {
	float:right; width:570px; min-height:286px;
	margin:0; padding:0 0 20px 0;
	background:transparent url(images/HH_lines_LGE.gif) 0 26px no-repeat; }
	
#content div {
	width:100%; background:transparent; }
	#content div#preamble {
		background:#62ac1e; } #preamble p, #preamble h2 { color:#ffffff; }

#content div div {
	width:510px; margin:20px 30px;
	background:transparent; }
	#content div#preamble div {
		margin:0; padding:20px 30px; }
		#content div#preamble a, #content div#preamble a:visited, #content div#preamble a:hover {
		color:#ffffff; }
		
	#content div#summary div {
		background:#62ac1e; }
		
#content div div div {
	width:auto; margin:0; }
		
	#hero-image {
	float:left; width:310px;
	margin:0; padding:3px; }
	#content div div #summary-details {
	float:left; width:190px;
	margin:15px 0 0 15px; /*background:#0ff0f0; display:block;*/ }	
		#home-name {
		margin:0 0 0px 0; font-size:2.2em; line-height:1.1em; color:#ffffff; text-transform:capitalize; }
		#no-bed, #no-bath { width:190px; margin-bottom:.3em; padding:0 0 0 25px; 
		/*border-bottom: 1px dotted #ffffff;*/ font-size:1em; color:#ffffff; text-transform:uppercase;
		/*background:url(images/HH_arrow_white.gif) left no-repeat;*/ }
		#no-bed { background:url(images/HH_bed.gif) left no-repeat; }
		#no-bath { background:url(images/HH_bath.gif) left no-repeat; }
		p#further-info, p#download-link, p#contact-us, p#farm-fantastic {
		padding:0 0px 0em 0; line-height:1.3em; }
			p#download-link, p#contact-us { color:#9c9e86; }
		
#content #the-content .homepage-image, #content #preamble .homepage-image {
	float:left; width:240px; background:#62ac1e; margin-top:5px; } 
#content #preamble .homepage-image { background:#3e3f2c; padding:0; }
	
	#content #the-content .right { float:right; } 
	#content #preamble .homepage-news { float:right; width:240px; padding:0; }
	#content #the-content .homepage-image p, #content #preamble .homepage-image p { margin-left:10px; padding:5px 0 5px 10px; color:#ffffff;
				 font-size:.9em; text-transform:uppercase; background:url(images/HH_arrow_white.gif) left no-repeat; }
		#content #preamble .homepage-image p { color:#ffffff; background:url(images/HH_arrow2.gif) left no-repeat; }
	
/* footer
============================= */
#footer { 
	width:770px; /*margin:0 auto;*/
	text-align:center; 
	font-size:95%; color:#3e3f2c; line-height:1.3em; }
#footer p {
	color:#3e3f2c; }
#footer a {
	color:#3e3f2c; }