/*Green Arrow CSS*/

body {
	background: #222222 none;
	padding: 30px 0 30px 0;
}

body a {	
	color: #fff;	
	text-decoration: none;
}

body a:hover {	
	color: #14c358;	
	text-decoration: underline;
}

#home{
	background: url(../images/home.png) no-repeat top center;
	width: 27px;
	height: 26px;
	float: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-indent: 30px;
	padding-top: 5px;
	margin: 10px 10px;
	
}

#home a{
	display: block;
	color: #fff;
	text-decoration: none;
}

#main {
	background: #070707 url(../images/main-bg.jpg) no-repeat top center;
	width: 100%;
}

#wrapper {
	background: #000 none;
	width: 956px;
	padding: 0;
	margin: auto auto;
	min-height: 100px;
}

#header {
	background: #000 url(../images/header-bg.jpg) no-repeat top center;
	width: 956px;	
	height: 116px;
	margin: 0;
	postion: relative;
}

/*Top Navigation*/

#nav {
	font: normal 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float: right;
	margin: 20px 30px 0 0;
}

#nav li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #aaa;
}

#nav li a {	
	color: #fff;	
	text-decoration: none;
}

#nav li a:hover {	
	color: #14c358;	
	text-decoration: underline;
}

/*LOGO*/

#logo {
	background: transparent url(../images/logo.png) no-repeat top center;
	width: 223px;
	height: 51px;
	text-indent: -99999px;
	float: left;
	margin: 20px 0 0 -30px;
}

#logo a{
	display: block;
	width: 223px;
	height: 51px;
	text-indent: -99999px;
}


/*View Links*/
#viewLinks {
	float: left;
	background: transparent none;
	width: 252px;
	height: 32px;
	margin: 35px 0 0 110px;
}

#viewPhotoGallery{
	background: transparent url(../images/view-photo-gallery.png) no-repeat top center;
	width: 109px;
	height: 33px;
	float: left;
	text-indent: -99999px;
}

#viewPhotoGallery a {
	width: 109px;
	height: 33px;
	display: block;
}

#viewAllServices{
	background: #000 url(../images/view-all-services.jpg) no-repeat top center;
	width: 120px;
	height: 33px;
	float: left;
	text-indent: -99999px;
	margin: 0 0 0 20px;
}

#viewAllServices a {
	width: 120px;
	height: 33px;
	display: block;
}

/*Search*/

#search {
	float: right;
	color: #333;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 15px 30px 20px 0;
}

#searchBox {
	color: #555;
	border: none;
	padding: 0 10px 0 30px;
	background: transparent url(../images/searchBox-bg.png) no-repeat top center;
	width: 153px;
	height: 27px;
	outline: none;
}

#goButton {
	background: transparent url(../images/goButton-bg.png) no-repeat top center;
	width: 33px;
	height: 25px;
	border: 0;
	text-indent: -999999px;
}

/*Featured*/

#featured {
	background: #fff none;
	width: 942px;
	height: 437px;
	margin: auto auto;
}

/*Description*/

#description {
	background: transparent url(../images/description-bg.jpg) top center no-repeat;
	width: 942px;
	height: 30px;
	margin: 10px auto;
	
}

#description p {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 6px 0 0 150px;
	color: #fff;
	float: left;
	
}

/*Bottom Box*/

#bottomBox {
	width: 942px;
	height: 250px;
	margin: auto auto;
}

#bottomBoxHead{
	background: transparent url(../images/bottomBoxHead-bg.jpg) no-repeat top center;
	width: 942px;
	height: 41px;
}

#bottomBoxContent {
	background: transparent url(../images/bottomBoxContent-bg.jpg) repeat-y top center;
	width: 942px;
	height: 190px;
	margin-top: 5px;
	position: relative;
}

#leftBox {
	width: 645px;
	height: 190px;
	float: left;
	position: relative;
	padding: 0 0 0 20px;
}

/*Frames*/

.frame {
	width: 310px;
	height: 70px;
	float: left;
	margin: 15px 10px 0 0;
}

.picholder {
	float: left;
}

.picholder img {
	border: 2px solid #cbcbcb;	
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
	width: 80px;
}

.frameContent{
	float: left;
	padding: 5px 0 0 10px;
}

.frameContent a{
	color: #d9d8d8;
	font: normal 12px Arial, Helvetica, sans-serif;
	
}

.frameContent p {
	color: #969696;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px 0 0 0;
}
	
/*rightBox*/

#rightBox {
	width: 256px;
	height: 180px;
	float: left;
	text-align: center;
	padding: 10px 10px 0 10px;
	font: normal 14px Arial, Helvetica, sans-serif;
}

#rightBox a{
	color: #fff;	
}

#contactPic {
	width: 200px;
	height: 130px;
	margin: 10px auto 0 auto;
}

#pic {
	border: 2px solid #cbcbcb;	
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
}

#content{
	width: 942px;
	min-height: 300px;
	margin: auto auto;
	position: relative;
}

/*Sidebar*/

#sidebar{
	background: #1b1b1b url(../images/sidebarHead-bg.jpg) no-repeat top center;
	width: 230px;
	min-height: 401px;
	float: left;
	padding-bottom: 15px;
}

#sidebarFrameHolder {
	margin: 36px 15px 0 3px;	
	width: 200px;
}

.sidebarFrames{
	width: 80px;
	height: 80px;
	float: left;
	margin: 15px 0 0 20px;
}

.sidebarPic {
	border: 2px solid #cbcbcb;	
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);	
}

.sidebarFrames h3 {
	color: #9a9a9a;
	font: bold 12px Arial, Helvetica, sans-serif;	
	text-align: center;
}
/*Main Content*/

#mainContent {
	background: transparent url(../images/mainContentHead-bg.jpg) no-repeat top center;
	width: 693px;
	min-height: 201px;
	float: right;
	padding: 0;
}

#mainContent h2{
	color:#060;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 5px 8px 5px 8px;
}

#featuredMainContent{
	
	background: #1b1b1b;
	width: 693px;
	height: 183px;
	margin: 6px auto 0 auto;
	text-align: center;
}

#post{
	width: 693px;
	min-height: 100px;
	color: #999;
	text-align: justify;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}

#post h2{
	font: normal 16px Arial, Helvetica, sans-serif;	
}

/*Post*/

#landscaping {
	float: left;	
}

#hardscape {
	float: left;
	margin: 0 0 0 20px;
}

#featured-services {
	float: left;		
	margin: 0 0 0 20px;
}

#maintenance {
	float: left;	
	margin: 0 0 0 20px;
}

#landscaping ul, #hardscape ul, #featured-services ul, #maintenance ul{
	text-indent: 20px;	
}

#contact-link {
	float: left;	
}



/*Service Content*/

#serviceContent {
	background: transparent url(../images/mainContentHead-bg.jpg) no-repeat top center;
	width: 693px;
	min-height: 32px;
	float: right;
	padding: 0;
	margin: 20px 0 0 0;
}

#serviceContent h2{
	color:#060;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 5px 8px 5px 8px;
}

.mainList {
	float: left;
	color: #cbcbcb;
	margin: 20px 0 0 70px;
	
}

.mainList li{	
	list-style-image: url(../images/list-style.jpg);
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cbcbcb;
}

.subList {	
	margin: 5px 0 0 0;	
}

.subList li{
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #9a9a9a;
}

/*Contact Us*/

#contact-form {
	width: 440px;
	margin: auto auto;
}

#contact-form tr{
	height: 30px;	
}

#contact-form .label {
	width: 100px;	
}

#contact-form .comment label {
}

#contact-form input {
	width: 300px;	
}


textarea {
	width: 300px;
	margin: 0 0 10px 0;
}

#submit-button {
	width: 50px;	
	margin: 0 0 0 80px;
}

/*Footer*/

#footer {
	background: transparent url(../images/footer-bg.jpg) no-repeat top center;
	width: 942px;
	height: 41px;
	margin: 30px auto 0 auto;
}

#footerNav {
	padding: 10px 0 0 0;
	text-align: center;
}

#footerNav li {
	display: inline;
	margin-left: 20px;
}

#footerNav li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font: normal 10px Arial, Helvetica, sans-serif;	
}