/* =============================
Theme Name: Qld Deck Co.
Theme URI: 
Description: Theme adapted from original site.
Version: 1.0
Author: Eske. 
Author URI: eske.com.au
============================= */

/*
#543019 :: background chocolate brown
#b0bf28 :: text and highlights lime green
#543019 :: light brown footer text
*/

body {
	background: #ffffff url("/images/QD_bg2-1.jpg");
	font-family: 'helvetica',verdana,arial,sans-serif; 
	text-align: center; }

a { background: transparent; color: #543019; text-decoration: underline; }
a:visited { background: transparent; color: #543019; text-decoration: underline; }
a:hover { background: transparent; color: #543019; text-decoration: none; }
a:active,a:focus { outline:none; }

.clear { clear:both; }

p { margin: 0;
	padding: 0 10px .8em 0;
	color: #000000;
	font-size: 1.10em; 
	line-height: 1.3em; }

.bold { font-weight: bold; }
.error { color: #A40F07; font-weight: bold; }

ul, ol { margin: 0; 
	padding: 0 0 .8em 0;
	font-size: 1.10em; 
	line-height: 1.3em; }
ul li { list-style-type: disc; margin-left: 18px; }
ol li { list-style-type: decimal; margin-left: 22px; }

h1 { margin: 0; padding: 0;
	font-size: 1.1em; color: #b0bf28; }

h2 { margin: 0; padding: 0;
	font-size: 1.1em; color: #b0bf28; }

h3, h4 { display: block;
	margin: 10px 0 .8em 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #b0bf28; }
	
hr { width: 100%; 
	margin: 5px 0 15px 0; padding: 0; border: 1px solid #b0bf28; }
	
/* hidden
============================= */
.hidden {
	position: absolute; left: -9000px;
	visibility: hidden; width:0; height:0;
	background: transparent; }	

/* wrapper
============================= */
div#wrapper {
	width: 760px;
	margin: 0 auto 0 auto; padding: 30px 0 30px 0; 
	background: transparent; text-align: left;
	/*border: 3px solid #b0bf28;*/ font-size:1.1em; }

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

div#wrapper {
	position: relative;
	/*min-height: 100%;*/ }

/* navigation
============================= */
#navigation {
	width: 760px;
	margin: 0 auto 0 auto; padding: 0; 
	/*height: 116px;*/ height: 150px;
	background: #ffffff; } /*background: #ffffff url("/images/QD_logo.gif") right no-repeat;*/
	
#navigation ul {
	position: absolute; /*top: 95px;*/ top: 140px; left: 35px;
	height: 26px; background: transparent;  }
#navigation li {
	float: left;
	margin: 0 1px 0 0;
	list-style-type: none; list-style-image: none; }

#navigation span { display: none; }

#navigation a {
	display: block; height: 26px;
	color: #000000; font-size: 0px; }
#navigation #nav-3 a {  width: 58px;
   background: url("/images/QD_nav_home.gif") 0 0 no-repeat; }
#navigation #nav-4 a {  width: 124px;
   background: url("/images/QD_nav_design.gif") 0 0 no-repeat; }
#navigation #nav-5 a {  width: 75px;
   background: url("/images/QD_nav_gallery.gif") 0 0 no-repeat; }
#navigation #nav-6 a {  width: 116px;
   background: url("/images/QD_nav_site.gif") 0 0 no-repeat; }
#navigation #nav-7 a {  width: 129px;
   background: url("/images/QD_nav_beforecall.gif") 0 0 no-repeat; }
#navigation #nav-8 a {  width: 75px;
   background: url("/images/QD_nav_contact.gif") 0 0 no-repeat; }
	/*
#navigation a:hover#home, #navigation a:hover#design,
#navigation a:hover#site, #navigation a:hover#contact
	*/ 
#navigation #nav-3 a:hover, #navigation #nav-3 a.current_page_item,
#navigation #nav-4 a:hover, #navigation #nav-4 a.current_page_item,
#navigation #nav-5 a:hover, #navigation #nav-5 a.current_page_item,
#navigation #nav-6 a:hover, #navigation #nav-6 a.current_page_item,
#navigation #nav-7 a:hover, #navigation #nav-7 a.current_page_item,
#navigation #nav-8 a:hover, #navigation #nav-8 a.current_page_item {
   background-position: 0 -26px; }

#navigation a:active {
	background-position: 0 -26px; }
	/*
body#home #navigation a#home, body#home #navigation a:hover#home,
body#design #navigation a#design, body#design #navigation a:hover#design,
body#site #navigation a#site, body#site #navigation a:hover#site,
body#contact #navigation a#contact, body#contact #navigation a:hover#contact {
	background-position: 0 -26px; }
	*/

#logo h1 { margin: 0; padding: 0; }
#logo h1 a { background:url("/images/QD_logo.gif") no-repeat; width:247px; height:100px; float:right; } /*height:116px;*/


/* container
============================= */
#container {
	width: 760px;
	margin: 0 auto 0 auto; padding: 0; 
	background: transparent; }

/* content_top
============================= */
#content_top {
	width: 760px; height: 207px;
	margin: 0; padding: 0; }
body#home #content_top {
	background: transparent url("/images/QD_header_home2.jpg") no-repeat; }
body#design #content_top {
	background: transparent url("/images/QD_header_design2.jpg") no-repeat; }
body#gallery #content_top {
	background: transparent url("/images/QD_header_gallery.jpg") no-repeat; }
body#site #content_top {
	background: transparent url("/images/QD_header_site2.jpg") no-repeat; }
body#before #content_top {
	background: transparent url("/images/QD_header_before.jpg") no-repeat; }
body#contact #content_top {
	background: transparent url("/images/QD_header_contact2.jpg") no-repeat; }

/*
#content_top p {
	clear: both; width: 734px;
	margin: 0; padding: 5px 0 0 0;
	color: #ffffff;
	text-align: right; }
#content_top p span {
	color: #ffffff;
	font-weight: bold; }
*/

/* content
============================= */
#content {
	width: 760px; min-height: 430px;
	margin: 0; padding: 0 0 30px 0;
	background: #ffffff url("/images/QD_sketch.gif") no-repeat right bottom; }

/* content // leftcolumn
============================= */
#leftcolumn {
	float: left; width: 444px;
	margin: 30px 0 0 40px; padding: 0; 
	background: transparent; }
	
body#before #leftcolumn li {
	margin-bottom: 1em; }
	
/* content // rightcolumn
============================= */
#rightcolumn {
	float: right; width: 254px;
	margin: 30px 20px 0 0; padding: 0; 
	background: transparent; }

/* gallery layout
============================= */
div#content_top div.galleryblock {
	position: relative;
 	width: 734px;
	padding-top: 110px;
	border: none; }

.positioner { float:right; clear:both; margin:0; padding:0; }

.imagebox { float:left; width: 54px; margin-left: 10px; }
.image {
	position: relative;
	border: 2px solid #ffffff;
  	background-color: #ddceb7;
  	text-align: center; }  
.image:hover { 
  border: 2px solid #b0bf28; }
 /*
.image a { border: 2px solid #ffffff; }
.image a:visited { border: 2px solid #ffffff; }
.image a:hover { border: 2px solid #b0bf28; }
 */
 
/* contact form layout
============================= */
/*
#contactform {
	position: relative; width: 100%; 
	margin: 30px 0 0 0; padding: 0; }

fieldset {
	clear: both; margin: 0 0 10px 0; border: 0; }	
label {
	 float: left; display: block;
	 width: 60px; margin: 0 0 0 15px;
	 color: #000000; font-weight: bold;
	 font-size: 1.10em; text-align: right; }
input, textarea {
	 float: left; width: 300px;
	 margin: 0 0 0 9px;
	 background: #ffffff; color: #000000; }
textarea {
	 width: 300px; height: 150px; }
#submitbutton {
	 float: left; width: 6em;
	 margin: 5px 0 0 85px;
	 background: #ffffff; color: #000000;
	 font-size: 1em; font-weight: bold; }
#thanks_align {
	margin: 30px 0 0 15px; }
*/
/* footer
============================= */
#footer {
	width:760px; padding: 10px 0 10px 0;
	border-top: 3px solid #b0bf28;
	background: #ffffff;
	color: #543019; }

#footer a { background: transparent; color: #543019; text-decoration: underline; }
#footer a:visited { background: transparent; color: #543019; text-decoration: underline; }
#footer a:hover { background: transparent; color: #543019; text-decoration: none; }
/*
#topbutton {
	float:right;clear:both; width: 760px;
	margin:0; padding:0;
	text-align: right; line-height: 1.1em; }
p.topbuttonpad { padding-right: 30px; }
*/
#footer p { 
	margin:0; padding:0;
	color: #543019;
	font-size: 1.10em; 
	line-height: 1.3em;
	text-align: center; }