/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, code,
img, small, strike, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Peak a boo bug fix for retarded IE6 only\*/
* html #contentcolumn { height: 1%; }
/* Peak a boo bug fix for still stupid IE7 */
#contentcolumn { min-height: 0; }
html {
	font-size: 100.01%;
}
body {
	font-family: "Tahoma", Lucida Grande, Verdana, Sans-serif;
	text-align: center;
	font-size: 62.5%;
	text-align: center;
	background-image: url(images/hbg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: top;
	color: #191b1d;
	min-width: 740px;
}
img {
    border:0;
}
ul {
	list-style-type: none;
}
a {
	color: #005023;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:focus {
    outline: 0;
}
.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
ul.list1 li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height:1em;
}
ul.list2 li {
	margin: 0 0 0 35px;
	padding: 0 0 0 0;
}

/*
---------------------Header--------------------*/
#header {
	background-image: url(images/header1a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 118px;
	width: 740px;
}
#header2 {
	background-image: url(images/header2.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 118px;
	width: 740px;
}
#header3 {
	background-image: url(images/header3.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 118px;
	width: 740px;
}
#header4 {
	background-image: url(images/header4.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 118px;
	width: 740px;
}
a.logo {
	display: block;
	position: absolute;
	height: 60px;
	width: 305px;
	left: 10px;
	top: 26px;
}
/*
--------------------Main navigation--------------------*/

#navcontainer
{
	padding: 0;
	height: 10px;
	position: relative;
	width: 100%;
	text-align:right;
	color: #FFFFFF;
}

#navcontainer ul li
{
float:right;
}

/*
---------------------Aloha--------------------*/
#alohaout {
	float: left;
	height: 224px;
	width: 100%;
	background-color: #005023;
}
#alohain {
	height: 224px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/welcome1a.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #005023;
}
#alohain2 {
	height: 224px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/welcome2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#alohain3 {
	height: 224px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/welcome3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#alohain4 {
	height: 224px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/welcome4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#aloha {
	height: 224px;
	color: #005023;
	text-align: left;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#alohatext {
	position: absolute;
	width: 254px;
	left: 18px;
	top: 65px;
	font-weight:bold;
	font-size:1.4em;
}
#aloha p {
	width: 254px;
}
.aloha {
	font-size: 1.8em;
	line-height: 2.2em;
	font-weight:bold;
}
.weare {
	font-size: 1.2em;
	line-height: 20px;
}
/*--------
----------------- CSS Drop Down Menu----------------------
--------------------------------------------------------------------------------- */


#menuh-container
	{
	clear: both;
	height: 100%;
	width: 100%;
	float:left;
	z-index:998;
	margin-right: auto;
	margin-left: auto;
/*
	background-color: #adb1b0;
*/
	}

#menuh
	{
	width:740px;
/*
	border: 1px #FFCC00 solid;
*/
	line-height: 24px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	height:24px;
	}

#menuh  ul {
	background:#FFFFFF; /*IE6 needs this*/
}

#menuh  ul li {
	float:left;
	list-style:none;
	z-index:998;
}

#menuh ul li a {
	color: #005023;
	display:block;
	text-decoration:none;
	z-index:999;
	font-size:1.4em;
	padding: 0 13px 0 13px;
/*
	background-color: #adb1b0;
*/
	font-weight:bold;
}

#menuh  ul li a:hover {
	background-color: #005023;
	color: #FFFFFF;
}

#menuh  ul li.sep {
	margin-left:5px;
	margin-right:5px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuh  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menuh  ul.level2, #menuh ul.level3 {
	position: absolute;
	top: -1px;
	background-color:#005023;
/*
	border: 1px solid #FFFFFF;
*/
	border-top: none;
	visibility: hidden;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}

#menuh  ul.level2, #menuh ul.level3 {
	z-index:999;
/*
	border: 1px solid #FFCC00;
*/
	border-top: none;
}

#menuh  ul.level2 li, #menuh ul.level3 li {
	background-color: #005023;
	width:auto;
	z-index:999;
	float:none;
}

#menuh  ul.level2 li a, #menuh ul.level3 li a {
	background-color: #005023;
	color: #FFFFFF;
	line-height: 15px;
	padding: 5px 5px 5px 5px;
	font-size:1.1em;
}

#menuh  ul.level2 li a:hover,#menuh  ul.level3 li a:hover {
	text-decoration: underline;
}

/*---
-------------------------Content structure-------------------------------- */


/*---
p.location {
	line-height: 2.0em;
	background-color: #f4f4f4;
	text-align: left;
	text-align: left;
	margin-bottom: 30px;
}
----------------- */
#contentout {
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
#contentin {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

#contentcolumn{
	float: right;
	width: 490px;
}
#incontent {
	margin-right: 16px;
	margin-left: 6px;
	text-align: left;
}
#leftcolumn{
	float: left;
	width: 240px;
	text-align: center;
	background-image: url(images/verticaldivider.gif);
	background-repeat: repeat-y;
	background-position: right;
}
/*---
-------------------------Sidebar-------------------------------- */
.sidebox {
	margin-right: 16px;
	margin-bottom: 15px;
	margin-left: 16px;
	text-align: left;
	width: 208px;
}
#searchbox {
   text-align: center;
}
#searchbox select {
	padding: 1px;
	margin-bottom: 10px;
	width: 190px;
	text-align: left;
	margin-top: 5px;
}
#contactus p{
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom: 8px;
}
.address {
	background-image: url(images/address.gif);
}
.phone {
	background-image: url(images/phone.gif);
}
.email {
	background-image: url(images/email.gif);
}
/*---
-------------------------Headings-------------------------------- */
h2 {
	font-size: 1.6em;
	color: #005023;
	line-height: 1.6em;
	font-weight: normal;
	background-image: url(images/horisontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 5px;
}

h2.small {
	font-size:1.4em;
}

#footernav {
	background-image: url(images/footerbg1.jpg);
	background-repeat: repeat-x;
	height: 42px;
	background-color: #f4f4f4;
	line-height: 42px;
	margin-right: auto;
	margin-left: auto;
}
#footernav ul, #navcontainer ul
{
	border: 0;
	list-style-type: none;
	text-align: left;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	height: 42px;
}

#footernav ul li, #navcontainer ul li
{
display: inline;
text-align: center;
padding: 0;
margin: 0;
}

#footernav ul li a, #navcontainer ul li a
{
	height: 42px;
	padding: 0px 5px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 1.1em;
	font-style: normal;
	line-height: 42px;
	font-weight: normal;
	font-variant: normal;
}

#footernav ul li a:hover, #navcontainer ul li a:hover
{
	text-decoration: underline;
}
#footer {
/*	
	color: #191b1d;
*/
	color: #ffffff;
	background-color: #005023;
	height: 42px;
	width: 100%;
}
#footer p {
	text-align: left;
	height: 42px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
	line-height: 42px;
}
#footer a {
/*	
	color: #191b1d;
*/
	color: #ffffff;
	text-decoration: underline;
}
#map {
	margin-bottom: 15px;
}
.gallery {
	position:relative;
	float:left;
}
.listing {
	margin-bottom: 3px;
	padding-bottom: 15px;
	background-image: url(images/horisontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	float:left;
	width: 140px;
	height: 140px;
	margin-left:10px;
}
.image {
	width: 120px;
	margin-top: 3px;
	text-align: center;
	position: absolute;
	left: 3px;
	top: 3px;
	height: 140px;
}
*html .image {
	width: 120px;
	margin-top: 3px;
	text-align: center;
	position: absolute;
	left: -133px;
	top: 3px;
	height: 140px;
}
.image a {
	text-align: center;

}
p.price {
	background-color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
p.exclusive {
	background-color: #191b1d;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.listinginfo {
	margin-left: 136px;
	margin-right: 3px;
}
.listinginfo p {
	line-height: 1.2em;
	margin-bottom: 5px;
}
p.title {
	font-size: 1.4em;
	line-height: 1.4em;
}
p.title a {
	text-decoration: none;
}
p.title a:hover {
	text-decoration: underline;
}
a.readmore {
	background-color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
}
.gallery {
	position: relative;
	float: left;
}
/*
------------------------------- details page-------------------------------------- */

#main-content li{
	border:1px solid #CCC;
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

img{
	border:1px solid #EEE;
}

/*------------------------------------------------------Details Page-----------------------------------------*/
table.details {
	border-collapse: collapse;
	border-spacing: 1px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebe7;
}
table.details p {
	line-height: 14px;
}


table.details td, table.details th {
	vertical-align:top;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebe7;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #f6f6f6;
}


table.details tr.odd td, table.details tr.odd th {
	background-color: #f8f8f8;
}table.details a {
	text-decoration: underline;
}

/*
------------------------------- submit page-------------------------------------- */
form.submit {
	margin: 0 auto;
	padding: 0;
	width: 400px;
}

fieldset {
	margin: 1em 0;
	border-top-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
fieldset label {
	float: left;
	display: block;
	width:150px;
	text-align:right;
	padding-right:5px;
	line-height:25px;
}
.req {
	color: #FF0000;
}

.smallfield input, .smallfield select {
	width: 100px;
}

.halffield input, .halffield select {
	width: 200px;
}

fieldset div {
	margin-bottom: 1em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 400px;
	padding: 1px;
	border: 2px solid #dfdfdf;
	font-size: 1.2em;
}

fieldset div select {
	padding: 1px;
	border: 2px solid #dfdfdf;
	width: 400px;
	font-size: 1.2em;
}


#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	width: 100px;
	padding: 0px;
	border: none;
	color: #FFFFFF;
	background-color: #191b1d;
}

input:focus, textarea:focus {
	color: #000;
	background-color: #FFFCDF;
}

.group-green {
	padding: 10px 20px 10px 20px;
	border: 2px solid #99CC99;
	background-color: #BBDDBB;
}
.group-grey {
	padding: 10px 20px 10px 20px;
	border: 2px solid #AAAAAA;
	background-color: #CCCCCC;
}
.radiobox {
	padding: 5px 10px 5px 0;
}
.radiobox input {
	width: 16px;
}
.radiobox:hover {
	color: #000;
	background-color: #FFFCDF;
}
span.errForm, .error {
	color: #f0583c;
}
