/*    -----------------------    Main Tags   -----------------------   */  

body {
	margin: 10px;
	padding: 0;	
	background: #334F7A;
 }

hr {
	height: 1px;
	width: 100%;
	background: #999999;
	border: 1px;
	color: #999999;
}
h1 {
	font: 700 small-caps 24px/26px Times New Roman, Times, serif;
	color: #203851;
	text-align:left;
	text-transform: capitalize;
	border-bottom:1px solid #1771cb;
	width:367px;
}
h2 {
	font: 700 14px/14px Arial, Helvetica, sans-serif;
	color: #005984;
}
h3 {
	font: 700 14px/14px Arial, Helvetica, sans-serif;
	color: #b53e2a;
	margin: 0px;
}
ul {
	margin: 0px;
	padding:0px;
}

/*    -----------------------    Page Structure   -----------------------   */ 

#mc, #header, #content, #contentend, #copyright {
	width:750px;
}
#wrapper {
	width: 100%;
	float:left;
}
#mc {
	margin:auto;
}
#pagetile {
	background:  url(images/content_tile.gif) repeat-y 0px 0px;
	float:left;
}
#header {
	background: url(images/top.gif) no-repeat 0px 0px;
	height:181px;
	float:left;
}

/*    -----------------------    Navigation   -----------------------   */  

#navcontainer {
	width: 135px;
	position: absolute;
	z-index: 100;
	visibility: visible;
	margin: 10px 0 0 610px;
}
#nav, #nav ul {
	width: 135px;
}
#nav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}
#nav ul li a {
	display: block;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
#nav em {
	display: none;
}

/*    -----------------------   Menu Items   -----------------------   */ 

#about, #about a {
	width: 135px;
	background: url(/images/m_about.gif) no-repeat 0px 0px;
}	
#about a:hover {
	background: url(/images/m_about.gif) no-repeat 0px -15px;
}
#gallery, #gallery a {
	width: 135px;
	background: url(/images/m_gallery.gif) no-repeat 0px 0px;
}	
#gallery a:hover {
	background: url(/images/m_gallery.gif) no-repeat 0px -15px;
}
#completedboats, #completedboats a {
	width: 135px;
	background: url(/images/m_completed_boats.gif) no-repeat 0px 0px;
}	
#completedboats a:hover {
	background: url(/images/m_completed_boats.gif) no-repeat 0px -15px;
}
#newconstruction, #newconstruction a {
	width: 135px;
	background: url(/images/m_new_construction.gif) no-repeat 0px 0px;
}	
#newconstruction a:hover {
	background: url(/images/m_new_construction.gif) no-repeat 0px -15px;
}
#brokerage, #brokerage a {
	width: 135px;
	background: url(/images/m_brokerage.gif) no-repeat 0px 0px;
}	
#brokerage a:hover {
	background: url(/images/m_brokerage.gif) no-repeat 0px -15px;
}
#location, #location a {
	width: 135px;
	background: url(/images/m_location.gif) no-repeat 0px 0px;
}	
#location a:hover {
	background: url(/images/m_location.gif) no-repeat 0px -15px;
}
#contact, #contact a {
	width: 135px;
	background: url(/images/m_contact.gif) no-repeat 0px 0px;
}	
#contact a:hover {
	background: url(/images/m_contact.gif) no-repeat 0px -15px;
}
#store, #store a {
	width: 135px;
	background: url(/images/m_shop.gif) no-repeat 0px 0px;
}	
#store a:hover {
	background: url(/images/m_shop.gif) no-repeat 0px -15px;
}
#home, #home a {
	width: 135px;
	background: url(/images/m_home.gif) no-repeat 0px 0px;
}	
#home a:hover {
	background: url(/images/m_home.gif) no-repeat 0px -15px;
}
#refittedboats, #refittedboats a {
	width: 135px;
	background: url(/images/m_refitted_boats.gif) no-repeat 0px 0px;
}	
#refittedboats a:hover {
	background: url(/images/m_refitted_boats.gif) no-repeat 0px -15px;
}
#otherprojects, #otherprojects a {
	width: 135px;
	background: url(/images/m_other_projects.gif) no-repeat 0px 0px;
}	
#otherprojects a:hover {
	background: url(/images/m_other_projects.gif) no-repeat 0px -15px;
}
#mdivider, #mdivider a, #mdivider a:hover {
	width: 29px;
	cursor: default;
	background: url(images/m_divider.gif) no-repeat;
}

/*    -----------------------   Content  -----------------------   */  

#content {
	text-align: left;
	float:left;
	background: url(images/content_bg.gif) no-repeat 0px 0px;
}
#contentend {
	float: left;
	background: url(images/bottom.gif) no-repeat center bottom;
}
#contenthome {
	float: left;
	background: url(images/end_home.gif) no-repeat center bottom;
}
#contentdivide {
	float:left;
  	margin-top: 5px;
  	margin-bottom: 5px;
}
#contentdivide #left {
	width: 290px;
	float: left;
}
#contentdivide #right {
	width: 100px;
	float: right;
}

#col1 {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 700px;
	float: left;
	margin:0 0 0 20px;
	padding: 0 0 20px 0;
}

#col2 {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 400px;
	float: left;
}
#col2 a {
	color: #ae852a;
	text-decoration:none;
}
 #col2 a:hover {
	color: #ae852a;
	text-decoration:underline;
}
#col2 ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#col2 ul li {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #5a451b;
	list-style-image: url(images/a_bullet.gif);
	margin:0 0 0 55px;
	padding: 0;
}

#col3 {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 300px;
	float: right;
}
/*    -----------------------   Footer   -----------------------   */  

#copyright  {
	font: normal 11px/15px arial, verdana;
	color: #ffffff;
	text-align: center;
	padding: 10px 0px 0px 0px ;
	float: left;
	text-decoration:none;
}
 #copyright a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
 #copyright a:hover {
	color: #ffffff;
	text-decoration:underline;
}

/*    末末末末末末末末末  Home Logo Link and Top Headers   末末末末末末末末末  */ 

#gohome {
	position: absolute;
	z-index: 110;
	visibility: visible;
	margin:0px 0px 0px 30px;
}
#flashthis {
	position: absolute;
	z-index: 100;
	visibility: visible;
	margin:0px 0px 0px 360px;
}
#homepage {
	position: absolute;
	z-index: 50;
	visibility: visible;
	top:20px;
	margin:0 0 0 3px;
}
#magazine {
	position: absolute;
	z-index: 150;
	visibility: visible;
	top:380px;
	margin:0 0 0 4px;
	display:none;
}