@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;}