@charset "utf-8";
/****************************************************
#####################################################
##-------------------------------------------------##
##   Thomas J Costello Landscaping- Version 2.0  ##
##-------------------------------------------------##
## Copyright = okcllc.net- 2011                    ##
## Date      = December 2011                       ##
## Author    = O&K Consulting LLC                  ##
## Websites  = http://www.okcllc.net               ##
## Update: April 2013                              ##
#####################################################
****************************************************/
html {
height: 100%;

}

body{
	margin:0;
	padding:0;
	text-align:center;
    background: url(../images/bg.jpg) repeat-y 0 0 #fff;
    background-attachment:fixed;
	font-size:14px;
	line-height: 150%;
	color:#000000;
	font-family: Arial, "trebuchet ms", tahoma, Helvetica, sans-serif;
	font-weight:normal;
}

.content{
	width:900px;
	text-align:center;
	background:transparent;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

#header {
	float:left;
	width:900px;
	height:200px;
	margin:20px 0 0 0;
}

#main-center {
	float:left;
	width:900px;
	background:#ffffff url(../images/lg_bg.png) 0 0 repeat;
	margin-top:40px;
}

#main-wrap {
	float:left;
	width:900px;
	height:129px;
	background:#edf4e6 url(../bg_img.png) 0 0 repeat;
	margin-top:-20px;
	margin-left:20px;
}

#main {
	float:left;
	background:transparent;
	width:670px;
	padding:0;
	text-align:left;
	margin-bottom:0px;
	margin-left:20px;
	margin-top:10px;
}

#sidebar {
	float:right;
	width:200px;
	text-align:left;
	padding-right:0px;
	padding:0;
	background:transparent;
	margin-top:20px;
}

div.contact {
  	width:350px;
  	height:auto;
 	 margin-left:135px;
  	margin-top:10px;
  	background-color:#ffffff url(../images/lg_bg.png) 0 0 repeat;
}

#footer {
	float:left;
	width:100%;
	height:100px;
	background:#36641c url(../images/footer.jpg) 0 0 repeat;
}

#footer a, #footer a:visited {
	font-weight: normal;
	color: #5E7830;
}

#footer p.left, #footer p.right {
	font-weight:normal;
	font-size:0.9em;
	color:#5E7830;
	width: 400px;
	display: inline;
	margin-bottom: 0;
	line-height: 120px;
}

#footer a.b, #footer a.b a:visited {
	font-weight: bold !important;
}

#footer p.left {
	float: left;
	text-align: left;
	margin-left: 15px;
}

#footer p.right {
	float: right;
	text-align: right;
	margin-right: 15px;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#36641c;
}

a:hover {
	color:#36641c;
}

h1 {
	font: 3.0em Arial, "Times New Roman", Times, serif;
	font-weight:bold;
	margin: -80px 0 10px 10px;
	width: 100%;
	padding: 40px 0 5px 0;
}

h1 a:link, h1 a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #ebf4e5;
	padding-top: 1em;
}

h1 a:hoover {
	font-weight: bold;
	text-decoration: none;
	color: #36641c;
	padding-top: 1em;
}

h2 {
	font: 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #ebf4e5;
	margin: -15px 0 0 30px;
}

h3 {
	color: #36641c;
	font: 1.7em Arial, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-align:center;
	padding-left: 1px;
	margin: 18px 0 10px 0;
}

p {
	line-height: 1.5em;
	margin-bottom: 7px;
}

.arrowgreen{
	width: 180px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left:10px;
}
	
.arrowgreen li a{
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../images/arrowgreen.gif) 100% 0;
    height: 24px;
	padding: 4px 0 4px 10px;
	line-height: 24px;
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}

.bouncec {
	width:95px; 
	height:71px; 
	float:left; 
	margin:10px 10px 10px 290px; 
	position:relative;
}

.bouncec img {
	width:100%;
}

.bouncec:hover {
	z-index:100;
}

.bouncec:hover .stepa {
	width:600px; 
	height:450px; 
	margin-left:-160px; 
	margin-top:-138px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncec:hover .stepb {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncech {
	width:95px; 
	height:71px; 
	float:left; 
	margin:50px 50px auto; 
	position:relative;
}

.bouncech img {
	width:100%;
}

.bouncech:hover {
	z-index:100;
}

.bouncech:hover .stepa {
	width:600px; 
	height:450px; 
	margin-left:-460px; 
	margin-top:-138px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncech:hover .stepb {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}


.bouncelc {
	width:95px; 
	height:71px; 
	float:left; 
	margin:2px 5px 2px 0; 
	position:relative;
}

.bouncerc {
	width:95px; 
	height:71px; 
	float:right; 
	margin:2px 2px 2px 5px; 
	position:relative;
}
.stepa {
	margin:0; 
	width:95px; 
	height:71px;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.stepb {
	width:100%; 
	height:100%; 
	margin:0;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.bouncelc img {
	width:100%;
}

.bouncerc img {
	width:100%;
}

.bouncelc:hover {
	z-index:100;
}

.bouncerc:hover {
	z-index:100;
}

.bouncelc:hover .stepa {
	width:600px; 
	height:450px; 
	margin-left:-60px; 
	margin-top:-168px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncelc:hover .stepb {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncerc:hover .stepa {
	width:600px; 
	height:450px; 
	margin-left:-430px; 
	margin-top:-355px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncerc:hover .stepb {
	width:80%; 
	height:80%; 
	margin:140px 50px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncetlc {
	width:205px; 
	height:96px;
	background: url(../images/home_slide.jpg);
	float:left; margin-left:15px; 
	margin-top:15px; 
	position:relative;
}

.step3 {
	margin:0; 
	width:205px; 
	height:96px;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.step4 {
	width:100%; 
	height:100%; 
	margin:0;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.bouncetlc img {
	width:100%;
}

.bouncetlc:hover {
	z-index:100;
}

.bouncetlc:hover .step3 {
	width:749px; 
	height:350px;
	margin-left:-135px; 
	margin-top:135px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncetlc:hover .step4 {
	width:80%; 
	height:80%;
	 margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncetrc {
	width:205px; 
	height:96px;
	background: url(../images/byard_slide.jpg);
	float:left; 
	margin-left:15px; 
	margin-top:15px; 
	position:relative;
}

.step3 {
	margin:0; 
	width:205px; 
	height:96px;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.step4 {
	width:100%; 
	height:100%; 
	margin:0;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.bouncetrc img {
	width:100%;
}

.bouncetrc:hover {
	z-index:100;
}

.bouncetrc:hover .step3 {
	width:749px; 
	height:350px; 
	margin-left:-355px;
	 margin-top:135px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncetrc:hover .step4 {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncetr {
	width:205px; 
	height:96px;
	background: url(../images/cherry_slide.jpg); 
	float:left; 
	margin-left:15px; 
	margin-top:15px; 
	position:relative;
}

.step5 {
	margin:0; 
	width:205px; 
	height:96px;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.step6 {
	width:100%; 
	height:100%; 
	margin:0;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.bouncetr img {
	width:100%;
}

.bouncetr:hover {
	z-index:100;
}

.bouncetr:hover .step5 {
	width:749px; 
	height:350px; 
	margin-left:-575px;
	margin-top:135px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncetr:hover .step6 {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}

.bouncetl {
	width:205px; 
	height:96px;
	background: url(../images/stonewall_slide.jpg); /**/
	float:left; 
	margin-left:15px; 
	margin-top:15px; 
	position:relative;
}

.step7 {
	margin:0; 
	width:205px; 
	height:96px;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.step8 {
	width:100%; 
	height:100%; 
	margin:0;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}

.bouncetl img {
	width:100%;
}

.bouncetl:hover {
	z-index:100;
}

.bouncetl:hover .step7 {
	width:749px; 
	height:350px; 
	margin-left:85px; 
	margin-top:135px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.bouncetl:hover .step8 {
	width:80%; 
	height:80%; 
	margin:40px 60px;
	-webkit-transition:0.15s 0.3s;
	-moz-transition:0.15s 0.3s;
	-ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transition:0.15s 0.3s;
}
/**end file***/