body {
	background: #EDEEEE;
	color: black;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
}

body, html, #wrap, #inner-wrap, #waves, #lines, #swoosh,
#menu, #text, .bottom-shadow, .thumb-holder {
	margin: 0;
	padding: 0;
}

a img { border: none; }

/* ------ LAYOUT & BACKGROUND IMAGES ------ */

#wrap {
	width: 760px;
	margin: 0 auto;
	background: white url(/images/shadow.jpg) top left repeat-y;
}

#inner-wrap {
	width: 743px;
	margin-left: 9px;
	background: transparent url(/images/content-mid2.jpg) top left repeat-y;
	position: relative;
}

#waves {
	background: transparent url(/images/waves.jpg) bottom left no-repeat;
	padding-bottom: 167px;
	width: 743px;
}

#home #waves {
	background: transparent url(/images/waves.gif) bottom left no-repeat;
}

#lines {
	background: transparent url(/images/lines.jpg) bottom left no-repeat;
	width: 743px;
}

#swoosh {
	background: transparent url(/images/swoosh.gif) top right no-repeat;
	width: 743px;
	min-height: 622px;
}

/* Hides from IE5-mac \*/
* html #swoosh {height: 622px;}
/* End hide from IE5-mac */

/* ------ MAIN MENU ------ */

#menu {
	width: 200px;
	float: right;
	background: transparent url(/images/menu-top.gif) top left no-repeat;
	padding-top: 153px;
	font-size: 90%;
}

#menu ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	width: 170px;
}

#menu li {
	width: 168px;
	border: 1px solid #5B739E;
	background: #B3CCE3;
	margin: 0 0 3px 0;
	padding: 0;
}

#menu li.odd {
	background: #A1B7CC;
}

#menu a {
	color: black;
	text-decoration: none;
	padding: 1px 5px;
	margin: 0;
	width: 158px;
	display: block;
	font-weight: bold;
}

#menu a:hover {
	background: #E0EAF3;
}

/* Submenu */
#menu ul ul {
	font-size: 91%;
	margin: 0;
	padding: 0;
	width: 153px;
}

#menu ul ul li {
	border: none;
	margin-bottom: 0;
}

#menu ul ul li a {
	width: 138px;
	margin: 0;
	background-image: url(/images/bullet.gif);
	background-position: 15px 6px;
	background-repeat: no-repeat;
	padding: 1px 5px 2px 25px;
	font-weight: normal;
}

#menu ul ul li a:hover {
	background-image: url(/images/bullet.gif);
	background-position: 15px 6px;
	background-repeat: no-repeat;
}

#home li#nav-home,
#about li#nav-about,
#dale li#nav-dale,
#bill li#nav-bill,
#mike li#nav-mike,
#organization li#nav-organization,
#services li#nav-services,
#marinas li#nav-marinas,
#boathouses li#nav-boathouses,
#piers li#nav-piers,
#seawalls li#nav-seawalls,
#decks li#nav-decks,
#permits li#nav-permits,
#design li#nav-design,
#various li#nav-various,
#process li#nav-process,
#environment li#nav-environment,
#galleries li#nav-galleries,
#g-docks li#nav-g-docks,
#g-boathouses li#nav-g-boathouses,
#g-seawalls li#nav-g-seawalls,
#g-boatlifts li#nav-g-boatlifts,
#g-various li#nav-g-various,
#testimonials li#nav-testimonials,
#free li#nav-free,
#contact li#nav-contact {
	background: #E0EAF3;
}
	

/* ------ TEXT AREA ------ */

#text {
	width: 493px;
	padding: 60px 20px 20px 30px;
	float: right;
}

#text p {
	width: 443px;
	overflow: visible;
}

h1, h2 {
	color: #D80017;
	font-size: 150%;
	font-weight: normal;
	margin: 20px 0 3px 0;
	padding: 0;
}

h3 {
	color: #D80017;
	font-size: 105%;
	font-weight: normal;
	margin: 20px 0 3px 0;
}

a {
	color: #1E348E;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p.center {
	text-align: center;
}


/* ------ FOOTER ------ */

#footer {
	background: black;
	position: absolute;
	bottom: 3px;
	color: white;
	text-align: center;
	width: 743px;
	text-transform: uppercase;
	font-size: 78%;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer p {
	margin: 0;
	padding: 7px 0 10px 0;
}

#footer li {
	display: inline;
	list-style-type: none;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* ------ EXTRAS ------ */

div.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
	width: 100%;
}

hr {
	width: 100%;
	height: 1px;
	background: #8990AD;
	color: #8990AD;
	border: none;
	margin: 20px 0;
}

img#logo {
	position: absolute;
	top: 0;
	left: 0;
}

div.head {
		background: transparent url(/images/heading-bg.png) bottom left no-repeat;
		width: 493px;
		color: white;
		height: 4px;
		border: none;
		margin: 0;
		padding: 0;
}

* html div.head {
	overflow: hidden;
}

div.bottom-shadow {
	width: 760px;
	margin: 0 auto;
	background: transparent url(/images/bottom-shadow.jpg) top left no-repeat;
	height: 20px;
}

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.frame {
	padding: 5px;
	background: white;
	border: 1px solid #C4C4C4;
}

.testimonial { font-style: italic; }

.author {
	font-weight: bold;
	font-style: italic;
	text-align: right;
}

.thumb-holder {
	text-align: center;
}

.thumb-holder img {
	margin: 5px;
}

/* ------ FORM ------ */

label { 
	display: block;
	margin: 15px 0 0 0;
}

input, textarea {
	width: 440px;
	background: white;
	border: 1px solid #ccc;
	font-size: 100%;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}

input.check {
	width: auto;
	border: none;
	background: transparent;
}

label.check {
	display: inline;
}

input#submit {
	background: #eee;
	color: black;
	display: block;
	margin-top: 10px;
	width: 442px;
}

/* ------ IE6 ------ */

* html div.head {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/heading-bg.png', sizingMethod='image');
}