@charset "utf-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	text-align: center;

}

body {

	line-height: 1;

	text-align: center;

	background-color: #858585;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



/* remember to define focus styles! */

:focus {

    outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

    text-decoration: none;

}

del {

    text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.MainContainer {

	height: auto;

	width: 804px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -240px;

}

.banner {

	margin-top: 10px;

}



.header  {

	text-align: left;

	float: left;

}



.patternTop {

	background-image: url(../images/stripes.png);

	height: 140px;

	width: 100%;

	position: relative;

	z-index: -1;

	margin-top: 100px;

}

.patternbottom {

	height: 140px;

	width: 100%;

	position: fixed;

	z-index: -2;

	background-image: url(../images/stripes.png);

	bottom: 0px;

	left: 0px;

}

.navigation {

	height: 53px;

	width: 775px;

	background-image: url(../images/NavBackground.gif);

	background-repeat: repeat-x;

	margin-top: 5px;

	margin-left: 13px;

	border: 2px solid #6aace2;

	float: left;

}

.navigation ul {

	width: 100%;

	list-style-type: none;

}

.navigation li {

	display: inline;

	margin: 0px;

	padding: 0px;

}

.navigation a {

	background-image: url(../images/Button.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 30px;

	width: 140px;

	display: inline;

	float: left; 

	/*padding-right: 5px;*/

	padding-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: capitalize;

	color: #FFFFFF;

	text-decoration: none;

	margin-top: 10px;

	margin-left:8px;

	padding-top: 7px;

	padding-bottom: 0px;

}

.navigation a:hover {

	color: #FFCC00;

}

.body {

	background-image: url(../images/BodyBackground.gif);

	background-repeat: repeat-x;

	float: left;

	height: auto;

	width: 100%;

	margin-top: 15px;

	background-color: #FFFFFF;

	padding-bottom: 10px;

}

.bodyTitle {

	float: left;

	height: auto;

	width: 550px;

}



.bodyTitle h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: bold;

	text-transform: capitalize;

	color: #0048ac;

	text-decoration: none;

	float: left;

	margin-top: 15px;

	margin-left: 12px;

	text-align: left;

	width: 100%;

}

.bodyTitle h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: normal;

	text-transform: capitalize;

	color: #000000;

	text-decoration: none;

	margin-top: 15px;

	margin-left: 12px;

	text-align: left;

	width: 100%;

}

.bodyTitle ol {

	float: left;

	list-style-type: decimal;

	margin-left: 35px;

	margin-top: 10px;

}

.bodyTitle li {

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #003399;

	text-decoration: none;

	margin-top: 2px;

	margin-bottom: 2px;

}







.bodyTitle p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #696969;

	text-decoration: none;

	text-align: justify;

	float: left;

	clear: left;

	width: 100%;

	height: auto;

	margin-left: 13px;

	line-height: 16px;

	margin-top: 5px;

	padding-bottom: 10px;

}



.title {

	background-image: url(../images/RecentProjects_Background.gif);

	background-repeat: repeat-x;

	height: 36px;

	width: 185px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-transform: capitalize;

	color: #326ab2;

	padding-top: 10px;

}



.latestProjects {

	background-color: #c0ddf4;

	float: right;

	height: auto;

	width: 185px;

	margin-top: 10px;

	margin-right: 12px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

.listPanel {

	background-image: url(../images/BuildersInTadley_background.gif);

	background-repeat: repeat-x;

	height: 118px;

	width: 550px;

	float: left;

	margin-left: 13px;

	display: inline;

}

.ulLeft {

	margin: 0px;

	padding: 0px;

	float: left;

	height: auto;

	width: 180px;

}



.ulLeft h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-transform: capitalize;

	color: #333333;

	text-decoration: none;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

	width: auto;

}

.ulLeft ul {

	float: left;

	width: 200px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	display: list-item;

	list-style-type: none;

}

.ulLeft li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	color: #333333;

	margin-top: 3px;

	margin-bottom: 3px;

	list-style-image: url(../images/Bullets.gif);

	list-style-position: inside;

	width: 100%;

	text-align: left;

	padding-left: 10px;

}

.ulRight {

	padding: 0px;

	float: left;

	height: auto;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	width: 350px;

	margin-left: 0px;

}

.ulRight h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-transform: capitalize;

	color: #333333;

	text-decoration: none;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

	width: auto;

}

.ulRight ul {

	float: left;

	width: 100%;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	display: list-item;

	list-style-type: none;

	margin-left: 0px;

	padding-left: 0px;

}

.ulRight li {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-image: url(../images/Bullets.gif);
	list-style-position: inside;
	width: 100%;
	text-align: left;
	padding-left: 10px;

}

.footer {
	background-image: url(../images/Footer_Background.gif);
	height: 110px;
	width: 804px;
	clear: left;
	margin-right: auto;
	background-position: center bottom;
	margin-top: 5px;
	margin-bottom: 50px;
	background-repeat: repeat-x;
	margin-left: auto;
}

.FooterLinks  ul {
	width: 100%;
	list-style-type: none;
	margin-top: 30px;
	float: left;
	margin-left: 240px;
}

.FooterLinks  li {
	list-style-type: none;
	float: left;
}

.FooterLinks  a {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	color: #003399;
	text-decoration: none;
	font-size: 12px;
	display: inline;
}

.FooterLinks  a:hover {
	color: #006699;

}

.FooterKeywords ul {
	width: 100%;
	list-style-type: none;
	margin-top: 20px;
	float: left;
	margin-left: 20px;
}

.FooterKeywords  li {
	list-style-type: none;
	float: left;
}

.FooterKeywords  a {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	color: #003399;
	text-decoration: none;
	font-size: 12px;
	display: inline;
}

.FooterKeywords  a:hover {
	color: #006699;
}

.copyrights {

	padding: 0px;

	float: left;

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	text-transform: capitalize;

	color: #333333;

	text-decoration: none;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 255px;

	text-align: left;

	height: 15px;

}

.copyrights a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}

.copyrights a:hover {

	font-size: 12px;

	font-weight: normal;

	color: #333333;

}

.form {

	text-align: left;

	float: left;

	margin-left:10px;

/*	margin: 0px;*/

	padding: 0px;

	width: auto;

}

.gallery {

	float: left;

	width: 550px;

	margin-left: 20px;

}

.gallery li {

	float: left;

	padding-right: 3px;

	padding-left: 3px;

}