/* Resetting Browser-Set Defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {margin: 0px auto; padding: 0; text-align: center;  background: #eaeaea; color: #000; font-size:.8em; font-family: Arial, Helvetica, Sans-Serif;  }

p {margin-top: 0px; margin-bottom: 16px; padding: 0px;line-height: 1.3em; }
img {vertical-align: bottom; border:0px;}
img a, img a:link, img a:visited, img a:active {border:0px;}

/* Headings */
h1 { font-size: 1.3em;line-height: 1.3em; margin: 0px 0px 5px 0px; }
h2 { font-size: 1.1em;line-height: 1.1em; margin: 0px 0px 5px 0px; }

#wrapper {margin: 0 auto; width:100%  text-align: center; background: #d2d2d2 url('images/body-background.jpg'); background-repeat: repeat-y; background-position:center;}
#contentwrapper {margin: 0 auto; padding: 0px 0px 0px 0px; width: 820px; text-align: left;}


#header {margin: 0; padding: 0; width:820px; }
.headerlogo {margin:0; padding:0; width:820px; height:273px; background-image:url('images/metro-detroit-landscaping-logo-header-bg.jpg');}
.headerlogo span {display: none;}



#main {margin: 0; padding: 0px 0px 50px 0px; width: 820px; text-align: left; background-image:url('images/main_content_bg.gif'); background-repeat:repeat-y; border-collapse:collapse; border: 0px;}


#maincontent {margin: 0; padding: 0; text-align:left; overflow:hidden; }

.maincontentleft {margin: 0; padding: 0; width:286px; float:left; text-align: left; vertical-align:top; }
.maincontentleftcontent {margin: 0; padding: 0; }


.maincontentright {margin: 0; padding: 0; width:534px; float:left; vertical-align:top;}
.maincontentrightcontent {margin: 0; padding: 0; }
.maincontentrightcontent img {vertical-align:bottom;}
.rightcontent {margin:0; padding:0;}




.contentpadding {padding: 10px; margin: 0px; display:block;}

/* Photo Gallery */
.photos {margin: 10px;}
.photogallery { margin: 0px; text-align:center; display: block; clear:both; width: 820px; height: 110px;}
.photogallery .record {margin: 0px ; padding: 0px ; height: 110px; width: 110px;  list-style: none; float: left; display: block;  text-align:center;}
.photogallery img {text-align:left; vertical-align:top; padding: 5px; border: 1px solid #ccc; }

/* Services */
.services {width: 500px; text-align: left; margin: 0; padding: 10px 0 10px 10px; display:block;}
.servicesfont {font-size:14px; font-family:Verdana, Arial, Helvetica, Sans-Serif; display: block; font-weight: bold; font-style: underline;}
.services2 {background:#fff5dc; width: 500px; text-align: left; margin: 0; padding: 10px 0 10px 10px; display:block; clear:both; }
.servicescol {width: 166px; padding: 0px 0px 10px 0px; margin: 0; float: left;}
.servicescol ul {text-align: left; list-style:none;}


/* Left Column */
.secure-pay {margin: 15px 0px 0px 0px;}
.difference {margin: 15px 0px 0px 0px;}
.difference img {vertical-align: bottom;}
.difference ul {list-style-type: none; margin: 0px; padding: 0px;}
.difference li {display: inline; margin: 0px; padding: 0px;}

/* Slider */
#slider { width: 525px; margin: 0 auto;  position: relative;}
.scroll { width: 525px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel { padding: 10px; width: 505px;}
.nav {margin: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px solid #eaeaea;}
ul.navigation { list-style: none; margin: 0px; padding: 0;}
ul.navigation li { display: inline; margin: 0px; }
ul.navigation a { color: #000; text-decoration: none; float:left;}
ul.navigation a span {margin: 0px; display: block; padding: 3px 9px 3px 8px; background-color:#fff; font-weight: bold;}
ul.navigation a:hover span{ background-color: #ffeab1; }
ul.navigation a.selected span{ background-color: #eee;}
ul.navigation a:focus span{ outline: none;}
.hide { display: none;}

/* Slider */
#mainfull #slider { width: 805px; margin: 0 auto;  position: relative;}
#mainfull .scroll { width: 805px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
#mainfull .scrollContainer div.panel { padding: 10px; width: 785px;}
#mainfull .nav {margin: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px solid #eaeaea;}
#mainfull ul.navigation { list-style: none; margin: 0px; padding: 0;}
#mainfull ul.navigation li { display: inline; margin: 0px; }
#mainfull ul.navigation a { color: #000; text-decoration: none; float:left;}
#mainfull ul.navigation a span {margin: 0px; display: block; padding: 3px 9px 3px 8px; background-color:#fff; font-weight: bold;}
#mainfull ul.navigation a:hover span{ background-color: #ffeab1; }
#mainfull ul.navigation a.selected span{ background-color: #eee;}
#mainfull ul.navigation a:focus span{ outline: none;}
.hide { display: none;}


/*Footer */
#footer { padding: 0px; width: 100%; height: 100%; border-top: 1px solid #ddddde; overflow:hidden; background: #eaeaea; }
#footer>div {margin: 0 auto; width: 820px; text-align: left;  overflow:hidden;}
.area-serviced {margin: 10px;  }
.area-serviced p {font-size: .8em; line-height: 1.4em; color: #555; }

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}