body {
	background-color:#3F7CBF;
	text-align:center;
	margin:0;
	padding:0;
	background-image: url(images/bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	}

h1 {
	font-size:20px;
	font-weight:normal;
	padding:0 0 20px 0;
	margin:0;
	}

h2 {
	font-size:17px;
	font-weight:normal;
	}

h3 {
	font-size:16px;
	font-weight:bold;
	display:inline;
	}
	
#container {
	width:100%;
	}

#content {
	width:750px;
	height:auto;
	text-align:left;
	margin:auto;
	padding:auto;
	}

#logo {
	 position:relative;
	 top:18px;
}

#copy {	
	float:left;
	position:relative;
	top:90px;
	width:460px;
	height:auto;
	color:#003366;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica;
	font-size:15px;
	line-height:21px;
}

#photo {
	float:right; 
	position:relative; 
	top:80px;
	}

img.gallery {
	border:1px solid #fff;
	}

#mackinac {
	font-family:Trebuchet MS,Verdana,Arial,Helvetica;
	font-size:13px;
	line-height:19px;
	color:#003366;
	background-color:#fff;
	border:1px solid #003366;
	height:115px;
	width:570px;
	padding:10px;
	text-align:center;
	position:relative;
	left:70px;
	}

#mackinac h3 {
	font-size:14px;
	font-weight:bold;
	display:inline;
	}

.caption {
	text-align:center;
	float:left;
	font-size:10px;
	line-height:1;
	margin-right:10px;
	}


/* nav */

#nav						{ margin: 0; padding: 0; float:left; width:750px; position:relative; top:24px;}
#nav ul						{ height: 33px; }
#nav li						{ display: inline; list-style: none; margin: 0; padding: 0; margin-right:7px; }

#nav li.home 				{ width: 56px; height: 33px; overflow: hidden; float: left; }
#nav li.home a				{ background: url('images/nav.gif'); background-position: 0 0; width: 56px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.home a:hover		{ background: url('images/nav.gif'); background-position: 0 33px; }
#nav li.homeselected a		{ background: url('images/nav.gif'); background-position: 0 33px; width: 56px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px;}

#nav li.aboutus 			{ width: 77px; height: 33px; overflow: hidden; float: left; }
#nav li.aboutus a			{ background: url('images/nav.gif'); background-position: -63px 0; width: 77px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.aboutus a:hover		{ background: url('images/nav.gif'); background-position: -63px 33px; }
#nav li.aboutusselected a	{ background: url('images/nav.gif'); background-position: -63px 33px; width: 77px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px;}

#nav li.gallery 			{ width: 68px; height: 33px; overflow: hidden; float: left; }
#nav li.gallery a			{ background: url('images/nav.gif'); background-position: -147px 0; width: 68px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.gallery a:hover		{ background: url('images/nav.gif'); background-position: -147px 33px; }
#nav li.galleryselected a	{ background: url('images/nav.gif'); background-position: -147px 33px; width: 68px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px;}

#nav li.rates 				{ width: 51px; height: 33px; overflow: hidden; float: left; }
#nav li.rates a				{ background: url('images/nav.gif'); background-position: -222px 0; width: 51px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.rates a:hover		{ background: url('images/nav.gif'); background-position: -222px 33px; }
#nav li.ratesselected a		{ background: url('images/nav.gif'); background-position: -222px 33px; width: 51px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px;}

#nav li.directions 			{ width: 81px; height: 33px; overflow: hidden; float: left; }
#nav li.directions a		{ background: url('images/nav.gif'); background-position: -280px 0; width: 81px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.directions a:hover	{ background: url('images/nav.gif'); background-position: -280px 33px; }
#nav li.directionsselected a{ background: url('images/nav.gif'); background-position: -280px 33px; width: 81px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px;}

#nav li.contactus 			{ width: 91px; height: 33px; overflow: hidden; float: left; }
#nav li.contactus a			{ background: url('images/nav.gif'); background-position: -368px 0; width: 91px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; }
#nav li.contactus a:hover	{ background: url('images/nav.gif'); background-position: -368px 33px; }
#nav li.contactusselected a	{ background: url('images/nav.gif'); background-position: -368px 33px; width: 91px; height: 33px; text-indent: -999999px; overflow: hidden; float: left; padding-right:7px; background-repeat:repeat-y;}