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

/*Main Area Background*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e8e2d8;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	height:100%;
	width:100%;
}
html, body, #wrapper {
	padding: 0;
	border: none;
}
html {
	width:100%;
	height:100%;
}
#flash_embed {
	background-color:#6EC8C8;
}
#bigwrap {
	position:relative; /*NOTE: This is set to relative so any AP DIVs in it are positioned relative to it!!!*/
	margin: 0 auto;
	width: 773px;
	height:100%;
}
#wrapper {
	position:relative; /*NOTE: This is set to relative so any AP DIVs in it are positioned relative to it!!!*/
	background-color: #ddd8cc;
	margin: 0 auto;
	vertical-align: top;
	width: 773px;
	background-image:url(../images/bg_wrapper.gif);
	background-repeat:repeat-y;
}

/*Header*/
h1 {
	text-indent:-9999px;
	width: 773px;
	height:114px;
	background-color:#6EC8C8;
	background-image:url(../images/covillo-landscape-gardening-maintenance.jpg);
	background-repeat:no-repeat;
}

/* Top Nav Coding*/
#nav {
	width:769px;
	height:125px;
	background-color:#6EC8C8;
}
body.intro #nav{
	margin-top:-22px;
	margin-right:4px;
}
body.intro #wrapper{
	margin-top:-22px;
}


/* AP DIVS used as Buttons */
#topHomeBtn {
	position:absolute;
	width:500px;
	height:113px;
	z-index:1;
}
#topBtnContact {
	position:absolute;
	width:143px;
	height:66px;
	z-index:2;
	left: 619px;
	top: 38px;
}
#topBtnServices {
	position:absolute;
	width:204px;
	height:24px;
	z-index:3;
	left: 559px;
	top: 11px;
}
	


/* <==== SEE BOTTOM (LAST SECTION) OF THIS CSS FILE FOR MAIN NAV BUTTON CODE ===> */


/*Content Area*/
#contentArea {
	margin: 45px 0 0 25px;
}
#contentAreaLeft {
	margin:0;
	width: 180px;
	height:100%;
	padding: 0;
	float:left;
}
#contentAreaRight {
	width: 480px;
	margin:0;
	padding: 0;
	float:left;
}
.portgrid {
	clear:left;
	width:715px;
	padding-top:5px;
	overflow:hidden;
}
.portdivider {
	width:705px;
	padding:0;
	border-bottom:solid;
	border-width:5px;
	border-color:#642d8a;
	margin-bottom:7px;
}
	
.portthumb{
	margin-right:7px;
	margin-bottom:7px;
	float:left;
}
#contactLeft {
	width: 195px;
	padding: 0;
	float:left;
	margin-top:75px;
}
#contactRight {
	width: 480px;
	margin-left:195px;
	padding: 0;
}
.contactfield{
	width:100%;
	margin-top:3px;
}

#team h3{
	margin:0;
}

/* Footer Syles */
#footer {
	clear:left;
	width: 773px;
	height:211px;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#copyright {
	margin: 10px 0 0 0;
	text-align:right;
	color: #636363;
	font-size:10px;
	font-style:italic;
}


/* Global font colors, list styles, and roll over links */

p {
	font-size: 13px;
	color: #51493E;
	line-height: 18px;
}

.purple {
	font-size: 13px;
	color:#632d8a;
	line-height: 18px;
}

h2 {
	font-size: 21px;
	color:#632d8a;
	float:left;
	margin: -3px 5px 0 0;
	line-height: 20px;
}
h3 {
	font-size: 14px;
	color:#632d8a;
	margin-top:30px;
	line-height: 20px;
	font-weight:bold;
}
h4 {
	font-size: 13px;
	color:#632d8a;
	line-height: 18px;
	font-weight:bold;
}
h5 {
	font-size: 13px;
	color:#632d8a;
	line-height: 18px;
	font-weight:normal;
}

.teal {color: #55a3a1;font-style:italic;}

.tablelabel {
	font-size: 13px;
	color: #51493E;
	font-weight:bold;
}

.headline_pic {
	margin-bottom:-15px;
}


a.bodylink:link {
	color: #632d8a;
	text-decoration: none;
}
a.bodylink:visited {
	text-decoration: none;
	color: #632d8a;
}
a.bodylink:hover {
	text-decoration: none;
	color: #3B352D;
}
a.bodylink:active {
	text-decoration: none;
	color: #3B352D;
}

/* Images */
.marginBottom10 {
	margin-bottom:10px;
}

.level1 li {
	list-style:disc;
	font-size:12px;
	color: #51493E;
	line-height: 18px;
	margin: 10px 0 10px 40px;
	font-weight:normal;
}

.level2 li {
	list-style:circle;
	font-size:12px;
	color: #51493E;
	line-height: 15px;
	margin-left:40px;
	font-weight:normal;
}


/* ============ MAIN NAV BUTTONS ================================= */

#btnServices
{
  display: block;
  width: 195px;
  height: 125px;;
  background-image:url(../images/btn_services.jpg);
  background-repeat:no-repeat;
  float:left;
}

#btnServices:hover
{ 
  background-position: 0 -125px;
}
#btnServices span
{
  display: none;
}
body#services #btnServices
{ 
  background-position: 0 -125px;
}

#btnPortfolio
{
  display: block;
  width: 192px;
  height: 125px;;
  background-image:url(../images/btn_portfolio.jpg);
  background-repeat:no-repeat;
  float:left;
}
#btnPortfolio:hover
{ 
  background-position: 0 -125px;
}
#btnPortfolio span
{
  display: none;
}
body#portfolio #btnPortfolio
{ 
  background-position: 0 -125px;
}

#btnTeam
{
  display: block;
  width: 190px;
  height: 125px;;
  background-image:url(../images/btn_team.jpg);
  background-repeat:no-repeat;
  float:left;
}
#btnTeam:hover
{ 
  background-position: 0 -125px;
}
#btnTeam span
{
  display: none;
}
body#team #btnTeam
{ 
  background-position: 0 -125px;
}

#btnContact
{
  display: block;
  width: 192px;
  height: 125px;;
  background-image:url(../images/btn_contact.jpg);
  background-repeat:no-repeat;
  float:left;
}
#btnContact:hover
{ 
  background-position: 0 -125px;
}
#btnContact span
{
  display: none;
}
body#contact #btnContact
{ 
  background-position: 0 -125px;
}