@charset "UTF-8";

/* General */

* {margin: 0 auto; padding: 0;}

a, img {border:0;}

* html, body { margin:0 auto; padding:0; height:auto; width:100%; background: url(../img/Wood_Background_2.jpg) repeat; font:normal 13px Verdana, sans-serif; color:#636363;}

/* Text */

h1 {font: bold 2.8em/1.3em verdana,sans-serif; color:#a2a2a2; text-transform:uppercase;}
h2, h3 {font: normal 1.3em/1em verdana,sans-serif; color:#fff; background:#b0b0b0; height:20px; padding:15px;}
h3 {color:#cbdb2a; background:#38712c;}
h4 {font: bold 1.7em/1.3em verdana,sans-serif; color:#cbdb2a; margin:15px; text-transform:uppercase;}
h4.introtext {color:#38712c;}
h4.telephone {font: bold 2.4em/1em verdana,sans-serif;}
h5 {font: bold 1.5em/1.5em verdana,sans-serif; text-transform:uppercase; color:#38712c;}
h6 {font: normal 1.3em/1.3em verdana,sans-serif; color:#636363; margin:15px;}
h6 span {color:#6db22c;}
p {font: normal 1em/1.3em verdana,sans-serif; color:#636363;}
a {text-decoration:none; color:#80c242;}
a:hover {color:#38712c;}
ul {margin:0; padding:0; list-style:none;}



/* Colours */

.grass {color:#6db22c;}
.lime {color:#cbdb2a;}
.forest {color:#38712c;}
.headergrey {color:#b0b0b0;}
.bodygrey {color:#636363;}
.white {color:#fff;}

/* Main Layout */

#wrapper {width:1032px; height:auto; margin:0 auto; padding:0;}
#header {width:940px; height:92px; background:#fff; padding:30px;}
#navwrapper {width:1026px; height:47px;}
#nav {width:986px; height:32px; background:#6db22c; padding-left:40px; float:left;}
#navshadow {height:15px; width:1000px; border-top:solid 3px #3e7010; background:#fff; float:left;}
#navtrimleft {height:15px; width:13px; background:transparent url(../img/nav_trim_left.png) no-repeat; float:left;}
#navtrimright {height:15px; width:13px; background:transparent url(../img/nav_trim_right.png) no-repeat; float:left;}
#mainbannerwrapper {width:1032px; height:auto; padding-bottom:10px;}
#singlecolumnwrapper {width:1000px; height:auto; padding:10px 16px 20px 16px;}
#mainbanner, #singlecolumn {width:920px; padding:20px 40px 40px 40px; background:#fff;}
#col1 {width:680px; height:auto; padding:10px 10px 20px 16px; float:left;}
#col2 {width:300px; height:auto; padding:10px 16px 20px 10px; float:left;}

/* Column Items */

.col1item {width:680px; height:auto; background:#fff; float:left; margin-bottom:20px;}
.col1item p {margin:12px 25px;}
.col1item h5 {margin:25px 0 8px 25px;}
.col2item, .col2itemfeature {width:300px; height:auto; background:#fff; margin-bottom:20px; float:left;}
.col2item p, .col2itemfeature p {margin:15px;}
.col2item a {font: bold 1em/1em verdana,sans-serif; color:#80c342; text-align:right; display:block; padding:10px 25px 10px 10px; background:url(../img/arrow_grass.gif) no-repeat right #fff;}
.col2item a:hover {color:#38712c; background:url(../img/arrow_forest.gif) no-repeat right #fff;}
.col2itemfeature {background:#38712c;}
.col2itemfeature a, li.servicefeature a {font: bold 1em/1em verdana,sans-serif; color:#fff; height:16px; padding:10px 25px 10px 10px; text-align:right; display:block; background:url(../img/cta_arrow.gif) no-repeat right #80c342;}
.col2itemfeature a:hover, li.servicefeature a:hover {color:#38712c; background:url(../img/cta_arrow_hover.gif) no-repeat right #80c342;}
.col2itemfeature b, .col2itemfeature p {color:#fff;}
.addressblock {margin:20px 40px 0px 0px; float:left;}
.col1item img {float:right; margin:10px;}
.singlecolumnitem {width:1000px; height:auto; background:#fff; float:left; margin-bottom:20px;}


/* Box Shadows */

.shadow {
	-moz-box-shadow: 0 0 16px #555;
	-webkit-box-shadow: 0 0 16px #555;
	box-shadow: 0 0 16px #555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#555555')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#555555');
}

/* Header */

#logo {background: url(../img/leicester_city_joinery_logo.gif); width:240px; height:100px; float:left;}
#headercontact {width:auto; text-align:right; float:right; margin-top:40px;}
#headercontact p {font: normal 1.2em/1.5em verdana,sans-serif; color:#999;}
#headercontact b {font-size:1.5em; color:#6db22c;}
#headercontact a {color:#6db22c; text-decoration:none;}
#headercontact a:hover {color:#38712c;}

/* Navigation */

#nav ul {list-style:none;}
#nav li {font: normal 1em/1em verdana,sans-serif; border-left:solid 2px #80c242; height:12px; padding:10px 15px; float:left;}
#nav li.home {border-left:none;}
#nav a {color:#fff; text-decoration:none;}
#nav a:hover {color:#38712c;}

/*---------- Content ----------*/

/* Col 1 - Service Features */

ul.servicefeatures {margin:16px; float:left;}
li.servicefeature {width:644px; height:auto; border:solid 1px #d3d3d3; margin:0 0 16px 0; float:left;}
li.servicefeature img {margin:14px; float:left; display:block;}
li.servicefeature h5 {float:left; margin-top:15px; margin-left:0; width:300px; display:block; line-height:25px;}
li.servicefeature p {float:left; width:300px; display:block; margin:0 0 12px 0;}
li.servicefeature a {clear:left;}


/* Col 1 - Window Features */

ul.windowfeatures {margin:16px; float:left;}
li.windowfeature {width:644px; height:auto; border:solid 1px #d3d3d3; margin:0 0 16px 0; float:left;}
li.windowfeature img {margin:14px; float:left; display:block;}
li.windowfeature h5 {float:left; margin-top:15px; margin-left:15px; line-height:25px;}
li.windowfeature p {float:left; margin:0 15px 15px 15px;}
li.windowfeature a {clear:left;}



/* Single Column - Service Features */

ul.fullwidthfeatures {margin:30px 0px 30px 30px; float:left;}
li.fullwidthfeature {width:422px; height:auto; min-height:270px; border:solid 1px #d3d3d3; margin:0 30px 20px 0; padding:14px; float:left;}
li.fullwidthfeature img {float:left;}
li.fullwidthfeature h5 {float:left; margin:7px; display:block;}
li.fullwidthfeature p {float:left; display:block; margin:0px 7px 7px 7px;}
li.fullwidthfeature a {clear:left;}


/* Col 2 - Testimonials */

.testimonials p {color:#a2a2a2; margin:0px 15px 15px;}
.testimonials b {color:#a2a2a2; margin:0px 15px 0px;}


/*---------- Form ----------*/

.formitem {width:340px; float:left; margin-right:100px;}
form {width:340px; height:auto; margin:20px 0 0 0; position:relative;}
input {width:340px; height:20px; display:block; border: 1px solid #999; padding:4px; color:#636363;}
textarea {width:340px; height:150px; display:block; border: 1px solid #999;}
label {font: normal 1.1em/1.1em verdana,sans-serif; color:#6db22c; display:block; margin:20px 0px 8px 0px;}
input.button { width:100px; float:right; margin:20px 0px; background:#6db22c; color:#fff; height:30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
input.button:hover {background:#38712c; color:#fff;}


/*---------- Photo Gallery ----------*/

#gallerywrapper {width:580px; height:500px;}



/* Footer */

#footer {width:1000px; height:auto; position:relative; float:left; padding:0px 16px 0px 16px;}
.footeritem {width:960px; border-top:solid 1px #6f6f6f; float:left; padding:20px;}
#footer h1 {font: normal 1.4em/1.3em verdana,sans-serif; color:#636363; margin-bottom:20px;}
#footer ul {list-style:none; margin:0 80px 0 0; float:left;}
#footer li, #footer p {font: bold 1em/1.4em verdana,sans-serif; color:#636363;}
#footer ul.nextlast {margin-right:30px;}
#footer ul.last {width:270px; padding-top:24px; margin-right:0px;}
#footer p {margin-top:20px;}
#footer li a {color:#636363; text-decoration:none;}
#footer li a:hover {color:#fff;}
#footer b {color:#fff; text-decoration:none;}



/* Copyright and Nuke Creative Details */

#copyright {width:auto; float:left;}
#nukecreative {width:auto; float:right;}
#copyright p, #nukecreative p {font: normal 1em/0em verdana,sans-serif;}
#nukecreative a {color:#636363; text-decoration:none;}
#nukecreative a:hover {color:#fff;}


/* Floats and Clears */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearleft{clear:left;}