#container{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
position:relative;
width:777px;
padding:0 0 0 0;
margin:0 auto;
}
#content{
clear:both;
position:relative;
background-color:#ffffff;
width:777px;
margin:0 auto;
}
#enlarge{
clear:both;
background-color:#ffffff;
width:777px;
padding:0 0 0 20px;
}
#footer{
text-align:center;
clear:both;
font-size:10px;
color:#333333;
width:777px;
margin:0 auto;
}
#galleryimage{
background-color:#000000;
width:670px;
height:500px;
margin:0 auto 60px auto;
}
#galleryimage img{
display:block;
width:550px;
margin:10px 10px 10px 10px;
}
#header{
text-align:center;
background-color:#ffffff;
width:777px;
margin:0 auto 25px  auto;
}
#menu{
float:left;
font-size:9pt;
width:145px;
}
#menu a{
text-align:left;
text-decoration:none;
border-left:2px solid #ffffff;
border-right:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
display:block;
color:#c48541;
background-color:#cccccc;
padding:2px 5px 2px 5px;
}
#menu a#active{
color:#ffffff;
background-color:#cc9966;
}
#menu a:hover{
color:#ffffff;
background-color:#cc9966;
}
#menu li{
display:inline;
}
#menu ul{
list-style-type:none;
background-color:#ffffff;
line-height:1.1;
margin:0px;
}
*{
padding:0px;
margin:0px;
}
.border{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.brown{
color:#c48541;
}
.columnleft{
float:left;
width:60%;
}
.columnright{
float:right;
font-size:11px;
color:#333333;
background-color:#e7e7e7;
width:35%;
padding:0 10px 0 10px;
}
.columns{
float:right;
width:78%;
}
.galleria_container{
background-color:#000;
width:770px;
}
.gallery{
width:750px;
margin:0 auto;
}
.grey{
font-size:8pt;
color:#999999;
padding:7px 0 7px;
}
.left{
float:left;
width:20%;
margin:0 0 0 8px;
}
.leftimage{
float:left;
margin:0 10px 0 0;
}
.right{
float:right;
width:500px;
padding:0 40px 0 0;
margin:inherit 60px;
}
.right p{
text-align:justify;
font-size:12px;
color:#333333;
padding:inherit inherit 7px;
}
.text{
font-size:12px;
color:#333333;
padding:0 0 7px;
}
.textsmall{
font-size:10pt;
color:#333333;
padding:0 0 10px;
}
.textsmallblue{
text-align:center;
clear:both;
font-size:10px;
color:#333333;
width:777px;
padding:10px 0 10px;
margin:0 auto;
}
.textsmallgrey{
font-size:10px;
color:#333333;
}
a{
text-decoration:none;
color:#c48541;
}
a:hover{
text-decoration:underline;
}
body{
position:relative;
font-family:Verdana, Arial, sans-serif;
background-color:#ffffff;
}
div.overlay{
text-align:center;
background-repeat:no-repeat;
display:none;
width:850px;
height:626px;
padding:20px 0 0 0;
z-index:1;
background-image:url(http://www.thehelmsman.co.nz/images//apple850x626.png);
}
div.overlay img{
position:relative;
width:750px;
padding:0 0 0 0;
margin:5px 25px 5px 25px;
top:40px;
}
div.overlay object{
position:relative;
margin:20px 0 0 0;
top:30px;
}
div.overlay p{
font-size:0.8em;
color:#ffffff;
margin:60px;
}
div.scrollable{
width:500px;
padding:5px 5px 5px 5px;
margin:10px 10px 10px 10px;
}
div.scrollable div.items{
}
div.scrollable div.items div{
text-align:center;
float:left;
background-color:#7b7b7b;
width:130px;
height:90px;
padding:4px 3px 3px 4px;
margin:2px 2px 2px 2px;
}
h1{
font-size:12px;
color:#c48541;
padding:inherit inherit 5px;
}
h2{
font-size:11pt;
color:#c48541;
padding:0 0 0 2px;
}
img{
margin:0 0 5px;
}
li{
list-style-type:disc;
}
ul{
}