@charset "UTF-8";
/* CSS Document */

html {
	margin:0px;padding:0px;
	height:100%;width:100%;}
	
body {
	margin:0px;padding:0px;
	height:100%;width:100%;
	background-color:#555555;
	font-family:Arial, Verdana, sans-serif;}
	
img {
	border:none;}
	
.zeroMarPad {
	margin:0px;padding:0px;}
	
#mainbg {
	width:1024px;height:768px;
	background: url(../common_images/bgMain_services.png) no-repeat top;}
	
#mainbgNOGALLERY {
	width:1024px;height:768px;
	background: url(../common_images/bgMainNOGALLERY.png) no-repeat top;}
	
#header {
	position:relative;
	width:981px; height:159px;
	top:21px; left:20px;
	float:left;
	padding:0px;
	border-bottom:5px solid white;}
	
#imageBlock {
	width:216px;height:159px;
	float:left;
	border-right:5px solid white;}
	
#logoBlock {
	width:760px;height:159px;
	float:left;
	background:url(../common_images/greenBlock.png) no-repeat left;}
	
#logoBlock table {
	width:760px;height:159px;}

#mainDir {
	clear:left;
	float:left;
	width:727px; height:459px;
	position:relative;
	top:0px; left:260px;
	/*padding-top:15px;*/
	z-index:0;
	top:45px;
	overflow:hidden;}
	
#pageTitleBlock {
	float:left;
	background:url(../common_images/pageTitleBlock.png) no-repeat top;
	width:679px; height:58px;
	position:relative;
	top:10px; left:18px;
	padding:0px 15px 0px 15px;
	z-index:25;}
	
.serviceTitle {
	 width:375px;
	 text-align:left;
	 vertical-align:middle;
	 font-size:2em;
	 font-style:italic;
	 font-variant:small-caps;
	 font-weight:bold;}

.servicePage {
	 vertical-align:middle;
	 font-size:1.5em;
	 font-weight:bold;
	 text-align:center;}
	 
#contentBlock {
	clear:left;
	float:left;
	position:relative;
	top:30px; left:12px;
	text-align:left;
	font-size:12px;
	padding:0px 23px 0px 0px;}

#listBlock {
	clear:left;
	float:left;
	position:relative;
	width:250px; height:195px;
	top:30px; left:12px;
	padding:0px 23px 7px 10px;
	font-weight:bold;}

#listBlock ul {
	text-align:left;}

#listBlock li {
	margin:0px;padding:0px 0px 7px 0px;
	font-size:0.75em;
	list-style:none;
	display:block;}
	
#listBlock li a:link {
	color:black;
	text-decoration:none;}
	
#listBlock ul.landscaping li a:visited {
	color:#444444;
	text-decoration:none;}

#listBlock ul.landscaping li a:hover {
	color:#7DB744;
	text-decoration:none;}
	
#listBlock ul.concrete li a:visited {
	color:#444444;
	text-decoration:none;}

#listBlock ul.concrete li a:hover {
	color:#DDDDDD;
	text-decoration:none;}
		
#listBlock ul.asphalt li a:visited {
	color:#444444;
	text-decoration:none;}

#listBlock ul.asphalt li a:hover {
	color:#FCCB48;
	text-decoration:none;}
	
#pageImage {
	float:left;
	position:relative;
	top:0px;left:0px;
	width:444px; height:400px;/*all images should be w444px by h400px*/
	overflow:hidden;
	color:white;
	z-index:15px;}
	
#infoBox {
	clear:left;
	float:left;
	position:relative;
	top:-165px; left:12px;
	width:322px; height:128px;
	background:url(../common_images/blackBox.png) no-repeat top;
	z-index:75;}
	
#stepImage {
	position:relative;
	top:-90px; float:right;
	width:150px;height:42px;
	overflow:hidden;
	z-index:18;}

#stepImage div {
	width:50px;}
	
.cycleText {
	float:left;
	height:35px;
	padding-top:7px;
	background:url(../common_images/ArrowMiddleFade.png);
	font-size:10px;
	font-weight:bold;
	text-align:center;}	
	
#infoBox td.infoText {
	 width:226px;
	 height:118px;
	 font-style:italic;
	 font-size:12px;
	 vertical-align:middle;
	 color:#FFFFFF;
	 padding:5px 5px 5px 0px;
	 text-align:left;
	 overflow:hidden;}
	
#menubar {
	clear:left;
	float:left;
	position:relative;
	background:url(../common_images/menubar.png) no-repeat top;
	width:648px; height:35px;
	top:13px; left:323px;
	padding:5px 15px 5px 15px;
	z-index:100;
	overflow:hidden;}

#menubar table {
	margin:0px;padding:0px;border:none;
	height:35px;overflow:hidden;
	font-size:22px;text-align:center;
	font-weight:bold;}

#menubar img {
	padding:0px 5px 0px 5px;}
	
.vbottom {
	vertical-align:bottom;}
	
#menubar td a, #menubar td a:visited, #menubar td a:active {
	text-decoration:none;
	margin:0px;padding:5px 1px 3px 1px;
	white-space:nowrap;
	font-size:16px;
	display:block;
	color:black;}

#menubar td a:hover {
	color:#FFFFFF;}

#copyright {
	position:relative;
	float:right;
	width:385px;height:18px;
	top:66px; right:35px;
	text-align:right;
	font-size:12px;
	font-weight:bold;}
	
.SpryHiddenRegion {
	visibility:hidden;}
	



/* REQUEST FORM LAYOUT
---------------------------------------------------------------------------------------------------------- */ 
#QUOTE-request {
	float:left;
	margin-top:-15px;
	padding-bottom:50px;}

#QUOTE-request { }

#QUOTE-request fieldset {
	border:3px solid #E7E7E7;
	padding-top:15px;
	padding-bottom:15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-color: #F7F7F7;}

/* DEACTIVATED TO ALLOW FOR JQUERY SCROLL
#QUOTE-request fieldset div {
	overflow:hidden;
	display:inline-block;}
#QUOTE-request fieldset div {display:block;}*/ 

#QUOTE-request legend {
	font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif;
	color:#FFF;
	font-size:18px;
	font-weight: bold!important;
	background-color: #3B3B3B!important;
	margin-left:7px;
	*margin-left:4px;
	/*-o-box-shadow: 0px 0px 5px #333;
	-icab-box-shadow: 0px 0px 5px #333;
	-khtml-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333; #888888 */
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;}
#QUOTE-request legend.optional {
	background-color: #93998A!important;}	
#QUOTE-request legend span {
	font-size:21px!important;}


#QUOTE-request p.instructions {
	padding-top:0px!important;
	margin:0px!important;
	padding-left: 15px;
	font-weight: bold;
	line-height:1.0em;
	color: #C00;}
#QUOTE-request p.required {
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 10px!important;
	text-transform:capitalize!important;
	font-weight:bold!important;
	margin:0px!important;
	color: #C00;
	padding-left: 0px;}
#QUOTE-request p.required span {
	background:#C00;
	color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
	
#QUOTE-request label {
	float: left;
	display: block;
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;
	margin: 0;
	text-align: right;
	color: #242f33;
	padding-top:6px;
	padding-right:5px;
	padding-bottom: 11px;
	padding-left: 0px;
	text-transform: uppercase;}
#QUOTE-request label.W50 {
	width: 50px!important;}
#QUOTE-request label.W100 {
	width: 100px!important;}
#QUOTE-request label.W135 {
	width: 135px!important;
	max-width: 135px!important;}	
#QUOTE-request label.W160 {
	width: 160px!important;
	max-width: 160px!important;}
#QUOTE-request label.W180 {
	width: 180px!important;
	max-width: 180px!important;}


#QUOTE-request label span {
	font-weight:normal!important;
	font-size:11px!important;
	line-height:1.2em!important;
	text-transform:lowercase!important;}
#QUOTE-request label span.required {
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 14px!important;
	text-transform:capitalize!important;
	font-weight:bold!important;
	color: #C00;
	padding-right: 3px;
	padding-left: 3px;}
#QUOTE-request label span.optional {
	display:block;
	float:right;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 10px!important;
	text-transform:capitalize!important;
	font-weight:bold!important;
	color: #FFF;
	background-color: #007F00;
	margin-top: 2px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;}	
#QUOTE-request label.hidden {
	float: left;
	display: block;
	margin: 0 0 15px 0;
	padding: 5px 0 15px 0;
	width: 186px;
	text-align: right;
	color: #242f33;}


#QUOTE-request input {
	font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important;
	font-size: 15px!important;
	float: left;
	outline: none;
	border:2px solid #E7E7E7!important;
	margin: 0;
	padding: 2px;}
#QUOTE-request input.active {
	border-left: 2px solid #333;}

#QUOTE-request input.security {
	font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important;
	font-size: 25px!important;
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 450px;
	outline: none;}	
#QUOTE-request input.W50 {
	width: 50px!important;}
#QUOTE-request input.W100 {
	width: 100px!important;}
#QUOTE-request input.W150 {
	width: 150px!important;}
#QUOTE-request input.W200 {
	width: 200px!important;}	
#QUOTE-request input.W225 {
	width: 225px!important;}	
#QUOTE-request input.W300 {
	width: 300px!important;}	
#QUOTE-request input.W350 {
	width: 350px!important;}	

#QUOTE-request select {
	font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important;
	font-size: 15px!important;
	float: left;
	margin: 0;
	padding: 2px;
	border:2px solid #E7E7E7!important;
	outline: none;}
#QUOTE-request select.W50 {
	width: 50px!important;}
#QUOTE-request select.W100 {
	width: 100px!important;}
#QUOTE-request select.W150 {
	width: 150px!important;}
#QUOTE-request select.W200 {
	width: 200px!important;}
#QUOTE-request select.W350 {
	width: 350px!important;}	
	
#QUOTE-request textarea {
	border:2px solid #E7E7E7!important;
	margin: 0;
	padding: 2px;
	outline: none;
	font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important;
	line-height: 1.4!important;
	font-size: 15px!important;}
#QUOTE-request textarea.H-60 {
	height: 60px!important;}
#QUOTE-request textarea.H-80 {
	height: 80px!important;}
#QUOTE-request textarea.H-100 {
	height: 100px!important;}
#QUOTE-request textarea.H-125 {
	height: 125px!important;}	
#QUOTE-request textarea.H-150 {
	height: 150px!important;}
#QUOTE-request textarea.H-200 {
	height: 200px!important;}


/* FancyForm styles */
.checkbox {
	width: 19px;
	height: 25px;
	float: left;
	display:block;
	cursor:pointer;
	cursor:hand;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../../001_Global/images/forms/checkbox.png);
	background-repeat: no-repeat;}


#QUOTE-request .fieldblock div.input span.required {
	position: relative;
	top: 1px;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	background-color: #C00;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;}
#QUOTE-request .fieldblock div.input span.optional {
	position: relative;
	top: 1px;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	background-color: #3C0;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;}
	
#QUOTE-request label.error {
	background:#F03;
	width: auto;
	display: inline;
	color: #FFF;
	font-style: italic;
	padding-top: 4px;
	padding-bottom: 4px;
	text-transform: capitalize;
	padding-right:20px;
	padding-left: 20px;}

#QUOTE-request input.submit {
	cursor:pointer!important;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 180px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #653200;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border:2px solid #9F5000!important;}
#QUOTE-request input.submit:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #9F5000;
	border:2px solid #653200!important;}