@charset "utf-8";
/* CSS Document for S1 Builders */

/* -------------------------------------------------- basic tags & objects --------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #999999;
	text-align: center;
	color: #000000;
}
h1, h2, h3, h4 {
	text-align: left;
}
h1 {
	color: #990000;
	font-size: 2.6em;
	font-weight: normal;
}
h2 {
	color: #990000;
	font-size: 1.8em;
	font-weight: normal;
}
h3 {
	color: #666666;
	font-size: 1.6em;
	font-weight: normal;
}
h4 {
	color: #990000;
	font-size: 1.3em;
	font-weight: normal;
}
p {
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: justify;
	padding-top: 18px;
}
	p.link {
		text-align: left;
		font-style: italic;
		padding-left: 25px;
	}
	p.link a {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
	}
	.twtr-tweet-text p {
		font-size: 1.25em;
	}
a {
	color: #000000;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none
	}
	#side_column a {
		text-decoration: none;
	}
#content_container ul {
	padding: 18px 0px 0px 30px;
	text-align: left;
	font-size: 1.25em;
	line-height: 1.35em;
}
img {
	border: none;
}
img.imgLeft {
	float: left;
	margin-right: 20px;
}
img.imgRight {
	float: right;
	margin-left: 20px;
}
img.galleryPic {
	float: left;
	-moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	-khtml-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}
.button_link {
	display: block;
	width: 100%;
	height: 100%;
}
form {
	text-align: left;
}
.form_input {
	width: 300px;
	padding: 3px 5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	line-height: 1.2em;
	color: #444444;
}
.messageText {
	color: #006600;
}
.messageError {
	color: #990000;
}
.galleryRow {
	clear: both;
	margin-top: 18px;
	width: 100%;
}
/* -------------------------------------------------- page sections --------------------------- */
#wrapper {
	width: 980px;
	margin: 14px auto;
	background-color: #ffffff;
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
	-khtml-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
}
#header {
	float: left;
	width: 954px;
	padding: 21px 0px 0px 26px;
	height: 139px;
	overflow: hidden;
	background: #ffffff url(images/header-place-names.png) no-repeat;
}
	#s1logo {
		float: left;
		width: 501px;
		height: 110px;
		background: url(images/s1-builders-logo.png) no-repeat;	
	}
	#guild {
		float: right;
		margin-right: 135px;
		width: 117px;
		height: 117px;
		background: url(images/guild-of-master-craftsman.png) no-repeat;
	}
	#other_logos {
		float: left;
		width: 370px;
		height: 89px;
		margin: 15px 0px 0px 43px;
	}
		#other_logos ul {
			list-style-type: none;
		}
			#other_logos ul li {
				float: left;
			}
				#other_logos ul li#fairtrade {
					margin: 0px 20px 0px 0px;
				}
				#other_logos ul li#homepro {
					margin: 13px 20px 0px 0px;
				}
				#other_logos ul li#trustmark {
					margin: 20px 0px 0px 0px;
				}
#main_nav {
	float: left;
	width: 980px;
	height: 50px;
	background: #990000 url(images/nav_top_shadow.png) repeat-x;
	overflow: hidden;
}
	#left_shade {
		float: left;
		width: 700px;
		height: 50px;
		background: url(images/nav_left_shadow.png) repeat-y;
	}
		#left_shade ul {
			list-style-type: none;
			font-size: 1.8em;
		}
			#left_shade ul li {
				float: left;
				height: 50px;
			}
				#left_shade ul li a {
					float: left;
					display: block;
					height: 30px;
					padding: 10px 16px;
					color: #ffffff;
					text-decoration: none;
				}
					#left_shade ul li a#home_link {
							padding-left: 20px;
						}
						#left_shade ul li a#home_link:hover {
							background: #999999 url(images/nav_1st_shadows.png) no-repeat;
						}
					#left_shade ul li a:hover {
						color: #990000;
						background: #999999 url(images/nav_top_shadow.png) repeat-x;
					}
	#social_icons {
		float: left;
		width: 280px;
		height: 50px;
	}
		#social_icons ul {
			list-style-type: none;
			text-align: right;
			margin: 9px 30px 0px 0px;
		}
			#social_icons ul li {
				display: inline;
				margin-right: 18px;
			}
#content_container {
	float: left;
	width: 890px;
	background: url(images/flint-bk.jpg) top left repeat;
	padding: 35px 45px 0px;
}
	#main_column {
		float: left;
		width: 577px;
	}
		.big_box {
			clear: left;
			float: left;
			width: 577px;
			margin-bottom: 35px;
		}
		.small_box {
			float: left;
			width: 268px;
			margin-bottom: 35px;
		}
			.big_box_top {
				height: 22px;
				background: url(images/box_top_big.png) no-repeat;
			}
			.big_box_middle {
				background: #ffffff url(images/box_middle.png) repeat-y;
				padding: 0px 20px;
			}
			.big_box_bottom {
				height: 22px;
				background: url(images/box_bottom_big.png) no-repeat;
			}
			.small_box_top {
				height: 22px;
				background: url(images/box_top_small.png) no-repeat;
			}
			.small_box_middle {
				background: #ffffff url(images/box_middle.png) repeat-y;
				padding: 0px 20px;
			}
			.small_box_bottom {
				height: 22px;
				background: url(images/box_bottom_small.png) no-repeat;
			}
		.small_box_row_1st {
			float: left;
			width: 268px;
			margin: 0px 41px 35px 0px;
		}
		.small_box_row_2nd {
			float: left;
			width: 268px;
			margin: 0px 0px 35px 0px;
		}
	#side_column {
		float: left;
		width: 268px;
		margin-left: 45px;
		padding-bottom: 35px;
	}
		#s1twitter {
			float: left;
			margin-bottom: 35px;
		}
#footer {
	float: left;
	width: 948px;
	background-color: #cccccc;
	color: #666666;
	font-weight: bold;
	text-align: left;
	padding: 10px 16px;
}
	#footer ul {
		list-style-type: none;
		font-size: 1.4em;
		float: left;
	}
		#footer ul li {
			display: inline;
			padding: 0px 10px;
		}
			#footer a {
				color: #666666;
				text-decoration: none;
			}
				#footer a:hover {
					color: #444444;
					text-decoration: none;
				}
	#footer #copydesign {
		float: right;
		text-align: right; 
		color: #ffffff;
		padding-top: 2px;
	}
		#footer #copydesign a {
			color: #999999;
		}
			#footer #copydesign a:hover {
			color: #666666;
		}
.clearing {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 1px;
}