@CHARSET "ISO-8859-1";

/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}
body{	
	text-align:center;
	min-width:718px;/* for mozilla*/
	background-color: #CFCFCF;
	color: #000000;
	height:100%;
}
#outer{
	height:99.9%;
	min-height:100%;
	width:717px;
	/*border-left:1px solid #000;*/
	/*border-right:1px solid #000;*/
	color: #000000;
	background-color: #DFDFDF;
	text-align:left;
	margin:auto;
	position:relative;
	
	position:relative;
	overflow:visible;
}
/* mac hide \*/
* html #outer{width:717px}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#macinner{
	width:100%;
	
	background-color: #DFDFDF;
} 


#header{
	position:absolute;
	top:0;
	
	width:718px;
	height:200px;
	background:#DFDFDF;
	
	/*border:1px solid #000;*/
	overflow:hidden;
	color: #000000;
	z-index:100;
}
/* mac hide \*/
* html #outer, * html #header {width:718px}
/* end hide*/


#top {
	background-image: url(../images/top_background1.gif);
	width: 718px;
	height: 30px;
	padding: 0;
	margin: 0;
}


#middle {
  background-color: #FFFFFF;
  width: 718px;
  height: 105px;	
}

#bottom {
	background-image: url(../images/top_background2.gif);
	width: 718px;
	height: 123px;
}

#logo {
  float:left; 
}

#harbour {
  float:right;
  background-image: url(../images/harbour.jpg);
  height: 105px;
  width: 458px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:133px;
	float:left;
	padding-top:202px;/*needed to make room for header*/
	
	
	background-color: #DFDFDF;
}
#left p {padding-left:8px;padding-right:2px}


#footer {
	width:718px;
	clear:both;
	height:45px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #DFDFDF;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
/* mac hide \*/
* html #footer {/*only ie gets this style*/
	height:52px;/* for ie*/
}
/* end hide*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:560px;
	float:right;
	padding-top:208px;/*make room for header*/
	margin-left: 10px;
	background-color: #DFDFDF;
	color: #676767;
	padding-bottom: 10px;
	
}
#centrecontent p {padding-left:3px;padding-right: 5px;}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */





#gallery {
    width: 520px;
  }
 
#gallery_small {
    width: 420px;
  }  
  
  #gallery,#gallery_small img {
    display: block;
    margin: 0 auto 5px auto;
    border: 1px solid #ccc;
    border-bottom-color: #eee;
    border-left-color: #ddd;
    border-top-color: #bbb;	
  }
  
  #gallery,#gallery_small p {
  	margin: 0 5px 10px 0;
  	float:left;
  	text-align:center;
  	background-color: #fff;
  	line-height: 1em;
  	padding: 4px 4px 9px 4px;
  	border: 1px solid #ccc;
  	border-top-color: #eee;
  	border-right-color: #ddd;
    border-bottom-color: #bbb;
    background-color: #fff;	
  }



 #gallery_smallest {
    width: 320px;
  }  
  
  #gallery_smallest img {
    display: block;
    margin: 0 auto 5px auto;
    border: 1px solid #ccc;
    border-bottom-color: #eee;
    border-left-color: #ddd;
    border-top-color: #bbb;	
  }
  
  #gallery_smallest p {
  	margin: 0 5px 10px 0;
  	float:left;
  	text-align:center;
  	background-color: #fff;
  	line-height: 1em;
  	padding: 4px 4px 9px 4px;
  	border: 1px solid #ccc;
  	border-top-color: #eee;
  	border-right-color: #ddd;
    border-bottom-color: #bbb;
    background-color: #fff;	
  }



  
  #nav {
  margin-left: 1px;
   
   margin-top: 2px;
  padding: 0;
  /*background: #838486;*/
  list-style-type: none;
  width: 123px;
  
  float: left;
}





#nav li, #nav2 li {
  margin: 0;
  padding: 0;
  float: left;
}

#nav a, #nav2 a {
  font-family: arial;
  float: left;
  width: 123px;
  color: #000066;
  text-decoration: none;
  padding: 2px;
  font-size: 12px;
  text-align: left;
  background-color: white;
  border-bottom: 2px solid #DFDFDF;
  font-weight: bold;
  
}

#nav a:hover, #nav2 a:hover {
  
  text-decoration: underline;
}

#body_home #nav_home a ,
#body_yacht #nav_yacht a ,
#body_charter #nav_charter a,
#body_seasearch #nav_seasearch a,
#body_express #nav_express a,
#body_marine #nav_marine a,
#body_monaco #nav_monaco a,
#body_contact #nav_contact a
{
 
  font-weight: bold;
  color: red;
}
  
#footer_nav {
  list-style-type: none;
	display: inline;

}	
	
div#navbar2 {
	 height: 30px;
	 width: 100%;
	 border-top: solid #000 1px;
	 border-bottom: solid #000 1px;
	 background-color: #000066;
}
div#navbar2 ul {
	 margin: 0px;
	 padding: 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: small;
	 color: #FFF;
	 line-height: 30px;
	 white-space: nowrap;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
	font-size: 10px;
}
div#navbar2 li a {
	 text-decoration: none;
	 padding: 7px 5px;
	color: #FFF;
}
div#navbar2 lia:link {
	 color: #FFF:
}
div#navbar2 lia:visited {
	 color: #CCC;
}
div#navbar2 lia:hover {
	 font-weight: bold;
	 color: #FFF;
	 background-color: #3366FF;
}	


#contact {
	
			
}

#contact p {
	font-size:12px;
	margin: 1px;
			
}

h1 {
	font-size: 16px;	
}

h2 {
	font-size: 14px;	
}



form {
margin: 0;
padding: 0;
min-width: 500px;
max-width: 600px;
width: 560px;
}
form fieldset {
clear: both;
float: left;
border: 0;
margin: 0;
width: 100%;
}
form fieldset.hidden {
border: 0;
}
form fieldset legend {
white-space: nowrap;
background-color: #CCCCCC;
font-weight: bold;
width: 100%;
padding: 1px;
display: block;
}
form fieldset ol {
margin: 0;
padding: 0;
}
form fieldset li {
display: block;
list-style: none;
margin: 0;
clear: both;
}
form label {
margin: 0 0 0 5px;
}
form label.element {
display: block;
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0 0;
font-weight: bold;
text-align: right;
}
form input, form textarea, form select {
width: auto;
}
form textarea {
overflow: auto;
}
form br {
clear: left;
}
form div.element {
display: inline;
float: left;
margin: 5px 0 0 10px;
padding: 0;
}
form li.reqnote {
font-size: 80%; 
margin: 5px 0 0 10px;
}
form span.error, form span.required {
color: red;
}
form div.error {
border: 1px solid red;
padding: 5px;
}

#home_links a {
  color: #676767;
  text-decoration: none;
}

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