/* 
Theme Name: Q-Deck Style Sheet
Theme URL: http://www.qualitydecking.co.uk/media/cbs_style.css 
*/

/* Base Elements *******************************************/

body{background-color:#FFFFFF;color:#FFFFFF;background-image: url(images/structure/index_header.gif);background-repeat:repeat-x;font-family:arial, sans-serif; font-size:62.5%;font-weight:normal; font-style:normal; color:#222222; text-align:center; margin:0px; padding: 0px;}
img{border:0px;}
h1{font-family:verdana, arial,century gothic,sans serif;font-size:1.6em;padding:0px;margin:0px 0px 7px 0px;color:#69875C;}
h2{font-family:verdana, arial,sans serif;font-size:1.1em;padding:0px;margin:0px 0px 0px 0px;color:#597957;}
h3{font-family:verdana, arial, sans serif;font-size:1em;padding:0px;margin:0px 0px 0px 0px;color:#315430;}
h4{font-family:arial,sans serif;font-size:1.2em;padding:0px;margin:0px 0px 0px 0px;color:#000000;}
h5{font-family:arial,sans serif;font-size:1.1em;padding:0px;margin:0px 0px 0px 0px;color:#000000;color:#69875C;font-weight:normal;}
p{ margin:0px 0px 8px 0px; padding:0px; text-align:justify}
li{list-style-image:url(images/bullet.gif);padding:0px;}
li:hover{list-style-image:url(images/bullet_over.gif);padding:0px;}

/* Structure Presentation *******************************************/

#container{width:963px;border-top:0px;margin:auto;padding:0px;border:10px #FFFFFF solid;font-size:1.1em;line-height:1.7em; color: #FFFFFF; background-color: #FFFFFF}
#header{width:963px;height:110px;background-image:url(images/structure/header.jpg);background-repeat:no-repeat;font-size:0px;line-height:0px;; color: #FFFFFF; background-color: #FFFFFF}
#menuArea{width:955px;height:16px;background-image:url(images/structure/menu.gif);background-repeat:repeat-x;padding:3px;margin:0px;border:1px solid #ADAEAD;}
#content{width:963px;text-align:left;margin:0px;padding:10px 0px 5px 0px;overflow:hidden;background-color:#FFFFFF;}
#contentLeftCol{margin:0px 0px 0px 5px;padding:0px;width:742px;float:left;overflow:hidden;}
#contentLeftColgal{
	margin:0px;
	padding:0px;
	width:742px;
	float:left;
	overflow:hidden;
	background-color:#E9EEE5;
	background-attachment: scroll;
	background-image: url(images/gallery/gallerybot.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contentLeftColgalinside{
	margin:0px;
	padding:0px;
	width:963px;
	float:left;
	overflow:hidden;
	background-color:#E9EEE5;
	background-attachment: scroll;
	background-image: url(images/gallery/gallerybotinside.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contentRightCol{float:left;overflow:hidden;}
#footer{width:963px;height:20px;margin:0px;padding:0px;; background-color: #FFFFFF}
#footerLeft{width:5px;height:20px;background-image:url(images/structure/footer_left.gif);background-repeat:no-repeat;float:left;}
#footerMiddle{width:943px;height:20px;background-image:url(images/structure/footer_middle.gif);background-repeat:repeat-x;float:left;text-align:left;padding-left:10px;}
#footerRight{width:5px;height:20px;background-image:url(images/structure/footer_right.gif);background-repeat:no-repeat;float:right;}

/* Menu *******************************************/

#menu{margin:0px 0px 0px 0px;padding:0px;}
#menuArea li{float:left;position:relative;list-style:none;width:117px;}
#menuArea li ul {display:none;position:absolute;top:10px;left:0px;background-color:#FFFFFF;margin-top:9px;border:1px solid #ADAEAD;}
#menuArea li li {background-color:#E7EBE7;padding:2px;text-align:left;border-top:2px solid #FFFFFF;}
#menuArea li:hover ul, #menuArea li.over ul{display:block;}

/* Common Elements *******************************************/

.red{color:#FF0000;}
.rightCTA{margin:0px 0px 5px 10px;}

/* hrefs *******************************************/

a:link, a:active, a:visited { color:#F08C17; text-decoration:none;}
a:hover { color:#F08C17; text-decoration:underline;}

#menu a:active, #menu a:link, #menu a:visited{color:#032803;text-decoration:none;font-size:11px;}
#menu a:hover{color:#FFFFFF;text-decoration:none;}

#menu li li a:active, #menu li li a:link, #menu li li a:visited{color:#032803;text-decoration:none;font-size:11px;}
#menu li li a:hover{color:#032803;text-decoration:underline;}

a#menuSelected:active, a#menuSelected:link, a#menuSelected:visited{color:#032803;text-decoration:none;font-size:11px;font-weight:bold;}
a#menuSelected:hover{color:#032803;text-decoration:none;}

/* Individual Page Elements *******************************************/

/* Index */

#indexContentLeftCol{padding:0px;float:left;overflow:hidden; width:602px; margin:0px 3px 0px 0px}
#indexContentRightCol{float:left;overflow:hidden; padding:0px 0px 0px 0px;}

#qualityTimberDecking{background-color:#FFFFFF;padding:10px;margin:0px 10px 10px 0px;width:575px;text-align:justify;}
.rowItems{float:left;margin:0px 4px 8px 0px;}
#guarantee{float:left;margin:0px 0px 0px 0px;padding:10px;background-image:url(images/guarantee.gif);background-repeat:no-repeat;width:281px;height:117px;}
#guarantee h3{margin-top:28px;}
#guarantee p{margin-right:20px;}

.rightMenu{margin:0px 0px 7px 0px;width:339px;height:80px;padding:7px;background-image:url(images/right_col_backing.gif);background-repeat:no-repeat;}
.rightMenu img{float:right;}
.rightText{float:left;width:180px;}
.rightText p{clear:both;line-height:1.4em;}
.rightText h2{margin:0px;padding:0px;}
.rightText img{float:left;margin-top:5px;}

FORM {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; margin:0px; padding:0px;}
#contactform {padding:10px;}
#contactform FORM {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; margin:0px; padding:0px; color:#3F5F32;}
#contactform INPUT {color:#000000;font-family:verdana,arial,helvetica,sans-serif;}
#contactform TEXTAREA {color:#000000;font-family:verdana,arial,helvetica,sans-serif; font-size:95%;}
#contactform .submit {color:#333333;}
#contactform .contacttxt {float:left; width:180px; padding:7px 10px 5px 1px; margin:0px;}
#contactform .contactinp {float:left; width:450px; padding:5px 0px 5px 1px; margin:0px;}
#contactform .contactacross {float:left; width:550px; padding:7px 10px 5px 1px; margin:0px;}

.gallerythumb { float:left; margin-right:5px; margin-bottom:36px; margin-left:5px; text-align:center }
.gallerymini { float:left; margin-right:5px; margin-bottom:12px; margin-left:5px; text-align:center }
.gallerylinks { margin-right:20px }
#gallerynav { width:700px; text-align:right; margin-bottom:5px }
#gallerycontent { padding:0px 20px 20px 20px; margin-left:95px }

.clear {clear:both;}