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, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}body {
	background: #084 url('../images/bg.gif') left top repeat;
	font: 10pt/14pt 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
	color: #000;
}

a { color: #062; text-decoration: none; }
	a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }

.twothird { width: 580px; }
.onethird { width: 290px; }


.bull {
	list-style: disc;
	margin-left: 30px;
}

h1 {
	clear: both;
	font-size: 18pt;
	margin-bottom: 15px;
	color: #084;
}

h2 {
	clear: both;
	font-size: 14pt;
	margin-bottom: 5px;
	color: #084;
}

#container {
	width: 960px;
	margin: auto;
	padding-top: 40px;
}

.content {
	width: 960px;
	margin: 0 -19px;
	padding: 0 19px;
}

#logo {
	display: block;
	width: 322px;
	height: 200px;
	margin: auto;
	text-indent: -9999px;
	background: url('../images/logo.png') left top no-repeat;
}
	#logo:hover { background-position: 0 -px; }

#nav {
	height: 50px;
	background-image: url('../images/content-bg-top.png');
	padding-top: 20px;
}
#nav li {
	display: block;
	float: left;
}
#nav li a {
	display: block;
	float: left;
	width: 96px;
	height: 50px;
	text-indent: -9999px;
}

	#nav li a#home { background-image: url('../images/nav-home.gif'); }
	#nav li a#about { background-image: url('../images/nav-about.gif'); }
	#nav li a#contracting { background-image: url('../images/nav-contracting.gif'); }
	#nav li a#grounds { background-image: url('../images/nav-grounds.gif'); }
	#nav li a#landscaping { background-image: url('../images/nav-landscaping.gif'); }
	#nav li a#masonry { background-image: url('../images/nav-masonry.gif'); }
	#nav li a#general { background-image: url('../images/nav-general.gif'); }
	#nav li a#excavation { background-image: url('../images/nav-excavation.gif'); }
	#nav li a#testimonials { background-image: url('../images/nav-testimonials.gif'); }
	#nav li a#contact { background-image: url('../images/nav-contact.gif'); }
	#nav li a:hover { background-position: 0 -50px; }

#content {
	padding: 30px 49px;
	width: 900px;
	background-image: url('../images/content-bg-mid.png');
	background-repeat: repeat-y;
	overflow: hidden;
}

#cycle {
	margin: -30px;
	margin-bottom: 30px;
	text-shadow: #000 0 0 7px, #000 0 0 3px;
	color: #fff;
	height: 300px !important;
	font-weight: bold;
	font-size: 22pt;
	line-height: 26pt;
}
	
	.ct { height: 0 !important; margin-top: -300px; position: relative; }
		#ct1 .ct { top: 30px; left: 30px; }
		#ct2 .ct { top: 230px; left: 750px; }
		#ct3 .ct { top: 150px; left: 390px; }
		#ct4 .ct { top: 230px; left: 30px; }
		#ct5 .ct { top: 230px; left: 30px; }
		#ct6 .ct { top: 30px; left: 30px; }
		#ct7 .ct { top: 150px; left: 390px; }
		#ct8 .ct { top: 230px; left: 30px; }
		#ct9 .ct { top: 30px; left: 30px; }
		#ct10 .ct { top: 230px; left: 650px; }
		
	#cyclenav {
		float: right;
		height: 10px;
		position: relative;
		z-index: 200;
		margin-bottom: -10px;
		top: -20px;
		left: 20px;
	}
	#cyclenav a {
		display: block;
		float: left;
		margin-right: 5px;
		background-color: #FD1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		height: 10px;
		width: 10px;
		text-indent: -9999px;
	}
	#cyclenav a.activeSlide { background: #ea0 }
	#cyclenav a:focus { outline: none; }

	

#tagline {
	font-size: 22pt;
}

.sub {
	margin: -64px -30px -290px 0;
}

.thin {
	width: 600px;
}
#gallery {
	width: 910px;
}
.highslide {
	width: 172px;
	height: 129px;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border-bottom: 5px solid #084;
}
	.highslide:hover { border-color: #051; }
	
	.icon-pdf {
		display: block;
		width: 50px;
		height: 50px;
		background: url('../images/icon-pdf.png') left top no-repeat;
		float: right;
		margin-top: -60px;
		margin-right: 10px;
		position: relative;
		z-index: 200;
	}

	
#contactform {
	width: 410px;
}
label {
	display: block;
	width: 100px;
	float: left;
}
	.input {
		font: 10pt/14pt 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
		width: 300px;
		border: 2px solid #084;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 3px;
		margin-bottom: 5px;
		height: 17px;
		background-color: #fdfdfd;
	}
		.input.error { border-color: #fc7; }
		.input:hover, .input:focus { background-color: #fff; border-color: #051; }
		textarea.input { height: 128px; }

.subnav {
	float: right;
	margin-top: -37px;
}
	.subnav li { display: block; float: left; }
		.subnav li a {
			display: block;
			float: left;
			background-color: #084;
			color: #FFB;
			height: 18px;
			padding: 3px 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-right: 5px;
		}
			.subnav li a:hover, .subnav li a:active { background-color: #051; text-decoration: none; }

.wider { clear: both; width: 910px; margin-top: 20px; overflow: hidden; }

.subsub { margin-left: 30px; }

#footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	font-size: 7.5pt;
	text-transform: uppercase;
	height: 55px;
	background-image: url('../images/content-bg-bot.png');
	letter-spacing: 2px;
	color: #062;
	position: relative;
	z-index: 20;
}
	#footer a { color: #fff; }
		#footer a:hover { color: #fff; }