/*
file : screen.css
client : Zinc Coaters
use : Main stylesheet used for screen display (or projection)
author : Karl BRIGHTMAN
date created: 5th February 2007
the song : Bran Van 3000 - Astounded (feat. Curtis Mayfield)
on this day : 1924 - Hourly Greenwich Time Signals from the Royal Greenwich Observatory were first broadcast by the BBC
*/

@import "navigation.css";
@import "enquiryform.css";
@import "misc.css";

/*
=body and =wrapper
*/

body {
	background: #000;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 10px 0;
}

div#wrapper {
	height: auto;
	margin: 0 auto;
	width: 800px;
}

/*
=header
*/

div#header {
	background: url(../images/core/header_bg.jpg) no-repeat 0 0;
	border-bottom: 1px solid #000;
	height: 187px;
	position: relative;
	width: 800px;
}

div#header a.logo {
	height: 76px;
	left: 366px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 53px;
	width: 376px;
}

/*
=content wrapper & =left & =right setup
*/

div#content_wrapper {
	background: #111011;
	height: auto;
	width: 800px;
}

div#content_wrapper div.left,
div#content_wrapper div.right {
	float: left;
}

div#content_wrapper div.left {
	height: auto;
	margin-right: 16px;
	width: 342px;
}

div#content_wrapper div.right {
	height: auto;
	width: 442px;
}

/*
=left
*/

div#content_wrapper div.left p {
	color: #716d71; margin: 10px; text-align: justify; font-size: 12px;
}

div#content_wrapper div.left a.request_a_quote {
	background: url(../images/core/request_a_quote.jpg) no-repeat 0 0;
	display: block;
	height: 68px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -9999px;
	width: 342px;
}

/*
=right
*/

div#content_wrapper div.right {
	color: #b6afb4;
	font-size: 1.2em;
}

div#content_wrapper div.right div#main_content {
	font-size: 1.1em;
	line-height: 1.35em;
	padding: 0 25px;
}

div#content_wrapper div.right div#main_content h1 {
	color: #fff;
	font-size: 1.16em;
	margin: 1em 0;
}

div#content_wrapper div.right div#main_content h2 {
	color: #fff;
	font-size: 1.1em;
	margin: 1em 0;
}

div#content_wrapper div.right div#main_content h3 {
	color: #fff;
	font-size: 1.075em;
	margin: 1em 0;
}

div#content_wrapper div.right div#main_content h4 {
	color: #fff;
	font-size: 1.025em;
	margin: 1em 0 -.75em;
}

div#content_wrapper div.right div#main_content h5 {
	color: #fff;
	font-size: 1em;
	margin: 1em 0 -1em;
}

div#content_wrapper div.right div#main_content h6 {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 -1em;
}

div#content_wrapper div.right div#main_content a {
	color: #bf52bd;
	text-decoration: none;
}

div#content_wrapper div.right div#main_content a:hover {
	color: #eb95e9;
	text-decoration: underline;
}

div#content_wrapper div.right div#main_content div.important_text {
	background: #1f1e1f;
	padding: 5px;
	text-align: center;
}

div#content_wrapper div.right div#main_content div.important_text h1 {
	color: #fff;
	font-size: 1.16em;
	font-weight: bold;
	margin: .5em 0 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.important_text h2 {
	color: #b6afb4;
	font-size: 1.16em;
	font-weight: bold;
	margin: .5em 0 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.important_text h3 {
	color: #b6afb4;
	font-weight: bold;
	margin: .5em 0 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.important_text h4 {
	color: #fff;
	font-weight: normal;
	margin: .5em 0 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.important_text p {
	margin: .5em 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.contact_details {
	margin: 1em 0;
}

div#content_wrapper div.right div#main_content div.contact_details div {
	border-left: 1px solid #504d4f;
	display: block;
	float: left;
	margin-left: 5px;
	padding-left: 7px;
}

div#content_wrapper div.right div#main_content div.contact_details h4 {
	color: #b6afb4;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

div#content_wrapper div.right div#main_content div.contact_details p {
	margin: 0;
	padding: 0;
}

div#content_wrapper div.right div.gallery_thumbnails {
	margin: 0 auto;
	padding: 1em 0;
}

div#content_wrapper div.right div.gallery_thumbnails div.thumbnail {
	float: left;
	height: 120px;
	margin: 4px;
	width: 120px;
}

/*
=footer
*/

div#footer {
	background: #111011;
	border-top: 5px solid #000;
	color: #b6afb4;
	margin: 0;
	padding: 1em;
}

div#footer a {
	color: #bf52bd;
	text-decoration: none;
}

div#footer a:hover {
	color: #eb95e9;
	text-decoration: underline;
}

div#footer div.left {
	float: left;
}

div#footer div.left p {
	margin: 0;
	padding: 0;
}

div#footer div.left p.footer_nav {
	font-size: 1.1em;
}

div#footer div.right {
	float: right;
	text-align: right;
}

div#footer div.right p {
	margin: 0;
	padding: 0;
}

div#footer div.right a.created_by_webfirm {
	display: block;
	height: 22px;
	width: 153px;
}
