/*-----------------------------------------------------------------------------------

	ABBEY SURFACING | STYLE.CSS

	SETS UP POSITIONING & STYLE.
	
-----------------------------------------------------------------------------------*/

/* Global Layout */

body {
	background: #FFFFFF url(../images/bg.gif) repeat-x;
	margin: 0px auto;
	width: 970px;
}

/* Styling
-----------------------------------------------------------------------------------*/

#wrapper {
	width: 940px;
	background: url(../images/shadow.png) repeat-y;
	padding: 0px 15px;
	float: left;
}

#bottom {
	width: 970px;
	height: 26px;
	background: url(../images/bottom.png) no-repeat;
	float: left;
}

#header {
	height: 150px;
	width: 940px;
	background: #3D3D3D url(../images/strap.gif) no-repeat top right;
}

#header .left {
	width: 288px;
	height: 150px;
	float: left;
}

#header .right {
	width: 500px;
	float: right;
	text-align: right;
	margin: 85px 10px 0px 0px;
}

#main {
	padding: 10px;
	width: 920px;
	float: left;
}

#main .left {
	width: 265px;
	float: left;
}

#main .right {
	width: 645px;
	float: left;
	margin-left: 10px;
}

#navigation {
	width: 245px;
	height: 230px;
	float: left;
	background-color: #C60F2B;
	padding: 10px;
}

ul#nav {
	border-top: 1px solid #FFFFFF;
}

.hotbox {
	width: 265px;
	float: left;
	margin-top: 10px;
}

#content {
	width: 625px;
	margin-top: 10px;
	padding: 10px;
	background-color: #F2F2F2;
	float: left;
}

#content .image {
	float: left;
	margin: 16px 0px;
}

#content img {
	width: 303px;
	height: 203px;
	float: left;
	border: 1px Solid #FFFFFF;
}

#content img.float {
	margin-left: 15px;
}

#content #column {
	width: 305px;
	float: left;
	margin-bottom: 14px;
}

#content #column.column {
	margin-left: 15px;
}

#content #thumbnail {
	width: 200px;
	float: left;
	margin-top: 16px;
}

#content .thumbnail {
	width: 200px;
	float: left;
	margin: 16px 0px 0px 10px;
}

#content #thumbnail img, #content .thumbnail img {
	float: left;
	width: 200px;
	height: 150px;
	border: none;
}

#php {
	padding-top: 10px;
}

#line {
	border-top: #666666 1px solid;
	margin: 10px 0px;
}

.textbox {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	width: 300px;
}

.textarea {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	height: 50px;
	width: 600px;
}

#footer {
	width: 920px;
	background-color: #3D3D3D;
	float: left;
	margin: 0px 10px;
}

#seo {
	width: 920px;
	float: left;
	padding: 0px 25px 10px 25px;
	text-align: center;
}

/* Links
-----------------------------------------------------------------------------------*/

a.opacity img {
	filter: alpha(opacity=100);  	
	opacity: 1.0;
}

a.opacity:hover img {
	filter: alpha(opacity=80); 	
	opacity: 0.8;
}

/* Hide / Preload
-----------------------------------------------------------------------------------*/

.hide {
	display: none;
}