/* Selective Outdoor Supplies - Screen */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Georgia;
	background: #343434 url('../images/core/tile-body.jpg') 0 0 repeat-x;
}

/* =================================
	Container Header
================================= */

div.container-header {
	width: 100%;
	height: 167px;
	background: url('../images/core/bg-containerheader.jpg') center center no-repeat;
}

/* =================================
	Container Content
================================= */

div.container-content {
	width: 100%;
	height: auto;
	background: #FFF url('../images/core/tile-containercontent.jpg') 0 0 repeat;
}

/* =================================
	Content
================================= */

div.content {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0 22px;
	position: relative;
	background: url('../images/core/tile-content.jpg') 0 0 repeat-y;
}

div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Content Left */

div.content-left {
	width: 240px;
	height: auto;
	float: left;
	padding: 0 15px;
	min-height: 600px;
	background: #FBF9E4 url('../images/core/bg-contentleft.jpg') 0 bottom no-repeat;
}

* html div.content-left {
	height: 600px
}

/* Logo */

div.logo {
	margin-top: 29px;
}

div.logo img {
	border: 0;
}

/* Phone */

div.phone {
	margin-top: 29px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/placeholder-phone.gif') center 0 no-repeat;
}

/* Services */

div.services {
	margin-top: 29px;
	text-indent: -9999px;
	height: 160px;
	overflow: hidden;
	background: url('../images/core/placeholder-services.gif') center 0 no-repeat;
}

/* Visit */

div.visit {
	margin-top: 29px;
	text-indent: -9999px;
	overflow: hidden;
	height: 49px;
	background: url('../images/core/placeholder-visit.gif') center 0 no-repeat;
}

/* Award */

div.award {
	width: 191px;
	height: 190px;
	position: absolute; right: 22px; top: -61px;
	z-index: ;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/award-placeholder.jpg') 0 0 no-repeat;
	cursor: pointer;
}

/* Content Right */

div.content-right {
	width: 685px;
	height: auto;
	float: left;
	position: relative; 
	min-height: 600px;
	background:  url('../images/core/bg-contentright.jpg') 0 bottom no-repeat;
}

* html div.content-right {
	height: 600px
}

/* Navigation */

div.navigation {
	width: 690px;
	height: auto;
	position: relative; top: -31px;
}

div.navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.navigation ul {
	list-style-type: none;
}

div.navigation ul li {
	float: left;
	margin-right: 8px;
}

div.navigation ul li a {
	float: left;
	display: block;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
}

div.navigation ul li a.home {
	width: 53px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.services {
	width: 68px;
	background: url('../images/core/nav/services.jpg') 0 0 no-repeat;
}

div.navigation ul li a.product-catalogue {
	width: 141px;
	background: url('../images/core/nav/product-catalogue.jpg') 0 0 no-repeat;
}

div.navigation ul li a.contact-us {
	width: 85px;
	background: url('../images/core/nav/contact-us.jpg') 0 0 no-repeat;
}

div.navigation ul li a:hover {
	background-position: 0 -31px;
}

body.home div.navigation ul li a.home,
body.services div.navigation ul li a.services,
body.product-catalogue div.navigation ul li a.product-catalogue,
body.contact-us div.navigation ul li a.contact-us {
	background-position: 0 -62px;
}

/* Text */

div.text {
	padding: 70px 30px 30px;
}

/* Standard */

div.standard {
	color: #353432;
	font-size: 1.2em;
}

div.standard h1 {
	color: #626262;
	font-size: 2.2em;
}

div.standard h2 {
	color: #626262;
	font-size: 2.1em;
	z-index: 30;
	position: relative;
	border-bottom: 2px dotted #5D5D5D;
}

div.standard h3 {
	color: #626262;
	font-size: 2em;
}

div.standard h4 {
	color: #626262;
	font-size: 1.9em;
}

div.standard h5 {
	color: #626262;
	font-size: 1.8em;
}

div.standard p {
	margin: 15px 0;
	line-height: 1.8em;
}

div.standard a {
	color: #0E8711;
	text-decoration: underline;
}

div.standard a:hover {
	color: #000;
}

div.standard ul {
	margin: 15px 0;
	list-style: disc;
}

div.standard ul li {
	line-height: 1.8em;
	margin-left: 40px;
}

div.standard img.right {
	float: right;
	margin: 10px 0 10px 10px;
}	

div.standard img.left {
	float: left;
	margin: 10px 10px 10px 0;
}	

/* Product Category */

div.product-category {
	padding: 0 30px 20px;
	width: 630px;
}

div.product-category:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.product-category div.category {
	font-size: 1em;
	color: #343434;
	width: 140px;
	height: 140px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
}

div.product-category div.last {
	margin-right: 0;
}	

div.product-category div.category h3 {
	font-size: 1.5em;
	color: #696969;
	line-height: 1.4em;
}

div.product-category div.category h3 a {
	color: #3E690C;
	text-decoration: none;
}

div.product-category div.category h3 a:hover {
	color: #696969;
}
div.product-category div.category div.image {
	height: 96px;
	vertical-align: middle;
}

/* Product Listing */

div.product-listing {
	padding: 0 30px 20px;
	width: 630px;
}

div.product-listing:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.product-listing div.listing {
	font-size: 1em;
	color: #343434;
	width: 140px;
	height: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
div.product-listing div.listing div.image {
	height: 96px;
	vertical-align: middle;
}
div.product-listing div.last {
	margin-right: 0;
}	

div.product-listing div.listing h3 {
	font-size: 1.5em;
	color: #696969;
}

div.product-listing div.listing p {
	line-height: 1.4em;
}

div.product-listing div.listing h4 {
		font-size: 1.5em;
		color: #3E690C;
		text-align: center;
}

div.product-listing div.listing img {
	border: 0;
}

/* Enquiry Form */

div.enquiry-form table {
	margin: 20px 0;
}

div.enquiry-form table td {
	padding: 5px 5px 5px 0;
}

div.enquiry-form table td input.field,
div.enquiry-form table td textarea.field {
	border: 1px solid #D3D7D5; 
	padding: 5px;
	width: 250px;
	font-family: Georgia;
	font-size: 1.1em;
	color: #353432;
}

div.enquiry-form table td input.button {
	border: 0;
	padding: 3px;
	background: #44944C;
	color: #FFF;
}

/* =================================
	Container Footer
================================= */

div.container-footer {
	width: 100%;
	height: auto;
	background: #343434 url('../images/core/tile-containerfooter.jpg') 0 0 repeat-x;
}

/* Footer */

div.footer {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
}	

div.footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Contact */

fieldset.contact {
	float: left;
	color: #FFF;
	font-size: 1.1em;
	border: 0;
	margin-right: 240px;
}

fieldset.contact legend {
	color: #F2E605;
	font-size: 1.2em;
	font-weight: bold;
}

fieldset.contact ul {
	list-style-type: none;
	position: relative; left: 70px; top: -15px;
}

/* Index */

fieldset.index {
	float: left;
	color: #FFF;
	font-size: 1.1em;
	border: 0;
	margin-right: 240px;
}

fieldset.index legend {
	color: #F2E605;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
}

fieldset.index ul {
	list-style-type: none;
	position: relative; left: 70px; top: -15px;
}

fieldset.index ul li a {
	color: #FFF;
	text-decoration: none;
}
	
/* Copyright */

div.copyright {
	float: left;
	color: #FFF;
	font-size: 1.1em;
}

div.copyright img {
	border: 0;
}
