* { 
text-decoration: none; 
outline: none; 
margin: 0; 
padding: 0; 
border: 0; 
font-weight: normal; 
}

body { 
color: #000033; 
background: #DED9C5; 
font-family: sans-serif, verdana; 
font-size: 0.7em; 
}

hr, h2 { 
display: none; 
}

ul { 
list-style-type: none; 
}

strong { 
font-weight: bold; 
}

hr.clear { 
display: block; 
color: #fff; 
background: transparent; 
border: 0; 
height: 0; 
clear: both;}

a,
a:link,
a:visited { color: #503408; }
a:hover,
a:active { color: #898888; text-decoration: underline; }

/* # Header */

div#header { 
background:  url("images/logo.png") 0 0 no-repeat; 
width: 752px; 
height: 74px; 
margin: 0 auto; 
}

h1 { 
float: left; 
text-indent: -999em; 
width: 202px; 
height: 31px; 
padding-top: 23px;  
}

h1 a { 
display: block; 
height: 31px; 
}

/* # Content */

div#wrap { 
width: 736px; 
padding: 7px; 
margin: 0 auto; 
border: 1px solid #5f451b; 
border-top: 0; 
background: #DAE3EB; 
}

div#content { 
border: 1px solid #988164; 
background: #fff; 
}

div#content h2.start { 
display: block; 
text-indent: -9999em; 
background:  url("images/header.png") 0 0 no-repeat; 
height: 27px; 
margin-bottom: 17px; 
}

/* inline buttons */
.inline-button {
	_width:12em;
	font: bold 65%/1 Verdana, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	border: 1px solid black;
	white-space:nowrap;
	text-decoration: none;
	vertical-align:middle;
	background: #ccc;
	color: black;
	}
.inline-button em {
	_width:1em; _cursor:hand;
	font-style: normal;
	margin:0; padding: 0.1em 0.5em;
	background: white;
	color: black;
	}
.inline-button span {
	_width:1em; _cursor:hand;
	margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
	font-family: sans-serif, verdana;
	font-weight:bold; 
	font-size: 1.4em; 
	}
.inline-button:hover {
	background: #700;
	color: white;
	}
.inline-button:hover em {
	background: #DED9C5;
	color: black;
	}

.maroon { background:#DED9C5; color:#700 }
.maroon em { background:#700; color:#fff }

.brown { background:#dd9; color:black }
.brown em { background:#003; color:#ffc }


/* # main menu */
ul#menu { float: left; width: 200px; padding-left: 14px; }
ul#menu li { margin-bottom: 7px; }
ul#menu li a { text-indent: -999em; display: block; height: 101px; }
	ul#menu li.home a { background:  url("images/menu/home.png") 0 0 no-repeat; }
	ul#menu li.brokerage a { background:  url("images/menu/brokerage.png") 0 0 no-repeat; }
	ul#menu li.listings a { background:  url("images/menu/featured.png") 0 0 no-repeat; }	
	ul#menu li.newboats a { background:  url("images/menu/newboats.png") 0 0 no-repeat; }
	ul#menu li.locations a { background:  url("images/menu/locations.png") 0 0 no-repeat; }
	ul#menu li.aboutus a { background:  url("images/menu/aboutus.png") 0 0 no-repeat; }	
	ul#menu li.contact { font-weight: normal; font-size: 12px;  }

/* Content */
div#main-content { 
width: 492px; 
float: right; 
}

/* Content */
div#contentbrokerage { 
width: 730px; 
float: right; 
}

h3 { 
font-weight: bold; 
font-size: 16px; 
}

p.subheader { 
font-size: 100%; 
padding: 0; 
font-weight: bold; 
background:  url("images/subheader.png") 100% 100% repeat-y; 
}

p { 
line-height: 1.5em; 
font-size: 110%; 
padding: 10px 20px 10px 0; 
}

p.extra { 
color: #CC9900; 
font-size: 110%;
font-weight: bold;
background: #F0F3F6; 
padding: 0; 
margin-bottom: 20px; 
}

p.extra a,
p.extra a:link,
p.extra a:visited { color: #CC9900; }


/* Float */

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

/* Footer */

p#footer { 
font-size: 120%; 
font-weight: normal; 
width: 752px; 
margin: 20px auto; 
text-align: center; 
}