@CHARSET "UTF-8";
html { background-color: #000000; width: 100%; height: auto; }
body { margin: 0 auto; background-color: #FFF8E8; width: 1000px; height: 100%; font-family: arial; color: #333333; font-size: 14px; }
p { font-family: arial; color: #333333; font-size: 14px; }
#projectBoxes {
	padding: 30px 0px 50px 15px;
	float: left; 
	clear: both; 
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 52px;
}
#projectBoxes div.ccm-area div, .projectBoxTitle, .projectBoxSubtitle { 
	margin: 0 0 0 0 !important;
}
.pictureBox {
	float:left; 
	width:310px; 
	height:210px; 
	overflow:hidden;
}
.control-label {
	color: black;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
}
h1 {
	margin-top: 3px;
	margin-bottom: 0px;
	font-family: 'Economica', sans-serif;
	font-weight: bold;
	font-size: 54px;
	color: #4C3605;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4C3605;
	line-height: 1.1em;	
	font-weight: 400;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
h4 {
	color: white;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 0px;
	font-family: 'Economica', sans-serif;
	font-weight: 400;
	font-size: 36px;
	padding: 5px 0px 20px 10px;
	text-align: left;	
}
h4 a { text-decoration: none; color: white; }
h5 { 
	font-size:18px; 
	color:white; 
	font-weight: 400; 
	text-transform: uppercase; 
	margin-top: 8px; 
	text-align: left; 
	position: relative;
	top: -10px;
}
h6 { font-size:14px;
	color:white;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: -30px;
	text-align: left;
	position: relative;
	top: -10px;
}
.breadcrumb {
	color: #B9B179;
	font-size: 1.16em;
	font-weight: bold;
	height: 5px;
	float: left;
	clear: left;
	position: relative;
	top: -15px;
}
.breadcrumb a {
	color: #B9B179;
	text-decoration: none;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4C3605;
	line-height: 1.1em;	
	font-weight: 400;	
}
#Question9, #Question10, #Question11, #Question12 {
	height: 30px;
	width: 95%;
}
#pageHR {
	float: left;
	border-top: 1px solid #B9B179;
	width: 940px;
	position: relative;
	top: 13px;
	padding-bottom: 10px;
}
.sign-in, .sign-in a:visited, .sign-in a {
	color: #AAAAAA;
	font-size: small
}
.built-by, .built-by a, .built-by a:visited {
	color: #AAAAAA;
	font-size: small;
}
#headerArea {
	width: 100%;
	height: auto;
	background-color: #C5BD8F;
}

#navArea {
	position: relative;
	top: -80px;
	left: -24px;
	float: right;
	background-color: #4C3605;
	width: 670px;
	height: 42px;
	box-shadow: 5px 5px 5px #847445;
}
#navArea ul { position: relative; list-style: none; z-index:10; margin:0 0 0 5px; padding: 0; }
#navArea ul li { float: left; font-size:16px; margin:0 10px 0 0; padding: 0; }
#navArea ul li a { display: block; padding: 12px 4px 5px 8px; text-transform: uppercase; text-decoration:none; color:white; }

.mainContainer {
	float: left;
	width: 1000px;
	height: auto;
	position: relative;
	top: -42px;
}
.retainingWallsContainer {
	width: 1000px;
	height: auto;
	background-color: #FFF8E8;
	float: left;
	padding-bottom: 55px;
}
.galleryContainer {
	width: 1000px;
	height: auto;
	background-color: #FFF8E8;
	float: left;
}
.homepage-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	margin-top: 4px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #B9B179;
}
.homeMain {
	float: left;
	width: 1000px;
	background-color: #FFF8E8;
	height: auto;
	position: relative;
	top: -42px;	
}
.homeIMG {
	background-image: url('images/mainimage.png');
	background-repeat: no-repeat;
	width: 932px;
	height: 332px;
	border: 9px solid #4C3605;
	box-shadow: 2px 2px 5px #847445;
	margin: 0 auto;
	position: relative;
	top: -18px;
	
}
.retainingWallsCompany {
	width: 950px;
	height: auto;
	margin: 0 auto;
}
.retainingWallsCompanyHome {
	width: 950px;
	height: 356px;
	margin: 0 auto;

}
#homeSlogan {
	float: right;
	position: relative;
	top: -34px;
	left: -10px;
}
.triButtonArea {
	width: 220px;
	padding-top: 15px;
	padding-left: 15px;
}
#triButton1 {
	width: 193px;
	height: 70px;
	margin-bottom: 38px;
}
#triButton2 {
	width: 193px;
	height: 70px;
	margin-bottom: 38px;
	
}
#triButton3 {
	width: 193px;
	height: 70px;
}
#newsPartnersRequest {
	width: 950px;
	height: auto;
	float: right;


}

.homeNews {
	width: 620px;	
	float: left;
	padding-left: 15px;
}
.homePartners{
	padding-left: 30px;
	width: 295px;	
	float: left;
}
.homeRequest{
	width: 295px;	
	float: right;	
	
}


/* Footer Styles */
.mainFootContainer {
	background-color: #FFF8E8;
	clear: both;
	width: 1000px; 
	margin: 0 auto; 
	height: auto;
	padding-bottom: 15px;

}
#brownFooterHeader {
	width: 970px;
	height: 27px;
	background-color: #3A2900;
	margin: 0 auto;
}
.nameAddress {
	position: relative;
	left: 100px;
	top: 4px;
	color: #FFFFFF;
	width: 385px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	text-align: center;
	margin: 0 auto;
}
.officeNumber {
	position: relative;
	left: 180px;
	top: 4px;
	color: #FFFFFF;
	width: 385px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	text-align: center;
	margin: 0 auto;	
}
.footerBlocksInd {
	padding: 0px 5px 0px 11px;
	float: left; 
	height: auto;
	background-color: #E5DDCA;
	width: 23%;

}
.footerBlocksInd a {
        font-size: 11px;
        color: #3A2900;
        font-weight: normal !important;
        line-height: 5px;

}
.footerblocksind span {
	color: #3A2900 !important;
	font-size: 14px !important;
	font-family: arial, helvetica, sans-serif !important;
	font-weight: normal !important;	
}
.footBlockContainer {
	background-color: #E5DDCA;
	width: 970px;
	height: 200px;
	margin: 0 auto;
}
.homeFoot { 
	clear: both;	
	width: 950px; 
	height: auto; 
	background-color: #E5DDCA;
	margin: 0 auto;
	position: relative;
	top: -15px;
	left: -10px;
}
#login {
	background-color: transparent;
	width: 950px; 
	float: right;
	text-align:center;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
	height: 25px;	
}
.pageHeader {
	width: 670px;
	float: left;
	clear: both;
	height: 70px;
	padding-left: 15px;
}
.requestIMG {
	float: right;
	width: 253px;
	position: relative;
	top: 14px;
	left: -24px;
}
.leftImage {
	float:left; 
	width:250px;
	padding-top: 25px;	
	padding-left: 15px;
}
.rightQA {
	float: right;
	width: 70%;
	padding-top: 5px;
	margin-bottom: 55px;
}
.centerIMG {
	width: 932px;
	height: 332px;
	border: 9px solid #4C3605;
	box-shadow: 2px 2px 5px #847445;	
	margin: 0 auto;
	position: relative;
	top: -18px;
}

.centerText {
	padding-left: 15px;
	width: 934px;
}
.formArea {
	width: 700px;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 15px;
}
/*Services Styles*/
#quadStructure {
	width: 950px;
	height: auto;
	margin: 0 auto;
	
}

.service1 {
	float: left;
	width: 455px;
	background-color: #4C3605;
	text-align: center;
	padding: 40px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	box-shadow: 2px -2px 4px #847445
}
.servicePageText {
	width: 950px;
	float: left;
	clear: both;
	padding-left: 15px;
}
.servicePageList {
	float: left;
	width: 455px;
	height: 200px;
	background-color: #FFF8E8;
	text-align: left;
	padding-left: 10px;
}

/*Project Styles*/
#projectWindow{
	background-color: #4C3605;
	float: left;
	width: 300px;
	height: 200px;
	margin: 10px 20px 40px 0px;
	box-shadow: 2px 2px 5px #847445;

}
.project1 {
	float: left;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px 0px 10px;
}

/*Contact Form*/
#Question4 {
	width: 95%;
	height: 30px;
}
#Question5 {
	width: 95%;
	height: 30px;
}
.formBlockSurveyTable {
	position: relative;
	top: 25px;
	margin-bottom: 45px;
}

/* Services Individual*/
.servicePageList a {
	font-size: 16px;
	color: #3A2900;
	font-weight: normal !important;
	line-height: 20px;
}
.serviceHeading p {
	color: #333333;
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;	
}
.serviceImage {
	float: right;
	width: 515px;
	clear: right;
	padding: 25px 10px 20px 0px;
	margin-bottom: 90px;
}
.serviceLeftText {
	display: inline;
	padding-top: 15px;
	width: 380px;
	float: left;
	height: auto;	
	padding-left: 15px;
}

/*Project Individual*/
.projectLeftText {
	float: left;
	clear: both;
	margin-top: -25px;
	width: 305px;
}
.projectLeftText p {
	margin-top: -15px;
	font-size: 12px;

}
.projectSlideshow {
	float: right;
	border: 9px solid #4C3605; 
	width: 604px;
	height: 403px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: 15px;
}
.projectDescription {
	font-weight: bold;
	float: left;
	clear: both;
	max-width: 290px;
}
#projectPageHR {
	width: 300px;
	margin-top: -15px;
	border-top: 1px solid #B9B179;
	float: left;
}
.ccm-page-list-description {
	display: none;
}
.ccm-page-list-title a {
	color: #3A2900;
	text-decoration: none;
}
.homeMiddle { float: left; }