/*
CSS Document
www.work-surfaces.co.uk

www.sputnikweb.co.uk
www.engineroomdesign.com
*/


/*
palette:
strong green: 509624
*/


/****************/
/* ground rules */
/****************/
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	border-top: 12px solid #509624;
	font-family: arial,helvetica,sans-serif;
	font-size: 62.4%;
	background-image: url(../img/template/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
address {
	font-style: normal;
}
h1 {
	color: #fff;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0;
	padding: 0.5em 0 1em 0;
}
h2 {
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	padding: 0.25em 0 0 0;
}
fieldset, form {
	border: 0;
	margin: 0;
	padding: 0;
}
h1#homepage {
	text-indent: -9999px;
	background-image: url(../img/content/logo-interior-surfaces.png);
	background-repeat: no-repeat;
	width: 213px;
	height: 71px;
}



/**********/
/* layout */
/**********/
#wrapper {
	width: 770px;
	margin: 0 auto;
	font-size: 1.2em;
}
#nav-primary {
	padding-bottom: 10px;
}
#masthead {
	clear: both;
	width: 770px;
	height: 215px;
	margin: 0 0 10px 0;
}
#col-left {
	float: left;
	width: 234px;
}
#col-content {
	float: left;
}
#col-right {
	float: left;
	width: 234px;
}
#footer {
	clear: both;
}
.narrow {
	width: 229px;
	padding: 0 35px;
}
.wide {
	width: 496px;
	padding: 0 0 0 37px;
}
.fullwidth {
	width: 770px;
}



/***************/
/* nav primary */
/***************/
#nav-primary {
	width: 720px;
	margin-left: 50px;
	font-size: 0.9em;
	height: 25px;
}
#nav-primary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 25px;
}
#nav-primary ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav-primary ul li a {
	float: left;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 25px;
}
#nav-primary ul li a span {
	display: block;
	float: left;
	padding: 3px 5px;
	margin: 0 3px;
	height: 19px;
}
#nav-primary ul li a:hover,#nav-primary ul li a#activenav {
	background-image: url(../img/template/nav-corner-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	text-decoration: underline;
}
#nav-primary ul li a:hover span,#nav-primary ul li a#activenav span {
	background-color: #509624;
	background-image: url(../img/template/nav-corner-left.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#nav-primary ul li a#activenav {
	color: #000;
	text-decoration: none;
}


/***********/
/* content */
/***********/
#col-content {
	text-align: justify;
	line-height: 1.4em;
}
#col-content p {
	margin: 0;
	padding: 0 0 1.5em 0;
}
#col-content a {
	color: #509624;
	text-decoration: underline;
	font-weight: bold;
}
#col-content a:hover {
	color: #fff;
	background-color: #509624;
	text-decoration: none;
}



/**********/
/* footer */
/**********/
#footer {
	margin-top: 20px;
	background-color: #509624;
	background-image: url(../img/template/bg-footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 20px 20px 20px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer address {
	background-image: url(../img/template/bg-footer-text.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#footer a:hover {
	color: #509624;
	background-color: #fff;
	text-decoration: none;
}
#footer address p {
	padding: 0;
	margin: 0;
}



/*************/
/* subfooter */
/*************/
#subfooter {
	text-align: center;
	font-size: 0.9em;
	color: #ccc;
}
#subfooter ul {
	padding: 10px 0 0 0;
	margin: 0;
}
#subfooter ul li {
	display: inline;
	padding: 0 5px;
	margin: 0;
}
#subfooter ul li a {
	color: #ccc;
	text-decoration: underline;
}
#subfooter ul li a:hover {
	color: #509624;
	text-decoration: none;
}



/*********************************/
/* SIDE BOX - visit our showroom */
/*********************************/
#showroom {
	background-image: url(../img/template/col-left-showroom.png);
	background-repeat: no-repeat;
	padding: 50px 10px 10px 80px;
}
#showroom ul {
	padding: 0;
	margin: 0 0 0 20px;
}
#showroom a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#showroom a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}
/**********************/
/* SIDE BOX - call us */
/**********************/
#callus {
	background-image: url(../img/template/col-left-callus.png);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 60px;
	font-weight: bold;
}
#callus h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}
#callus p {
	margin: 0;
	padding: 0;
}
/*************************/
/* SIDE BOX - free quote */
/*************************/
#freequote {
	background-image: url(../img/template/col-right-freequote.png);
	background-repeat: no-repeat;
	padding: 50px 10px 10px 10px;
}
#freequote h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 0;
}
#freequote ol {
	margin: 0 0 0 25px;
	padding: 0;
}
#freequote ol {
	margin: 0 0 0 25px;
	padding: 0;
}
#freequote p#quoteme a {
	font-family: verdana,helvetica,sans-serif;
	font-size: 1.25em;
	text-align: center;
	line-height: 35px;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	width: 144px;
	height: 47px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background-image: url(../img/template/grfx-quote-me.png);
	background-repeat: no-repeat;
	background-position: center;
}
#freequote p#quoteme a:hover {
	text-decoration: underline;
}
/***********************************/
/* SIDE BOX - commercial enquiries */
/***********************************/
#commercial {
	background-image: url(../img/template/col-right-commercialenquiry.png);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 60px;
}
#commercial h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 0;
}
#commercial p {
	margin: 0;
	padding: 0;
}
#commercial a {
	color: #fff;
	text-decoration: underline;
}
#commercial a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}



/****************/
/* contact form */
/****************/
#contactform  {
	padding: 0 0 1em 0;
	margin: 0;
}
#contactform fieldset {
	border: 1px solid #fff;
	padding: 15px;
}
#contactform legend {
	padding: 2px 10px;
	background-color: #509624;
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
}
#contactform label {
	clear: right;
	display: block;
	padding-bottom: 20px;
}
#contactform label input,
#contactform label textarea {
	float: right;
	width: 50%;
}
#contactform label input.button {
	width: 25%;
}
#col-left img {
	margin-top: 1.5em;
}



/*******************/
/* general gubbins */
/*******************/
.large {
	font-size: 1.4em;
}
#map_canvas {
	width: 492px;
	height: 300px;
	margin-bottom: 15px;
	border: 1px solid #509624;
	
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
#col-left img.margin {
	margin-bottom: 10px;
}


div#contentwrapper:after,
li:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#contentwrapper,
li
{display: inline-block;}


/*********************/
/* jquery validation */
/*********************/
label.error {
	float: right;
}
input.error,textarea.error {
	border: 2px solid #509624;
	background-color: #b4d2a1;
}


/* Hides from IE-mac \*/
* html div#contentwrapper,
* html li
{height: 1%;}

div#contentwrapper,
li
{display: block;}
/* End hide from IE-mac */