/* CSS Document */

* {
	background-color:#333333;
	margin:0;
	padding:0;
	}
	
body
	{
	font-family:Tahoma;
	font-size:0.8em;
	color:#cccccc;
	text-align:center;
	text-decoration:none;
	}
	
p {
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0px;
	text-align: justify;
	font-family: Tahoma;
	font-size: 0.8em;
	}
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666666;
	}

a:visited { 
	font-weight: bold; 
	 
	color: #7F7F7F; 
	}

a:hover, a:active {
	color: #3C9A35;
	text-decoration: underline;
	font-weight: bold;
	}
	
h3 {
	margin-bottom: 0px;
	color: #008000;
	padding-bottom: 0px;
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
	}
h4 {
	color: #008000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: 1px #808080;
	display: list-item;
	}
	
#container #maintext #enquire label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-align: right;
	text-indent: 3px;
}



#hiddentext {
	display: none;
	font-size: 6px;
	}
	
/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px;
	text-align: left;
	position: relative;
	border: 1px solid #666666;
	}

#pageHeader {
	width: 378px;
	height: 125px;
	float: left;
	padding-top:10px;
	margin: 10px;
	margin-top: 10px;
	position: relative;
	}
	
	
#nav {
	background: transparent url(images/common/navbg.gif) top left repeat-y ;
	padding-top: 10px;
	width: 500px;
	height: 50px;
	
	}
#nav ul {
	margin: 0.25em 0;
	padding: 0;
 	list-style-type: none;
	text-align: center;
	}
	
#nav li a:link {
	color: #B3AE94;
	font-size: 1.2em;
	font-weight: bold;
	}
#nav li a:visited {
	color: #339900;
	font-weight: bold;
	}
#nav a:hover, a:active { 
	color: #339900;
	font-weight: bold;
	}
#nav li {
 display: inline;
 padding: 0 0.25em 0 ;

}
fieldset {
	border: 1px solid #CCCCCC;
}



	
#index {
	width: 750px;
	height: 325px;
	float: left;
	text-align: right;
	margin-top: 20px;
	margin-left: 15px;
	padding-bottom: 10px;
	}
	
#maintext {
	width: 360px;
	height: 325px;
	float: left;
	text-align: justify;
	margin-top: 0px;
	margin-left: 160px;
	padding-bottom: 10px;
	padding-top: 0px;
	}
	
#maintextsmall {
	width: 300px;
	height: 325px;
	float: left;
	text-align: justify;
	margin-top: 0px;
	margin-left: 80px;
	padding-bottom: 10px;
	padding-top: 0px;
	}

#gallery {
	width: 400px;
	height: 500px;
	float: left;
	text-align: justify;
	margin-top: 0px;
	margin-left: 80px;
	padding-bottom: 10px;
	padding-top: 0px;
	}

#footer {
	text-align: center;
	font: bold 10px Tahoma;
	padding: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	border-top: 1px solid #dddddd; 
	}
h1 {
	font-family: Tahoma, Verdana, Ariel;
	font-size: 15px;
	color: #339900;
	font-weight: normal;
	border-bottom-color: #339900;
	text-decoration: underline;
}
h2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
enquire {
	color:#CCCCCC
	}

.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	white-space: normal;
}

option.drop
	{background:#CCCCCC}
	
 
.menu {
font-family: verdana, sans-serif; 
width:750px; 
position:relative; 
font-size:0.85em;
z-index:100;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#339900;
	width:139px;
	height:3em;
	border:1px solid #999999;
	padding-left:10px;
	line-height:3em;
	background-color: #333333;
}
* html .menu ul li a, .menu ul li a:visited {
width:149px;
w\idth:139px;
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#333333; 
background:#339900;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:3em;
margin-top:1px;
left:0; 
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#333333; 
color:#999999; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
* html .menu ul li a:hover ul li a {
width:150px;
w\idth:129px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#c9c9a7;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#333333; 
color:#339900;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}