/* CSS for  St. Michaels Marina*/

* {

	margin: 0;

	padding: 0;

}

body{

	font: 80% Helvetica, geneva, sans-serif;

  background: #152128 url("/images/int-bg.jpg") repeat-x;

}



body.index{

  background: #141f26 url("/images/main-bg.jpg") repeat-x;

}

h1 {

	color: #fff;

	font-size: 1.5em;

	margin: 0;

  font-weight: normal;

  text-transform: uppercase;

}

h2 {

	color: #4a8ecb;

	font-size: 1.3em;

	margin: 0 0 10px 0;

}

h3 {

	color: #7889af;

	font-size: 1.4em;

	margin: 10px 0 5px 0;

  text-transform: uppercase;



}

input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul { margin: 0 0 20px 10px; }

p { margin: 0 0 10px 0; }

a img{ border: 0;  }



.l { float: left; }

.r { float: right; }

.clear { clear: both; }



.m-tb-5 { margin: 5px 0; }

.m-tb-10 { margin: 10px 0; }

.m-t-10 { margin: 10px 0 0 0; }



.b { font-weight: bold; }

.no-b { font-weight: normal; }

.u { text-decoration: underline; }

.no-u { text-decoration: none; }

.i { font-style: italic; }

.no-i { font-style: normal; }

.small { font-size: .9em; }

.t-c { text-align: center; }

.t-r{ text-align: right; }



.hide{

  display: none;

}



img.logo{

  float: right;

  margin-bottom: 5px;

}



#main{

  width: 988px;

  margin: 20px auto 0 auto;

}

#main2{

  width: 978px;

  margin: 20px auto 0 auto;

}




#nav{



}



#nav ul { /* all lists */

	padding-top: 50px;

	list-style: none;

  text-transform: uppercase;

	line-height: 1;

}



#nav a {

	display: block;

  font-size: 1.3em;

  margin-right: 50px; /*IE: 30px */

	float: left;

	text-decoration: none;

	color: #000;

}



#nav a:hover, #nav a.white{

  color: #fff;

}



#nav li { /* all list items */

	float: left;

}



#nav li:hover, #nav li.sfhover {

    position: static;

}



#nav li img{

	margin: 4px 0 0 0;

}



#nav li ul { /* second-level lists */

	position: absolute;

	z-index: 75;

	background: #98577a;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	border: 1px solid #832f5d;

	margin: 0 0 0 -2px;

}



#nav li ul li{

	width: 10em; /* width needed or else Opera goes nuts */

	margin: 0;

}



#nav li ul li a{

	display: block;

	padding: 3px;

	margin: 0;

	float: left;

	text-decoration: none;

	color: #fff;

	width: 9.5em;

}

#nav li ul li a:hover{

	background: #c993b1;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}





/*Index page CSS ------------------------------------ */



.index-column{

  margin-top: 7px;

  line-height: 1.8em;

  float: left;

  text-transform: uppercase;

  text-align: right;

  text-decoration: none;

  font-size: 1.3em;

  color: #fff;

  cursor: pointer;

}



.index-column a{

  color: #fff;

  text-decoration: none;

}



img.tagline{

  float: left;

  margin-top: 60px;

}



#our-marina{

  width: 322px;

  margin-right: 12px;

}



#our-rates{

  width: 313px;

  margin-right: 12px;

}

 

#our-mission{
  width: 313px;
  margin-top: 7px;

}

#side-menu {
	float: right;
	margin-top: 125px;
}


#side-menu  ul li{
	list-style: none;
	padding-bottom: 18px;
}
#side-menu  ul li a{
	color: #FF0000;
    font-size: 1.2em;
    margin: 10px 0 5px;
	text-decoration: none;
}

#wrap {
width: 988px;
height: auto;
}
/*End Index CSS -------------------------------------- */



/*Interior Page CSS -----------------------------------*/



#left-nav{

  width: 185px;

  float: left;

  margin-right: 2px;

  margin-top: 45px;

  text-align: right;

}



#left-nav a{

  display: block;

  margin: 12px 0;

  padding-right: 3px;

  color: #fff;

  border-right: 12px solid #152128;

  text-transform: uppercase;

  text-decoration: none;

  font-weight: bold;

  font-size: .95em;

}



#left-nav a:hover, #left-nav a:hover.blue{

  border-color: #c38744;

}



#left-nav a.blue{

  border-color: #4a5b6f;

}



#dotted-rule{

  height: 1px;

  border-bottom: 1px dotted #fff;

  margin-right: 16px;

}



#bwmcopy{

  width: 801px;

  min-height: 592px; /*IE: height: 592px; */

  margin-top: 7px;

  float: left;

  background: url("/images/bwmcopy-bg.jpg") 0px 218px  repeat-x;

}



#copy{

  margin: 20px 0 0 20px;

  float: right;

  color: #fff;

}



#copy h2.img-border{

  margin-top: 8px;

  color: #fff;

}



#copy h2{ 

  width: 600px;

  color: #fff;

  font-size: 1em;

  text-transform: uppercase;

  float: right;

  

}



#copy ul{

  margin-left: 25px;

}

#copy li{

  margin-left: 25px;

}



#copy p{

  width: 585px;

  padding-right: 15px;

  float: right;

}



#copy p.large{

  font-size: 1.22em;

}



#copy.tidal p{

  width: auto;

  float: none;

}



#copy.tidal h2{

  color: #fff;

  font-size: 1em;

  width: auto;

  float: none;

}



#copy.tidal pre{

  font-size: 1.2em;

  margin-left: 50px;

  line-height: 1.6em;

}



#copy ul{

  width: 580px;

  float: right;

}



#copy p{

  float: right;

}



#copy p span.call{

  text-align: right;

  display: block;

  font-weight: bold;

}



#copy a{

  color: #fff;

}



#copy a:hover{

  color: #c38744;

}



img.dotted-line{

  margin-bottom: 8px;

}



img.img-border{

  display: block;

  margin: 8px 0;

  border: 2px solid #58697f;

}



.mini-gallery{

  float: left;

  margin: 0 20px 10px 20px;

  width: 112px;

}



.mini-gallery img{

  float: left;

  margin-right: 4px;

  margin-top: 2px;

  margin-bottom: 2px;

}



.no-img-m{

  margin-left: 178px;

}

  



/*End Interior Page CSS ----------------------------- */



/*Footer CSS --------------------------------------------*/



#footer{

  margin-top: 10px;

  padding-bottom: 30px;

  color: #fff;

  font-size: .88em;

}



#footer a{ 

  color: #fff;

  text-decoration: none;

}



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

#footer a.bwm:hover{ 

  color: #4a8ecb; 

  text-decoration: none;

}