@charset "utf-8";
/* Basic Styles */

body {
	background:#fffbeb;
	color:#754131;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

body2 {
	background:#fffbeb;
	color:#754131;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	margin:0;
	padding:0;
}


body p {
	line-height:20px;
	margin:0;
	padding:0;
}

a, a:link, a:visited {
	color:#754131;
	text-decoration:underline;
}

a:hover {
	color:#006600;
}

h1 {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:100;
	margin:225px 10px 0 0;
}

h2 {
	color:#754131;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:100;
	padding:20px 0 0 20px;
}

h3 {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:100;
}

h4 {
	color:#f2f2f2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:600;
	padding:4px 0 0 25px;
}



/* Primary Layout */

#Container {
	margin:auto;
	width:928px;
}



/* Header */

#Header {
	color:#716733;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.HeaderLinks a, #HeaderLinks a:link, #HeaderLinks a:visited {
	color:#716733;
	text-decoration:none;
}

.HeaderLinks a:hover {
	color:#006600;
}



/* Features */

#Feature {
	padding:0 14px 0 14px;	
}

#FeatureText {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	height:260px;
	margin:auto;
	padding:0;
	text-align:right;
	width:475px;
	
}

#Feature_Home, #Feature_AboutUs, #Feature_Portfolio, #Feature_Construction, #Feature_RequestAQuote {
	border:5px #aac497 solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:260px;
	width:890px;
}

#Feature_Home {
	background:url(/Images/FeatureBG_Home.jpg);
}

#Feature_AboutUs {
	background:url(/Images/FeatureBG_AboutUs.jpg);
}

#Feature_Portfolio {
	background:url(/Images/FeatureBG_Portfolio.jpg);
}

#Feature_Construction {
	background:url(/Images/FeatureBG_Construction.jpg);
}

#Feature_RequestAQuote {
	background:url(/Images/FeatureBG_RequestAQuote.jpg);
}




/* Left, Center and Right Content */

#LeftCenterRight {
}

#LeftCenterRight p {
	padding:15px 0 15px 25px;
}

#Left {
	float:left;
	width:400px;
}

#Left_Wide {
	float:left;
	width:675px;
}

#Right {
	background:#f3f2d5;
	float:right;
	margin:0 0 0 0;
	padding:0;
	width:219px;
}

#Center { 
	float:left;
	width:271px;
}



/* Footer */

#Footer {
	background:url(/Images/FooterBGSlice.png);
	clear:both;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	height:158px;
	margin:auto;
	width:900px;
}

#FooterLeft {
	float:left;
	padding:50px 0 0 15px;
}

#FooterRight {
	color:#fff;
	float:right;
	padding:50px 15px 0 0;
	text-align:right;
}

#Footer a, #Footer a:link, #Footer a:visited {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#Footer a:hover {
	color:#fff;
}

#FooterLeft a, #FooterLeft a:link, #FooterLeft a:visited {
	padding:0 0 0 0;
}

#FooterRight a, #FooterRight a:link, #FooterRight a:visited {
	padding:0 0 0 10px;
}


#FooterEnd {
}


/* Form */

.cssform p{
width: 600px;
clear: left;
margin:0 auto 0 auto;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
padding:0 5px 0 0;
font-size:14px;
font-weight: bold;
float: left;
text-align:right;
margin-left:-50px;
width: 300px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



/* Miscellaneous Styles and Hacks */

.clear { clear: both; }