html, body { height:100%; }

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: local('?'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { background:#bfb2aa; }

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
width:950px;
background:#efefef url(../images/wrap.gif) repeat-y;
}

#footer {
height: 60px;
width:950px;
margin:auto;
background:#5b5652 url(../images/footer.gif) no-repeat;
}

#push {
height:60px;
clear:both;
}

#header {
width:950px;
height:95px;
background:#5b5652 url(../images/header.gif) no-repeat;
}

h1 { width:285px;height:95px;float:left;margin-left:25px; }

#mainMenu {
width:585px;
float:right;
height:37px;
margin:13px 50px 0 0;
background:none transparent;
}

#mainMenu li { float:left; position:relative;z-index:1000; }

#mainMenu li a { 
font-size:12px;
color:white;
text-decoration:none;
display:block;
height:29px;
padding:9px 10px 0 10px;
}

#mainMenu li a:hover { background:#efefef;color:#ff7701; }

	li ul {
	position: absolute;
	left: 0;
	top: 38px;
	display: none;
	border:solid;
	border-width:0 10px 0 1px; 
	border-color:#efefef;
	z-index:200;
	}

	#mainMenu li li {
	background:#5B5652;
	width:200px;
	border-bottom:1px solid #efefef;
	}

	li ul li a {
	display: block;
	text-decoration: none;
	}
	
	li:hover ul, li.over ul { 
	display: block; 
	}

#subHeader { 
width:950px;
height:235px;
background:#efefef url(../images/sub-header.gif) no-repeat;
}

#services-banner { 
float:left;
margin:10px 0 0 15px;
position:relative;
background:#efefef; 
}

#services-banner, #services-banner li {
width:290px;
height:205px;
overflow:hidden;
}

#portfolio-banner { 
float:left;
margin:10px 0 0 15px;
position:relative;
background:#efefef;
}

#portfolio-banner, #portfolio-banner li { 
width:615px;
height:205px;
overflow:hidden;
}

#content { width:900px;margin:auto;margin-top:-5px; }
#content-left { width:285px;float:left; }
#content-right { width:610px;float:right;margin-left:5px; }
#content-right-left { width:305px; float:left; }
#content-right-right { width:305px; float:right; }

#portfolio-list {
width:600px;
margin:5px auto;
display:table;
}

#portfolio-list li {
width:280px;
float:left;
margin:5px 10px;
display:table-cell;
}

#portfolio-list li img {
vertical-align:bottom;
border:1px solid #BFB2AA;
margin-left:27px;
}

.portThumb {
float:left;
margin:5px 10px;
border:1px solid #BFB2AA;
}

.portThumb img { vertical-align:bottom; }

#home-banner { width:600px;margin:auto; }

/* FORM STYLES */

.mainForm { width:280px; margin:auto; }
#quote-form { width:600px; margin:auto; }

#comment-form { width:500px;margin:auto; }

.mainForm fieldset, 
.mainForm legend, 
#quote-form fieldset, 
#quote-form legend, 
.inputField, .textField, 
.captchaField, .selectBox, 
.submitButton {
border:1px solid #BFB2AA;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.mainForm fieldset, #quote-form fieldset { padding:5px; margin-top:5px; }

#quote-form fieldset { width:280px;float:left;margin-right:5px; }

#subscribe-form fieldset { padding-top:10px; }

#subscribe-form legend { display:none; }

legend, label, .submitButton {
font-family:'LeagueGothicRegular', "Trebuchet MS", verdana, arial, sans-serif;
text-transform:uppercase;
font-size:18px;
}

legend, .submitButton {
padding:2px 5px;
margin:2px 5px 5px 5px;
text-transform:uppercase;
margin:5px 10px;
font-weight:bold;
font-size:20px;
}

legend { background:#ff7701;color:#efefef; }

.submitButton {
cursor:pointer;
margin:2px 5px;
padding:0 2px;
clear:both;
background:#abdc28;
color:#5B5652;
overflow:visible;
}

label {
font-family:'LeagueGothicRegular', "Trebuchet MS", verdana, arial, sans-serif;
text-transform:uppercase;
font-size:20px;
color:#Fff;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:130px;
text-align:right;
margin-right:1px;
}

.mainForm label { width:110px; }
#content-right label { color:#ff7701; }

#comment-form label { width:200px; }

.inputField, .textField, .captchaField, .selectBox {
width:140px;
height:20px;
padding:2px 1px;
color:#555;
float:left;
margin-bottom:10px;
font-size:12px;
background:#eee;
}

form#subscribe-form label { width:50px; }
form#subscribe-form .inputField { width:140px; }

#comment-form .inputField, #comment-form .textField { width:250px; }


#subscribe-form .submitButton { clear:none;float:left;margin-top:-2px; }


.textField {
height:80px;
overflow:auto;
}



label.buttonLabel {
width:235px;
display: block;
padding-top:2px;
}

.checkBox {
height:20px;
width:20px;
margin-right:20px;
margin-top:3px;
float:right;
text-align:center;
}

.captchaField {
width:60px;
}

.captchaBox {
width:75px;
height:35px;
float:right;
margin-right:5px;
}

#comment-form .captchaBox { margin-right:140px; }

.mainForm p, #quote-form p {
margin:5px;
}

.imgRight { float:right;margin:0 10px; }

.imgLeft { float:left;margin:0 10px; }

.commentBox, .commentBoxII { width:500px;margin:auto;background:#DDD;border-top:1px solid #BFB2AA;padding:10px 15px; }
.commentBoxII { background:#EFEFEF; } 

.commentBox p, .commentBoxII p, .commentBox p.postDate, .commentBoxII p.postDate  { margin:0;padding:0;color:#333; }
.commentBox p.postDate, .commentBoxII p.postDate { border-bottom:1px solid #BFB2AA;margin-bottom:5px; }

#corner-graphic { width:200px;height:200px;position:fixed;right:0;top:50%; }