html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align:baseline;
}

body { 
	background: #403321 url(http://www.hasedesign.com/i/bgWaterpress.jpg) center top no-repeat;
	color: #ffffff;
	font-family: georgia, serif;
	/*font-size: 1.03em;
	line-height: 1.4em;*/
	font-size: .84em;
	line-height: 1.7em;
	text-align: center;
}

a:focus {
	-moz-outline-style: none;
}

.wrapper {
	margin: 0 auto;
	width: 930px;
	text-align: left;
}


#nav {
	float: right;
	margin-top: 28px;
}
		#nav li {
			display: block;
			float: left;
			list-style: none;
		}
		#nav li a {
			display: block;
			height: 62px;
		}
		.nav1, .nav2, .nav3, .nav4, .nav5, .nav6 {
			background: url(i/nav.gif) no-repeat;
		}
		.nav1 { background-position: -17px 0; width: 108px; }
		.nav2 { background-position: -125px 0; width: 110px; }
		.nav3 { background-position: -232px 0; width: 116px; }
		.nav4 { background-position: -351px 0; width: 76px; }
		.nav5 { background-position: -424px 0; width: 79px; }
		.nav6 { background-position: -513px 0; width: 82px; }
		.nav1:hover { background-position: -17px -62px; width: 108px; }
		.nav2:hover { background-position: -125px -62px; width: 110px; }
		.nav3:hover { background-position: -232px -62px; width: 116px; }
		.nav4:hover { background-position: -351px -62px; width: 76px; }
		.nav5:hover { background-position: -424px -62px; width: 79px; }
		.nav6:hover { background-position: -513px -62px; width: 82px; }

	
#mainIntro {
	float: right;
	margin: 30px 36px 0 0px;
	
}
		#mainIntro img {
			margin-bottom: 10px;
		}
		#mainIntro p {
			font-size:1.3em;
			line-height:1.5em;
			margin:0;
			padding:5px 0 0;
			width:284px;
		}
		/** html #mainIntro p { width: 329px; height: 184px; }*/
		


#highlights { float: right; margin-bottom: 25px; position: relative; }
		#highlightsSlide{ margin: 30px 0 0 30px; overflow:hidden; width:568px; height:335px;}	
				#highlightsSlide ul{ height: 1560px; list-style: none; margin: 0; padding: 0; }
				#highlightsSlide li{ height: 520px; width: 568px; margin: 0; padding: 0; }
		.hiImg { border: solid 6px #5a4e3e; }
		.hiLink { background: url(i/arrowRight2.gif) right -2px no-repeat; font-style: italic; color: #97c8da; margin-left: 10px; padding-right: 18px; text-decoration: none;}
		.hiLink3 { background: url(i/arrowRight2.gif) right 3px no-repeat; font-style: italic; color: #97c8da; margin-left: 10px; padding-right: 18px; text-decoration: none;}
				.hiLink img { display: inline; }
				.hiLink3 img { display: inline; }
		.next, .prev{ cursor: pointer; position: absolute; left: 28px; }
		.next { bottom: 0px; }
		.prev { bottom: 40px; }
		#info { margin: 25px 0 0 50px; }
		#info p { margin: 0; }

		
#services {
	float: left; margin: 30px 0 0 10px;
}
		#services p { width: 300px; margin-bottom: 20px; }
#servicesContainer {
	background: url(i/bgServices.jpg) no-repeat;
	float: left; 
	margin: 30px 0 30px 50px; 
	position: relative;
	width: 531px; 
	height: 361px; 
}
		#servicesScroll { margin: 26px; overflow: hidden; width: 480px;}
		#servicesScroll ul { 
			margin: 0; 
			padding: 0; 
			list-style: none;
			width: 1440px;
		}
				#servicesScroll li {
					float: left;
					display: inline;
					margin: 0;
					padding: 0 0 0 1px;
					width: 479px;
				}
				#servicesScroll li .slideImg {
					border: solid 5px #433624;
					float: left;
					margin-right: 30px;
				}
				#servicesScroll li p { margin: 0 0 16px 0; }
				#servicesScroll li p img { margin-right: 8px; }
				h2 { padding: 0; margin: 0; color: #9bc6d6; font-size: 1em; }
	#servicesContainer .prev { position: absolute; top: 160px; left: -23px;}
	#servicesContainer .next { position: absolute; top: 160px; left: 521px;}
		
		
.aboutUs {
	float: left;
	margin: 30px 0 0 10px;
	width: 210px;
}
		.aboutUs p {
			color: #fff;
		}

#aboutPictures{
	float: left;
	margin: 30px 30px 40px;
}

#contactProposal {float: left; margin: 30px 0 46px 0;
}
		#contactProposal img { margin: 0 0 10px 10px; }
		#contactProposal p { background: url(i/bgRabbitbox2.jpg) no-repeat; height: 254px; padding: 30px 30px 0 79px; width: 220px;}
		
#form { float: left; margin: 63px 30px 0; width: 250px; }
		#contact input, #contact textarea {
			background: #453825;
			border: solid 5px #564b3b;
			color: #fff;
			font-family: GillSans, Trebuchet, Calibri, sans-serif;
			font-size: 1em;
			line-height: 1.3em;
			margin-bottom: 16px;
			padding: 6px 0 0 6px;
			width: 234px;
		}
		#contact input {
				height: 24px;
		}
		#contact input.button {
			background: url(i/formSubmit.jpg) no-repeat right 4px;
			border: 0;
			cursor: pointer;
			display: block;
			float: right;
			padding: 0;
			margin: 0 0 20px 0;
			width: 100px;
			height: 32px;
		}
		#contact img { margin-bottom: 6px; }
		#submitMessage { background: #453825; margin: 100px 50px 50px 50px;}
		
#contactInfo { 
	clear: right;
	background: url(i/bgRabbitbox3.gif) no-repeat; 
	float: left; 
	margin: 83px 0 0 0;
	width: 286px; 
	height: 220px; 
	text-align: center;
}
		#contactInfo table {
			margin: 30px 0 0 40px;
		}
		#contactInfo table td.first {
			color: #97c8da;
			font-weight: bold;
			padding-right: 20px;
			text-align: right;
		}
		#contactInfo table em {
			font-weight: bold;
			font-style: normal;
		}
		#contactInfo table tr {
			border: solid 1px #fff;
		}
		.contactLink {
			margin: 32px 0 0 0;
			
		}
		.contactLink2 {
			margin: 30px 0 0 0;
		}
		

		
		
#darkBarContainer {
	width: 100%;
	position: relative;
}
		#darkBar {
			background: #372c1c;
			position: absolute; top: 0; left: 0;
			width: 100%; height: 270px;
			filter:alpha(opacity=60);
			-moz-opacity:0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6;
		}
		.darkBarWrapper {
			position: relative;
			margin: 0 auto;
			width: 930px;
			height: 280px;
			text-align: left;
		}
				.footCol1 { float: left; margin: 45px 0; width: 300px; }
						.footCol1 img { margin-bottom: 25px; }
						h4 { border-top: 1px dotted #ffffff; font-size: 1em; font-weight: normal; margin:0; padding: 2px 0;}
						h4.last { border-bottom: 1px dotted #ffffff; }
						h4 a { text-decoration: none; color: #9bc6d6; }
						h4 a:hover { text-decoration: none; color: #d0e7ef; }
						.blogDate { color: #897f70; font-style: italic; padding-right: 10px; }
				
				.footCol2 { float: left; margin: 45px 30px; width: 330px; }
					.footCol2 .inspired { border: 0; margin-top: 25px; }
				.footCol3 { float: left; margin: 45px 0; width: 240px; }

.portContainer { margin: 45px 0 30px 0; }
.lastport { margin-bottom: 30px; }
		.portImage { float: left; }
				.portImage img { border: solid 5px #564b3b; }
		.portInfo { float: left; margin: 0 36px; width: 318px; }
				.hiLink2 { background: url(i/arrowRight2.gif) right -2px no-repeat; font-style: italic; color: #97c8da; padding-right: 18px; text-decoration: none;}
		.portThumbs { float: left; width: 110px;}
				.portThumbs img, .portThumbsMisc img { border: solid 5px #564b3b; margin-bottom: 20px;}
				
		.portThumbsMisc { width: 460px; margin: 20px 0 0 0; padding: 0; list-style-type: none; }
				.portThumbsMisc li { float: left; margin: 0 20px 0 0; }
	
	

#footList {
	margin: 0 0 8px 0;
	padding: 0;
}
		#footList li {
			color: #756a5b;
			font-weight: bold;
			float: left;
			list-style: none;
			margin: 0 25px 0 0;
		}
		#footList li a {
			color: #756a5b;
			text-decoration: none;
		}
		#footList li a:hover {
			color: #9e9486;
		}



.clear {
	clear: both;
}

.logo {
	float: left;
	margin: 26px 0 0 35px;
}