body {
	background: #84aa61 url(../images/bg.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
}
body#inside {
	background: #84aa61 url(../images/bg-inside.jpg) repeat-x top;
}
#template {
	background-repeat: repeat-y;
    width: 1024px;
	margin-right: auto;
	margin-left: auto;
     }
img {border: none;}

a img { 
border: 0px; 
} 

#top {
	background: url(../images/southwestgreens_home_template_01.jpg) no-repeat bottom center;
	height: 142px;
	width: 1024px;
	position:relative;
}

#top-cpc {
	background: url(../images/southwestgreens_home_template_01-cpc.jpg) no-repeat bottom center;
	height: 142px;
	width: 1024px;
	position:relative;
}
#top a.cta, #top-cpc a.cta {
	position:absolute;
	display:block;
	top: 50px;
	right:140px;
	width:190px;
	height:90px;
	text-decoration: none;
}
#logo {
	border:0px;
	height: 142px;
	width: 1024px;
}
#golfing-greens a {
		width: 174px;
		height: 85px;
		background: url(../../images/golf-greens.jpg) no-repeat top center;
		float: right;
		margin: 50px 147px 0 0;
}

#mid {
	background-image: url(../images/southwestgreens_home_template_02.jpg);
	height: 288px;
	width: 1024px;
}
#flashes {
	width: 740px;
	float: left;
	margin-left: -5px;
	padding: 10px 0 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#laguna-beach-putting-greens {background-image: url(../images/turf-and-grass.jpg);height: 150px;width: 1024px;}
#orange-county-artificial-grass {background-image: url(../images/turf-and-grass.jpg);height: 150px;width: 1024px;}
#anaheim-indoor-putting-greens {background-image: url(../images/indoor-putting-greens.jpg);height: 150px;width: 1024px;}
#putting-greens {background-image: url(../images/putting-greens.jpg);height: 150px;width: 1024px;}
#commercial-applications {background-image: url(../images/commercial-applpications.jpg);height: 150px;width: 1024px;}
#pro-endorsements {background-image: url(../images/pro-endorsements.jpg);height: 150px;width: 1024px;}
#backyard-greens {background-image: url(../images/backyard-greens.jpg);height: 150px;width: 1024px;}
#turf-and-grass {background-image: url(../images/turf-and-grass.jpg);height: 150px;width: 1024px;}
#tee-lines {background-image: url(../images/tee-lines.jpg);height: 150px;width: 1024px;}
#aboutus {background-image: url(../images/about-us.jpg);height: 150px;width: 1024px;}
#orange-county-golf-greens {background-image: url(../images/putting-greens-georgetown.jpg);height: 150px;width: 1024px;}
#artificial-grass-austin {background-image: url(../images/artificial-grass-austin.jpg);height: 150px;width: 1024px;}
#sitemap {background-image: url(../images/sitemap.jpg);height: 150px;width: 1024px;}
#pro-endorsements {background-image: url(../images/pro-endorsements.jpg);height: 150px;width: 1024px;}
#contact-us {background-image: url(../images/contact-us.jpg);height: 150px;width: 1024px;}
#photos {background-image: url(../images/photos.jpg);height: 150px;width: 1024px;}


#white-spacer {
	background-image: url(../images/southwestgreens_home_template_03.jpg);
	height: 11px;
	width: 1024px;
}
#nav {
    background-image: url(../images/southwestgreens_home_template_04.jpg);
	height: 40px;
	width: 1024px;
}
#navigation{z-index:1;text-align:center;}
#content {
	width: 1024px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;z-index:1;
}
.content-text {
	width: 732px;
	margin-right: 134px;
	margin-left: 126px;
	padding: 3px 15px 5px;
	background-color: #FFFFFF;
	overflow: auto;
	overflow-x: hidden;
}
	#content-main {
		width: 476px;
		float: left;
		padding-top: 10px;
	}
	#content-sidebar {
		width: 244px;
		float: right;
		padding-left: 5px;
		margin: 10px 0px 10px 5px;
		border-left: 2px solid #eee;
	}
#title-bg {
	background-image: url(../images/text-bg.jpg);
	line-height: 35px;
}
#title-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3d3f52;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 35px;
}


#bottom {
	background-image: url(../images/southwestgreens_home_template_06.jpg);
	height: 57px;
	width: 1024px;
}
#footerbg {
	background-image: url(../images/southwestgreens_home_template_07.jpg);
	background-repeat: repeat-y;
	width: 1024px;
}
.footer {
	font-size:11px;
	width: 732px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 3px;
	padding-right: 150px;
	padding-bottom: 5px;
	padding-left: 142px;
}

a:link{color:#596094;font-weight:bold;text-decoration:udnerline;}
a:visited{color:#596094;font-weight:bold;text-decoration:underline;}
a:hover{color:#3c4064;text-decoration:none;}
a:active{color:#3c4064;}

.footer a:link{color:#fff;text-decoration:none;}
.footer a:visited{color:#fff;text-decoration:none;}
.footer a:hover{color:#ccc;text-decoration: underline;}
.footer a:active{color:#ccc;}

.free_quote a:link{color:#A2243A;text-decoration:none;}
.free_quote a:visited{color:#A2243A;text-decoration:none;}
.free_quote a:hover{color:#b4b62a;text-decoration:none;}
.free_quote a:active{color:#b4b62a;text-decoration:none;}



#green-consultation {
	border:0px;
	background-image: url(../images/green-consultation.jpg);
	height: 133px;
	width: 283px;
	clear: both;
	margin-left: 595px;
	margin-top: -133px;
}

.headercta {float: right; margin: 0px; margin-right: 0px; z-index:0;position:relative;}
.headercta span {visibility:hidden;display:none;text-align:center; margin: auto;position:relative;}
.headercta:hover span {visibility:visible; position:absolute; top:0px; left:0px;text-align:center; margin: auto;}

.ctahov {float: right; margin: 10px; margin-right: 0px; position:relative; display:block; z-index:0;}
.ctahov span {visibility:hidden;display:none;text-align:center; margin: auto;}
.ctahov:hover span {visibility:visible;display:block; position:absolute; top:0px; left:0px;text-align:center; margin: auto;}



.rightimg {float: right; margin: 10px; margin-right: 0px; margin-top: 0px; position:relative; display:block; z-index:0;}
.leftimg {float: left;  margin: 10px; margin-left: 0px; margin-top: 0px; position:relative; display:block; z-index:0;}

.leftimg span, .rightimg span {visibility:hidden;display:none;}
.leftimg:hover span, .rightimg:hover span {visibility:visible;display:block; position:absolute; top:0px; left:0px;}

.vid {float: right; margin: 10px; margin-right: 0px; margin-top: -5px; position:relative; display:block; z-index:0;}
.vid span {visibility:hidden;display:none;}
.vid:hover span {visibility:visible;display:block; position:absolute; top:0px; left:0px;}

img {border:none;}


.border {
border:1px solid #477C8E;
padding:4px;
}

a.conversion {color:#FF0000;}
a.conversion:hover {color:#000000;}

#slideshow {
	margin-left: 595px;
}

h1 {
	font-size: 12px;
	text-transform: capitalize;
	color: #666666;
	text-align: left;
	padding: 0px;
	font-family: Georgia, Times, serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
h2 {
	font-size: 11px;
	text-transform: capitalize;
	color: #666666;
	text-align: left;
	padding: 0px;
	font-family: Georgia, Times, serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}


/* ##################################################################### NAV ######################################################## */
#topnav {height: 40px;width: 762px;cursor: default;margin: 0px 137px 0px 126px;}
/*#topnavi {width: 1024px;height: 40px;background: url(../images/southwestgreens_home_template_04.jpg) no-repeat;margin: 0px; padding: 0;position: relative;} */
#topnavi {width: 762px;height: 40px;background: url(../images/southwestgreens_home_template_04.jpg) no-repeat;margin: 0px; padding: 0;position: relative;z-index:1;background-position: -126px 0;}
#topnavi li {margin: 0;padding: 0;list-style: none;position: absolute;display: block;height: 31px;}

#topnavi a {display: block;font-family:Arial, Helvetica, sans-serif; font-style:none; font-weight: bold;color: #174A11;text-decoration: none;font-size: 11px;text-align: center;background-color: transparent;}

#topnavi1 {left: 17px; top: 0px; width: 33px; height: 40px;}
#topnavi2 {left: 58px; top: 0px; width: 105px; height: 40px;}
#topnavi3 {left: 173px;top: 0px;width: 84px;height: 40px;}
#topnavi4 {left: 267px;top: 0px;width: 84px;height: 40px;}
#topnavi5 {left: 360px;top: 0px;width: 55px;height: 40px;}
#topnavi6 {left: 421px;top: 0px;width: 142px;height: 40px;}
#topnavi8 {left: 570px;top: 0px;width: 40px;height: 40px;}
#topnavi7 {left: 623px;top: 0px;width: 50px;height: 40px;}
#topnavi9 {left: 685px;top: 0px;width: 62px;height: 40px;}

#topnavi1 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi2 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi3 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi4 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi5 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi6 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi7 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi8 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}
#topnavi9 a {color: #FFFFFF; height: 18px; padding-left: 0px; padding-top: 12px; text-align:left;}

#topnavi1 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi2 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi3 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi4 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi5 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi6 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi7 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;z-index:1;}
#topnavi8 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}
#topnavi9 a:hover {color: #D9DBA9;text-decoration: underline; padding-top: 12px; height: 22px;}

/* static: */
#topnavi ul li a {
	background-color:#000000;
	width: 205px;
	height:16px;
	padding: 2px;
	margin: 0px;
	position:absolute;
	top:-15px;
	left:-171px;
	color:#FFFFFF;
	border: 0px;
}

#topnavi li:hover ul a, #topnavi ul li:hover ul li a {background-color:#474F7E;width: 226px;
	padding: 2px;
    height:20px;
	margin: 0px;
	border: 0px;
	line-height: 20px;
	color:#FFFFFF;}

/* hover: */
#topnavi ul li:hover a, #topnavi ul li:hover ul li:hover a {background-color:#474f80;	width: 226px;
	padding: 2px;
	height:20px;
	margin: 0px;
	background-color: #636C9F;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;}

/* SUB 1 (second drop out) */

/* >> most of the times, no reason to change: */
#topnavi ul {visibility: hidden;}
#topnavi li:hover ul {visibility: visible;}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#sub1 {top: 45px; left: -3px;}
#sub2 {top: 66px; left: -3px;}
#sub3 {top: 87px; left: -3px;}
#sub4 {top: 108px; left: -3px;}
#sub5 {top: 129px; left: -3px;}
#sub6 {top: 150px; left: -3px;}
#sub7 {top: 171px; left: -3px;}

/* SUB 2 (second drop out): */

/* >> most of the times, no reason to change: */
#topnavi ul ul {visibility: hidden;}
#topnavi li:hover ul ul {visibility: hidden;}
#topnavi ul li:hover ul {visibility: visible;}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#sub1-1 {top: 0px; left: -230px;}
#sub1-2 {top: 21px; left: -230px;}
#sub1-3 {top: 42px; left: -230px;}
#sub1-4 {top: 63px; left: -230px;}
#sub1-5 {top: 84px; left: -230px;}
#sub1-6 {top: 105px; left: -230px;}
#sub1-7 {top: 126px; left: -230px;}
#sub1-8 {top: 147px; left: -230px;}
#sub1-9 {top: 168px; left: -230px;}
#sub1-10 {top: 189px; left: -230px;}
/* =======================Pop-Out-Nav========================= */