/* CSS Document */


/************* html styles **************/
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size:75%;
margin: 0;
color:#663300;
background: url(/images/bg2.jpg);
}

#center p, #center ul {
font-family: Georgia, Times, Serif;
font-size:1.2em;
font-style:italic;
width:400px;
}

a:link, a:visited, a:hover {
 
 color:#003366;
}

a:hover {
color: #000;
}

h2 {
font-size: 1.6em;

}
	
h3 {
font-family: Georgia, Times, Serif;
color:#336666;
  font-weight:500;
font-size: 1.4em;
font-style:italic;
}

#left h3 {
margin-bottom:0;
}

h4 {
font-family: Georgia, Times, Serif;
  font-weight:500;
font-size: 1.3em;
font-style:italic;
margin-bottom:0.5em;
color:#666600;
}

h4.leftLinks {
font-family: Georgia, Times, Serif;
  font-weight:500;
font-size: 1.3em;
font-style:italic;
color:#666600;
padding-left:20px;
margin-top:0.4em;
margin-bottom:0.4em;
}


h1.leadText {
color:#336666;
  font-weight: bold;
font-size: 1.1em;
line-height: 1.66;
margin-bottom:10px;
}

p, ul, ol {
margin-top: 0;
font-size:1em;
line-height: 1.66;
color: #333;
}

p.small {
font-size:0.9em;
line-height: 1.66em;
}

/*
ul {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
}

li {
list-style: none;
padding-left: 15px;

}
*/	

li {
padding-top:0;
margin-top: 0;
}

a img  {
border:0;
}

/************* layout styles **************/

#wrapper {
	margin-left: auto; margin-right: auto; width: 760px;
background: url(/images/bg.jpg) repeat-y;
	margin-bottom: 0;
	margin-top: 0px;
	padding:0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #333;
height:1%;
	}

#wrapper_home {
	margin-left: auto; margin-right: auto; width: 760px;
       background: url(/images/bg_page_shadow.jpg) repeat-y;
	margin-bottom: 0;
	margin-top: 0px;
	padding:0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #333;
	}


#header{
margin-left: auto; margin-right: auto; width: 760px;
height: 117px;
 background: url(/images/header.jpg) no-repeat;
	}
	

#movieTop {
height:8px ;
padding:0;
margin:0;
margin-bottom:-6px;
 background: url(/images/flash_top.jpg) no-repeat;
}

#movieBottom {
height:20px ;
padding:0;
margin:0;
 background: url(/images/flash_bottom.jpg) no-repeat;
}

#movieHomeBottom {
height:20px ;
padding:0;
margin:0;
 background: url(/images/flash_bottom_home.jpg) no-repeat;
}

#movie {
margin-left:5px;
width:755px;
height:290px;
padding:0;
}

/*** kona kohala & vsions  ***/
#movieSmall {
margin-left:5px;
width:755px;
height:250px;
padding:0;
}

#movieHome {
margin-left:5px;
width:755px;
height:400px;
padding:0;
}

#propertyFeatureBottom {
padding: 0;
margin: 0;
width:760px;
height: 15px;
background: url(/images/bg_feature_bottom.jpg) no-repeat;
}

#propertyFeature {
width:760px;
padding: 0;
margin: 0;
background: url(/images/bg_feature.jpg) repeat-y;
border: 0px solid #333333;
}

#left {
float: left;
padding: 0px;
width:190px;
margin-left:10px;
border: 0px solid #333333;
}

#left ul {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
}
#left li {
list-style: none;
padding-left: 0;
}



#center {
margin-left: 220px;
padding-bottom:20px;
width: 480px;
padding: 10px;
border: 0px solid #333333;
border-right:0px dotted #999966 ;
}

#right {
width:120px;
margin-right:10px;
margin-top:40px;
float:right;
border: 0px solid #333333;
text-align:center;
color:#333333;
}

#right a {
color:#333333;
}

/*
#propertyFeatureRight img {
float:left;
padding-right: 10px;
}
*/


/* 1 col layout static pages */
#contentWrapper {
width:760px;
padding: 0;
margin: 0;
background: url(/images/bg_content.jpg) repeat-y;
border: 0px solid #333333;
}

#content {
margin-left: 220px;
width: 480px;
padding: 20px;
border: 0px solid #333333;
}


#bottom {

height:20px;
margin-left: auto; margin-right: auto; width: 760px;
background: url(/images/bg_bottom.jpg) no-repeat;

}


#footer{
margin-left: auto; margin-right: auto; width:750px;
border-top:1px solid #666666;
	height:45px;
	margin-top: 10px;
  margin-bottom: 10px;

}

#footer p {

	text-align:center;
	font-size: 0.8em;
}





/************* other styles **************/

.box {
float:left;
margin-right:10px;
}

.box h3 {
text-align:center;
margin:0px;
padding:0;
background:#EEEEDD;
}

.siteMap {

}



#leftBottom {
border-top:1px dotted #999966;
padding-top:10px;
line-height: 1.66;
width:180px;
float:left;
}


.videoClip, .siteMap {
width:180px;
float:left;
border-top:1px dotted #999966;
text-align:center;
line-height:1em;
padding-top:10px;
padding-bottom:10px;
}

.videoClip p, .videoClip H3{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
margin:0;
}

.videoClip H3,  .siteMap H3{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
margin:0;
}

.videoClip img, .siteMap img{
float:left;
}

.clear {
clear:both;
background: url(/images/bg.jpg) repeat-y;
}