/*
	Name: Safe Shade
	Date: Rocktober! 2009
	Description: Global Style Sheet
	Version: 1.0
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/
body {
	background: white url('../images/bg.jpg') repeat-x top;
	color: black;
	font-size: 68.8%; /* Base font size: 11px */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

.section{
	position:relative;
	z-index:1;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.545em}	/* 17px */
h4 {font-size: 1.364em}	/* 15px */
h5 {font-size: 1.182em}	/* 13px */
h6 {font-size: 1em}		/* 11px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #0074BE; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

address {font-style: normal;} 

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 956px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.left {float: left; margin-bottom: 5px;}
.right {float: right; margin-bottom: 5px;}

.home .right, .home .left {margin:0 0 5px 0;}


/* Header
-----------------------------------------------*/
#header{
	position:relative;
	z-index:20;
}
#header .contents {
	background: #D9131F url('../images/bg-header.gif') no-repeat bottom;
	color: #fff;
	height: 122px;
}
#header a:link, #header a:visited {color: #fff;}

	/* Logo */
	#logo {float: left; margin: 14px 10px 0 21px;}
	
	/* Nav */
	#nav {float: left; list-style: none; margin: 0;}
	#nav li {
	float: left;
	height: 100px;
	margin: 0 1px;
	position: relative;
	font-weight: bold;
}
	
	#nav a:link, #nav a:visited {
		background: #CA1211;
		display: block;
		float: left;
		padding: 72px 0 3px 0;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	
		/* Colours */
			/* Blue */
			#nav .blue:hover, #nav .blue a:hover, #nav .blue a:active,
			#nav .blue:hover a:link, #nav .blue:hover a:visited,
			#nav .blue.active, #nav .blue.active a:link, #nav .blue.active a:visited,
			#nav .blue.active a:hover, #nav .blue.active a:active,
			#nav li.blue.active:hover a:link, #nav li.blue.active:hover a:visited {background: #0074BF url(../images/nav/blue.gif) repeat-x;}
	
			/* Green */
			#nav .green:hover, #nav .green a:hover, #nav .green a:active,
			#nav .green:hover a:link, #nav .green:hover a:visited,
			#nav .green.active, #nav .green.active a:link, #nav .green.active a:visited,
			#nav .green a:hover, #nav .green a:active,
			#nav li.green.active:hover a:link, #nav li.green.active:hover a:visited {background: #32B62C url(../images/nav/green.gif) repeat-x;}
		
			/* Yellow */
			#nav .yellow:hover, #nav .yellow a:hover, #nav .yellow a:active,
			#nav .yellow:hover a:link, #nav .yellow:hover a:visited,
			#nav .yellow.active, #nav .yellow.active a:link, #nav .yellow.active a:visited,
			#nav .yellow.active a:hover, #nav .yellow.active a:active,
			#nav li.yellow.active:hover a:link, #nav li.yellow.active:hover a:visited {background: #F2CE02 url(../images/nav/yellow.gif) repeat-x;}
	
		/* Dropdowns (Ewww!) */
		#nav ul {
			background: #A90A0A;
			display: none;
			left: 0;
			list-style: none;
			margin: 0;
			position: absolute;
			top: 100px;
			width: 175px;
			z-index: 100;
		}
		
		#nav li:hover ul {display: block;}
		
		#nav ul li {
			background: #0074BF;
			float: left;
			height: auto;
			margin: 0;
			position: static;
			width: 175px;
		}
		
		#nav ul a:link, #nav ul a:visited,
		#nav li:hover ul a:link, #nav li:hover ul a:visited {
			background: #0074BF;
			float: left;
			padding: 7px 30px 7px 10px;
			text-align: left;
			width: 135px;
		}
		
		#nav li ul a span{
			padding-left:8px;
		}
		
		#index #nav ul, #index #nav li li, #index #nav ul a{
			background-image:none;
		}
		
			/* Colours */
			/* Blue */
			#index #nav .blue ul a:hover, #index #nav .blue ul a:active,
			#index #nav .blue.active ul a:hover, #index #nav .blue.active ul a:active,
			#index #nav li.blue:hover ul a:hover, #index #nav li.blue:hover ul a:active,
			#index #nav li.blue.active:hover ul a:hover, #index #nav li.blue.active:hover ul a:active {
				background: #00558D;
				background-image:url(../images/icons/ico-nav.gif);
				background-repeat:no-repeat;
				background-position:150px center;
			}
			
			/* Green */
			#index #nav .green ul a:hover, #index #nav .green ul a:active,
			#index #nav .green.active ul a:hover, #index #nav .green.active ul a:active,
			#index #nav li.green:hover ul a:hover, #index #nav li.green:hover ul a:active,
			#index #nav li.green.active:hover ul a:hover, #index #nav li.green.active:hover ul a:active {
				background: #258721;
				background-image:url(../images/icons/ico-nav1.gif);
				background-repeat:no-repeat;
				background-position:150px center;
			}
			
			/* Yellow */
			#index #nav .yellow ul a:hover, #index #nav .yellow ul a:active,
			#index #nav .yellow.active ul a:hover, #index #nav .yellow.active ul a:active,
			#index #nav li.yellow:hover ul a:hover, #index #nav li.yellow:hover ul a:active,
			#index #nav li.yellow.active:hover ul a:hover, #index #nav li.yellow.active:hover ul a:active {
				background: #B39901;
				background-image:url(../images/icons/ico-nav2.gif);
				background-repeat:no-repeat;
				background-position:150px center;
			}
	
	/* Phone */
	#header .phone {float: right; font-size: 1.455em; padding: 33px 0 0 0; width: 200px;}
	
	#header .tel {
		background: url('../images/icons/ico-tel.gif') no-repeat center left;
		display: block;
		height: 27px;
		line-height: 27px;
		margin-bottom: 5px;
		padding-left: 35px;
	}
	
	#header .mail {
		background: url('../images/icons/ico-mail.gif') no-repeat center left;
		display: block;
		font-size: 0.875em;
		height: 27px;
		line-height: 27px;
		padding-left: 35px;
	}

/* Body
-----------------------------------------------*/
#body .contents {
	background: url('../images/bg-body.png') repeat-y top center;
	padding: 8px 13px 0 12px;
	width: 929px;
	position:relative;
}

/* Footer Nav
-----------------------------------------------*/
#foot-nav {
	background: url('../images/bg-body.png') repeat-y top center;
	color: #666;
	padding: 1px 0;
}

#foot-nav .contents {
	background: url('../images/bg-footer-nav.jpg') no-repeat bottom left;
	overflow: hidden;
	padding: 0px 13px 15px 12px;
	width: 929px;
}

#foot-nav h2 {font-size: 1em; font-weight: bold; margin: 0 5px 0 0;}
#foot-nav ul {list-style: none; margin: 0;}

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

	/* Feats */
	#feats {
		list-style: none;
		overflow: hidden;
		width: 980px;
	}
	
	#feats li {
		background: #0089F2;
		float: left;
		height: 125px;
		margin: 0 5px 0 0;
		overflow: hidden;
		position: relative;
		width: 344px;
	}
	#feats li.last {background: #00DA62; width: 231px;}
	
	#feats a:link, #feats a:visited {color: #fff; text-decoration: none;}
	
	#feats img {left: 0; position: absolute; top: 0; z-index: 1;}
	
	#feats a span, #feats a * {cursor: pointer;}
	
	#feats .info {
		display: block;
		position: absolute;
		top: 15px;
		left: 30px;
		z-index: 3;
	}
	#feats .last .info {left: 20px;}
	
	#feats .info strong {
		display: block;
		font-size: 2.455em;
		font-weight: normal;
		line-height: 1.2;
		margin-bottom: 7px;
		padding-right: 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	}
	#feats .info span {display: block; padding-left: 2px; width: 190px;}

	/* Cols */
	#foot-nav .cols {
		clear: both;
		height: 1%;
		overflow: hidden;
		padding: 0 0 0 30px;
	}
	#foot-nav .col {
		background: url('../images/bg-foot-sep.jpg') no-repeat top left;
		float: left;
		padding: 15px;
	}
	
	.col.about, .col.servicing {width: 115px;}
	.col.prods, .col.testimonials {width: 145px;}
	
	#foot-nav .col.contact {float: right; width: 175px;}

/* Footer
-----------------------------------------------*/
#footer {
	color: #a3a3a3;
	font-size: 0.909em;
	padding: 20px 0 30px 0;
	text-align: center;
}
#footer img {vertical-align: middle;}

#footer ul {list-style: none; margin: 0 0 10px 0;}
#footer li {display: inline; margin: 0 5px;}

#footer a:link, #footer a:visited {color: #a3a3a3;}
	
/* Modules
===============================================*/
/* Image Header */
.img-head {display: block; margin-bottom: 8px;}

/* News Block */
.latest-news {
	background: #E6E6E5;
	clear: both;
	color: #767676;
	font-size: 1.091em;
	height: 24px;
	line-height: 24px;
	margin: 10px 0 10px 0;
	overflow: hidden;
	width: 100%;
}

.latest-news h2 {
	background: #0088FB;
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	margin: 0 10px 0 0;
	padding: 0 5px;
}

.latest-news h2 img {margin: 0 5px 0 0; vertical-align: middle;}

/* Range LIst */
.range {list-style: none; margin: 0 0 0 -1px; overflow: hidden; width: 936px;}
.range li {float: left; margin: 0 4px 4px 0; width: 464px; height:191px; position:relative;z-index:1;}
.range li img { position:absolute; z-index:2;}
.range li .hidden { display:none; }

/* Sections
===============================================*/
/* Product Page */

	/* Galleries */
	#galleries {float:left; width: 624px; padding-bottom:10px;}

	/* Gallery */
	#gallery {
		height: 408px;
		position: relative;
		overflow: hidden;
		width: 624px;
	}

	#big-image {
		display: block;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1;
	}

		/* Thumbs */
		#gallery .thumbs {
			background: #fff;
			bottom: 0;
			list-style: none;
			margin: 0;
			padding: 6px 0 0 0;
			position: absolute;
			right: 0;
			z-index: 3;
		}

		#gallery .thumbs li {float:left; margin: 0 0 0 6px;}
	
		#gal-prev {cursor: pointer; position: absolute; left: 10px; top: 180px; z-index: 5;}
		#gal-next {cursor: pointer; position: absolute; right: 10px; top: 180px; z-index: 5;}
	
	/* info */
	#info {color: #716f68; float: right; width: 285px;}
	
	#info h2 {
		background: url('../images/bg-h2.jpg') no-repeat bottom center;
		color: #716f68;
		font-size: 3.545em;
		padding: 20px 0 10px 0;
		margin: 0 0 10px 0;
	}
	
	#info p {font-weight: bold;}
	
	#info ul {font-weight: normal; list-style: none; line-height: 1.2; margin: 0 0 1.5em 0;}
	#info ul li {
		background: url('../images/icons/bg-ul-li.gif') no-repeat 0 5px;
		margin-bottom: 1em;
		padding-left: 15px;
	}
	
	#info .additional {
		background: url('../images/bg-h2.jpg') no-repeat top center;
		font-size: 1.455em;
		padding: 20px 0 20px 15px;
	}
	
	#info .additional a:link, #info .additional a:visited {color: #86837b;}
	
	#info .additional .tel {
		background: url('../images/icons/ico-tel2.gif') no-repeat center left;
		display: block;
		height: 32px;
		line-height: 32px;
		margin-bottom: 5px;
		padding-left: 40px;
	}
	
	#info .additional .mail {
		background: url('../images/icons/ico-mail2.gif') no-repeat center left;
		display: block;
		font-size: 0.875em;
		height: 32px;
		line-height: 32px;
		margin-bottom: 5px;
		padding-left: 40px;
	}
	
	#info .additional .youtube {
		background: url('../images/icons/ico-youtube.gif') no-repeat center left;
		display: block;
		font-size: 0.875em;
		height: 32px;
		line-height: 32px;
		margin-bottom: 5px;
		padding-left: 75px;
	}
	
	/* Colours */
	#colours h3 {
		background: url('../images/bg-h22.jpg') no-repeat center bottom;
		color: #716f68;
		font-size: 1.818em;
		padding: 15px 0 15px 15px;
	}
	
	#colours ul {list-style: none; margin: 0; width: 100%;}
	#colours li {
		float: left; 
		margin: 0 15px 15px 15px;
		position: relative;
		width: 71px; 
		height: 37px;
	}
	#colours li img {
		width: 71px; 
		height: 37px;
		position: absolute;
		left: 0; 
		top: 0;
		-ms-interpolation-mode: bicubic; 
	}
	#colours li img.hover {
		border:1px solid #ddd;
		border-bottom:none;
		padding:4px;
		background:white;
	}
	#colours li span {
		position:absolute;
		display:block;
		background:white;
		color:#979893;
		top:65px;
		left:0;
		width:196px;
		left:-60px;
		border:1px solid #ddd;
		border-top:none;
		padding:5px 4px;
		-moz-box-shadow:1px 5px 5px #888;
		-webkit-box-shadow:1px 5px 5px #888;
	}
	
/* Home page */

.homePanel{
	display:block;
	width:464px;
	height:193px;
	background:url(../images/home/feat-left.jpg) no-repeat;
}

.homePanel h1{
	color:#fff;
	font-size:1.9em;
	letter-spacing:0.02em;
	line-height:1em;
	padding:19px 58px 8px 31px;
}

#body .homePanel a{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

.homePanel p{
	color:#fff;
	font-weight:bold;
	padding:0 71px 0 31px;
}

.homePanel p a{
	text-decoration:underline;
}

.slideshow{
	margin-bottom:10px;
}

#slideshowCont{
	width:930px;
	height:311px;
	overflow:hidden;
}

/* Testimonials Page */
	
	#testimonials h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#testimonials ul{
		padding:8px 8px 20px 8px;
		margin:1.5em 1.5em 1.5em 1.5em;
	}
	
	#testimonials ul li{
		list-style-type:none;
		background-image:url(../images/bg-hr.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:12px 12px 2px 12px;
	}
	
	#testimonials ul li blockquote p{
		font-size: 1.727em;
		font-weight: bold;
		font-style: italic;
		letter-spacing:-0.08em;
		color:#716f68;
		margin-bottom:0;
	}
	
	#testimonials .name{
		color: #0074BE;
		font-size:1.182em;
		font-weight:bold;
		letter-spacing:-0.1em;
	}
	
	#testimonials .link a{
		color: #0074BE;
	}
	
/* Gallery Page */

	#mainGallery h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#mainGallery h2 span{
		font-size:0.5em;
		font-weight:normal;
		letter-spacing:normal;
		padding-left:8px;
	}
	
	#mainGallery ul{
		padding:8px 0 0 14px;
		margin-top:12px;
		background-image:url(../images/bg-hr.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#mainGallery ul li{
		float:left;
		padding:0 6px 0 0;
		width:287px;
		list-style-type:none;
	}
	
	#mainGallery p{
		font-size:1em;
		display:block;
	}
	
	#mainGallery p span{
		color:#0071bd;
		font-weight:bold;
	}
	
/* Projects Page */

	#projects h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#projects p{
		padding:7px 0 0 31px;
		font-size:1em;	
		color:#716f68;	
		width:650px;
	}
	
	#projects ul{
		padding:0 0 0 14px;
		margin-top:12px;
		
	}
	
	#projects ul li{
		display:block;
		padding:13px 6px 0 0;
		margin-top:13px;
		width:860px;
		list-style-type:none;
		clear:both;
		background-image:url(../images/bg-hr.gif);
		background-position:top;
		background-repeat:no-repeat;
		min-height:165px;
	}
	
	#projects img{
		float:left;
		display:block;
		width:287px;
	}
	
	#projects .copy{
		width:450px;
		display:block;
		float:left;
		padding-left:35px;
	}
	
	#projects .copy p{
		font-size:1em;
		padding:0 0 0 0;	
		color:#716f68;
		width:auto;
	}
	
	#projects .pdf{
		width:80px;
		float:left;
		display:block;
		padding:40px 0 0 5px;
	}
	
	#projects .pdf img{
		width:80px;
	}
	
	#projects h3{
		color:#0071bd;
		font-weight:bold;
		margin:0.3em 0 0.3em 0;
	}

/* Contact Page */

	#contact h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#contact #map{
		width:870px;
		height:410px;
		margin:13px 0 13px 31px;
		display:block;
	}
	
	#contact form label{
		display:none;
	}
	
	#contact .checkboxes label{
		display:inline;
	}
	
	#contact .left{
		width:384px;
		padding-left:10px;
	}
	
	#contact .contactForm{
		padding-left:0;
	}
	
	#contact .left .address{
		width:135px;
		padding:10px 0 0 0;
		color:#716f68;
		font-size: 1.274em;
		
	}
	
	#contact .left .numbers{
		width:180px;
		padding:10px 0 0 0;
		font-size: 1.274em;
		color:#716f68;
	}
	
	#contact .left .numbers p{
		margin-bottom:0.8em;
	}
	
	#contact .left .numbers .tew{
		font-size:0.7em;
	}
	
	#contact form, #contact fieldset{
		margin:0;
		padding:0;
		background-color:#ffffff;
		border:0;
	}
	
	#contact form{
		margin-top:11px;
	}
	
	#contact legend{
		font-size: 1.457em;
		font-weight:bold;
		padding:0 0 6px 0;
		margin:0;
		color:#716f68;
	}
	
	#contact #title{
		width:	80px;
		margin-right:9px;
	}
	
	#contact input[type=text], #contact textarea{
		padding:5px;
		background-color:#efefef;
		border:1px solid #d2d2d2;
		color:#716f68;
		margin-bottom:9px;
		font-size:1.1em
	}
	
	#contact select{
		margin-bottom:15px;
	}
	
	#contact #name{
		width:385px;
		margin-left:0;
	}
	
	#contact #company, #contact #address, #contact #email{
		width:475px;
	}
	
	#contact #postcode, #contact #phone, #contact #fax{
		width:153px;
	}
	
	#contact #query{
		width:322px;
		height:140px;
		float:left;
		display:block;
	}
	
	#contact #postcode{
		margin-right:200px;
	}
	
	#contact #fax{
		margin-left:9px;
	}
	
	#contact .checkbox{
		display:block;
		float:left;
		width:140px;
		padding-left:10px;
	}
	
	#contact .checkbox label{
		display:inline;
		font-size:1.1em;
		color:#716f68;
	}
	
	#contact input[type=checkbox]{
		padding:0 0 0 0;
		margin:5px 8px 0 0;
	}
	
	#contact .submit{
		margin-top:15px;
	}
	
	#contact p span{
		color:#0071bd;
		font-weight:bold;
	}
	
	#contact .contactPage{
		padding-left:22px;
	}
	
	.thankyou{
		padding-top:30px;
		font-size:1.4em;
	}
	
	.thankyou strong{
		font-size:1.2em;
	}
	
/* About Page */

	#about h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#about .intro{
		padding:15px 0 0 31px;
		font-size: 1.812em;
		letter-spacing:-0.07em;
		line-height:1.2em;
		color:#716f68;
		font-weight:bold;
		width:660px;
	}
	
	#about .left{
		width:317px;
		padding:0 0 0 21px;
		color:#716f68;
	}
	
	#about h3{
		font-size:0.9em;
		color:#716f68;
		clear:both;
		display:block;
		padding:0 0 0 31px;
		margin:0 0 18px 0;
		font-weight:normal;
		vertical-align:middle;
	}
	
	#about .left h3{
		font-size:1.5em;
		font-weight:bold;
		padding:0;
	}
	
	#about h3 img{
		vertical-align:middle;
		float:left;
		padding-bottom:16px;
	}
	
	#about h3 span{
		display:block;
		width:195px;
		float:left;
		padding:18px 0 0 12px;
	}
	
	#about h3 span.lessPadding{
		padding:8px 0 0 12px;
	}
	
	#about p{
		clear:both;
	}
	
	#about hr{
		border:0;
		padding:0;
		margin:0;
		height:2px;
		background-image:url(../images/bg-hr.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#about .left ul{
		margin-left:0;
		padding-left:0;
	}
	
	#about .left li{
		list-style-type:none;
	}
	
	#about a{
		color:#0071bd;
	}
	
	#about #brandLogos{
		padding:25px 0 30px 31px;
		margin:0 0 40px 0;
		background-image:url(../images/bg-hr.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
	#about #brandLogos li{
		display:inline;
		list-style-type:none;
		padding:0;
		padding-right:10px;
		margin:0;
	}
	
	#about #brandLogos li img{
		vertical-align:middle;
	}
	
/* Services Page */

	#services{
		margin-bottom:1em;
	}
	
	#services h2{
		padding:35px 0 0 31px;
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		margin:0;
	}
	
	#services .copy{
		width:800px;
		padding:10px 0 0 31px;
		color:#716f68;
	}
	
	#services .copy p{
		color:#716f68;
	}
	
	#services h3{
		font-size:2.2em;
		color:#0071bd;
		font-weight:bold;
		padding:10px 0 0 31px;
		margin-bottom:0;
	}
	
	#services hr{
		border:0;
		padding:0;
		margin:0;
		height:2px;
		background-image:url(../images/bg-hr.gif);
		background-position:top;
		background-repeat:no-repeat;
		clear:both;
		width:100%;
	}
	
	#services a{
		color:#0071bd;
	}
	
/* About Page */

	#blog h2{
		font-size:2.5em;
		font-weight:bold;
		/*text-shadow: #000000 0px 1px 1px;*/
		letter-spacing:-0.06em;
		color:#716f68;
		padding:0 0 5px 0;
		border-bottom:1px solid #828282;
		margin:0 0 5px 0;
	}
	
	#blog p, #blog li, #blog ul, #blog h3, #blog h4, #blog h5{
		color:#717171;
	}
	
	#blog #content{
		width:398px;
		float:left;
		padding:35px 70px 0 31px;
	}
	
	#blog #sidebar{
		width:265px;
		float:left;
		padding:35px 0 0 0;
	}
	
	
	#blog .post{
		padding:16px 0 0 0;
	}
	
	#blog .post small{
		display:block;
		font-size:0.9em;
		color:#717171;
		padding-bottom:20px;
	}
	
	#blog .post h2{
		font-size:2.5em;
		border-bottom:1px solid #d01325;
		margin:0 0 5px 0;
		color:#0071BD;
	}
	
		#blog .post h2 a{
			color:#0071bd;
			text-decoration:none;
		}
		
	#blog .post p{
		font-size:1.2em;
	}
	
	#blog #sidebar h2{
		border-bottom:1px solid #828282;
		margin:0 0 5px 0;
	}
	
	#blog #sidebar ul, #blog #sidebar ol{
		margin:0 0 10px 0;
	}
	
	#blog #sidebar li{
		list-style-type:none;
	}
	
	#blog #sidebar ul ul{
		padding:0 0 0 0;
		margin-left:15px;
	}
	
	#blog #sidebar li li{
		list-style-image:url(../blog/wp-content/themes/default/images/bullet.gif);
	}
	
	#blog #sidebar a{
		color:#0071BD;
		font-size:1.1em;
		text-decoration:none;
		font-weight:bold;
	}
	
	#blog .clear{
		clear:both;
	}
	
	#kompanPlayLogo{
		top:58px;
		right:50px;
		position:absolute;
		width:170px;
		height:74px;
	}
	
	#kompanPlayLogo img{
		width:170px;
		height:74px;
	}	
	
	
/* Global clear */	
	#body .morePadding{
		padding-left:31px;
	}
	
	.clear{
		clear:both;
	}