@charset "utf-8";
/*
 *CSS Document
 *Created By Jamie Cookson
 *Last edited 05/11/2011
 */

/* Text */
h1{
	color: #E4450D;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 20px;
}
p{
	color: #000;
	margin-bottom: 20px;
	text-align: justify;
}
strong{
	color: #a13939;
	color: #e4450d;
}
ul{
	color: #000;
}

/* Images */
img.placeholder{
	width: 225px;
	padding:3px;
	margin: 0px 0px 10px 10px;
	background: #E4450D;
	float: right;
	box-shadow: 0px 0px 5px #000;
}
img.placeholder2{
	width: 200px;
	padding:3px;
	margin: 10px 10px 10px 0px;
	background: #E4450D;
	float: left;
	box-shadow: 0px 0px 5px #000;
}
img.six{
	width: 207px;
	padding:3px;
	margin: 10px 0px;
	background: #E4450D;
	float: left;
	box-shadow: 0px 0px 5px #000;
}
img.six2{
	width: 297px;
	height: 182px;
	padding:3px;
	margin: 10px 0px;
	background: #E4450D;
	float: left;
	box-shadow: 0px 0px 5px #000;
}
img.center{
	margin: 10px 15px; 
}
img.Quality{
	width: 140px;
	margin: 0px 10px; 
	background: none;
	box-shadow: none;
	padding: 0px;
}
img.Facebook{
	width: 140px;
	margin: 10px 0px;
	padding: 0px;
	background: none;
	box-shadow: none;
}

/* Divs */
body{
	background-image: url(../img/backgronud.png);
	background-position: top center;
}
body{
	background-image: url(../img/background.png);
	background-position: top center;
}
body.error{
	background-image: url(../img/error_page.png);
	background-position: center top;
}
	header{
		width: 960px;
		height: 80px;
		margin-top: 10px;
	}
		#logo{
			width: 500px;
			height: 80px;
			float: left;
		}
		#phone{
			width: 460px;
			height: 80px;
			color: #000;
			text-align: right;
			line-height: 20px;
			float: left;
		}
			#phone strong{
				color: #000;
			}
	nav{
		width: 958px;
		height: 40px;
		margin: 20px 0px;
		border: 1px solid #880000;
		border: 1px solid #e4450d;
		background-image: url(../img/nav-bg.png);
		border-radius: 5px;
	}
		nav ul{
			margin:0px;	
			padding:0px;
		}
			nav li{
				display:block;
				float:left;
			}
				nav li a{
					display: block;
					color: #000;
					text-decoration: none;
					height: 40px;
					line-height: 40px;
					margin: 0px 12px;
					padding: 0px 5px;
					width: auto;
					font-weight: bolder;
					text-shadow: 0px 1px 1px #333;
				}
				nav li a:hover, nav li a.active{
					color: #FFF;
				}
	#slideshow{
		width: 958px;
		height: 350px;
		margin: 0px;
		padding: 0px;
		border: 1px solid #E4450D;
		background-image: url(../img/slideshow-bg.png);
	}
		#slideshow img{
			width: 938px;
			height: 330px;
			margin: 10px;
			padding: 0px;
			background: #FFF;
		}
		#slideshow iframe{
			width: 938px;
			height: 330px;
			margin: 10px;
		}
	section{
		width: 960px;
		height: auto;
		margin: 20px 0px;
		padding: 0px;
	}
		article{
			width: 670px;
			height: auto;
			margin: 0px 10px 0px 0px;
			padding: 10px;
			float: left;
		}
			article.testimonials p{
				line-height: 14px;
			}
			article.full{
				width: 940px;
				height: auto;
				margin: 0px;
				padding: 10px;
				float: left;
			}
			.gallerySurround{
				width: 940px;
				height: auto;
			}
				.galleryItem{
					width: 250px;
					padding:10px;
					margin: 0px 0px 40px 0px;
					border: 1px solid #666;
					background: #E4450D;
					float: left;
				}
					.galleryItem img{
						width: 253px;
						height: 150px;
					}
					.galleryItem strong{
						color: #CCC;
						font-size: 1.4em;
					}
					.galleryItem p{
						color: #FFF;
					}
					.centre{
						margin: 0px 60px 0px 61px;
					}
					.galleryItem:hover{
						background: #000;
						transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						-webkit-transition: all 0.5s ease;
					}
		aside{
			width: 240px;
			height: auto;
			margin: 0px;
			padding: 10px;
			float: left;
		}
			aside img{
				width: 234px;
				padding:3px;
				background: #FFF;
				box-shadow: 0px 0px 5px #000;
			}
	footer{
		width: 100%;
		margin: 0px;
		padding: 10px 0px;
		font-size: 0.8em;
		color: #666;
		border-top: 1px solid #333333;
		background: #171717;
		float: left;
	}
		footer a{
			color: #666;
		}
			footer a:hover, footer a.active{
				color: #FFF;
			}
		#created{
			width: 260px;
			float: left;
		}
		#nav{
			width: 700px;
			text-align: right;
			float: right;
		}


#contact-form input,  
#contact-form select,  
#contact-form textarea,  
#contact-form label {  
    font-size:15px;  
    margin-bottom:2px;  
    background: #EEE;
}  
#contact-form input,  
#contact-form select,  
#contact-form textarea {  
    width:660px;  
    margin-bottom:5px; 
    border: none; 
    padding:6px;  
    font-style: italic;
}  
#contact-form input:focus,  
#contact-form select:focus,  
#contact-form textarea:focus {  
    border: none;  
    background-color: #FFF;  
	color:#000;
	font-style: normal;
	box-shadow: inset 0px 0px 10px #000;
}  
#contact-form textarea {  
    height:250px;  
    resize: none;  
    background-image: url(../img/text-back.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
#contact-form #submit-button {  
    width: 100px;  
    color:#FFF;   
    display:block;  
    background-color: #A13939;  
	margin:0px auto;
}  
#contact-form #submit-button:hover {  
    background-color: #d97a7a;  
    color: #FFF;
}  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
} 
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
input.placeholder-text, textarea.placeholder-text  {  
    color:#CCC;  
    font-style:italic;  
}