/* nakia.css v3.0  development Nakia Resort and Dive, Taveuni, Fiji */

html * , ul, li
{ margin:   0; 
  padding: 0;
	border: none;
}

  /*	text and colors */

body, a, dt, h2, #side h4, em, backquote {
  font: normal 14px/1.4 verdana, arial, helvetica, sans-serif; 
	color: #1f1d18;              
  background-color: #fff2cc;  
}

#nav a, h1, h3, h4, h5
{ font: 14px papyrus, verdana, arial, helvetica, sans-serif;
	text-decoration: none; 
}

blockquote {
font-style: italic; 
}

body
{ border-right: 1px solid #4a8c63;   
	border-left:   1px solid #4a8c63;	 
}

div#main
{  background: transparent url(../support-files/site/nakia-green.gif) 760px 0px repeat-y;
}

.logo div#text
{   background: url(../support-files/site/nakia-logo.gif) 0 390px no-repeat; 	
}

img 
{ display: block; 
  border: 1px solid #4a8c63;
} 

  /* layout */


ul	  	{ list-style-type: none; }

/* layout */

body
{ width:  999px;						
  padding: 0 4px;
  margin: 5px auto; 
}

div#main
{ float: left; 
   width: 100%	;	
	min-height: 700px;
	padding-bottom: 20px;
	margin: 5px 0 10px 0; 	 
}
  /* text  */

div#text
{ float:  left; 
  position: relative;
	width: 756px;
}

#text h2.lead
{ float: left; 
  font-weight: bold;
  margin-right: .5em; 
 }		  

#text p 		{ 
margin: 0 1em 1em 0; 
position: relative;
 }
  
.last {
padding-bottom: 1.6em; 
}
 
#text p.lead 	{ 
text-indent: 44px; 
margin-top: 1em;
} 

#text img.logo { 
clear: left; 
float: left;
width: 120px; 
margin-right: 1em; 
border: none; 
}

div.lead
{  position: relative; 
   margin-bottom: 8px; 
   width:   756px;
	 height:  379px; 
}

.lead img
{  position: absolute; 
   width:   754px;
	 height:  377px;
	 top: 0;
	 right: 0; 
}

img.overlay
{ z-index: 10; 
}

/* headings with image replacement backgound trick on screen */

h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
border: none;
}

h1   {
height: 64px; 
width: 550px;
font-size: 2em;
}

.logo h1 {
margin-left: 132px;    
}

h3 { 												/* signatures */
margin-left: 50%;
}

h4.bir {
height: 32px;
width: 756px;
font-size: 1.3em;
}


h5.bir {
 margin-top: 8px;
 height: 20px;
 border: 1px solid #4a8c63; 
 clear: both;  
 }

	/* side images and quotes*/

ul#side
{ float:   right; 
  width:  234px;
}

#side li {
 display: block;
 padding-bottom: 6px;
 }

#side img	    { 
width: 232px;        
}

#side p {
padding: 1px 4px;
}

#side li:hover p {
padding: 0 3px;
border: 1px solid #4a8c63;
}

#side h2, #side h4{ 
margin-top: 2px; 
font-weight: normal;
text-align: center;
}	

#side h4, #side h4 a{
font-size: .8em;
}	

/* navagation bar */

ul#nav { 
margin-bottom: 5px;
}

#nav  li 	
{ float:left;  
}

ul#nav a {	
  width:  107px; 
	height: 20px;  		
  display: block;	
	border: 2px outset #4a8c63; 	
	overflow: hidden;	
	color: #333;    
  background-color: #FFE495;
	padding: 2px 0; 
	font-weight: bold; 
	text-align: center;
} 

#nav a:hover { 
color: #FFFAEA; 
background-color: #4a8c63;
}

#nav  a:active 	{ 
border-style:inset; 
} 

/* dl -formatting used with accordion */  

dt		
{  font-weight: bold; 
   margin-bottom: 5px; 
}

dt:hover {
text-decoration:underline;
}

dd
{ margin: 10px 0 10px 0; 
} 

/* left & right links @ bottom of relative block */

a.l-link, a.r-link { 
font-size: .8em;
position: absolute; 
bottom: 0; 
}

a.l-link { left: 10px; }
a.r-link { right: 10px; }

iframe 
{ width:  351px;
  height: 15px;
  background-color: #fff2cc;
	border: none;
}

address  { margin: 0 0 20px 4em; }

@media print {
h1, h4 { text-align: center; 
}