
/******** Basic Body ********/
	body {
		background: #339900 url(images/bg.jpg) top repeat-y;
				}
	
	h1 {
		margin: 0;
		color: #663366;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding-left: 20px;
		padding-top: 10px;
		
		}
	
	h2 {
		}
		h3 {
		color: #663366;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 12px;
		}
	img {
		border: 0;
		}
		
	.icon {
		border: 0;
		vertical-align: text-bottom;
		}
		.destination {
		color: #333333;
		font-weight: bold;
		}
	p a:hover {
	color: #339900;
	text-decoration: none;
	}
			
	#container {
		width: 900px;
		margin: 0 auto;
		padding: 0px;
		border-left:1px solid #663366;
		border-right:1px solid #663366;
		background:#FFFFFF;
		}
		.bullet ul li{
	font-size: 12px;
	background: url(images/bullet.gif) left top no-repeat;
	text-align: left;
	line-height:150%;
	margin: 5px 40px 0px 15px;
	padding-right:55px;
		}
		
		
/******** Header ********/		
	
	
	#header{
		width: 900px;
		height: 200px;
		background: url(images/header.jpg);
		overflow:visible !important /*Firefox*/; 
		overflow:hidden /*IE6*/;
		}
		
	
/******** Menu ********/	
	#menu_container {
		width: 900px;
		_w/idth: 900px;
		background: #FFFFFF;
		height: 30px;
		padding-left: 0px;
		padding-right: 0px;
		}
	
	#menu {
		width: 900px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background: #663366 url(images/menu-background.jpg) ;
		float: left;
		font-size: 95%;
		margin-top: 0;
		margin-bottom: 0;
		}
	
	* html #menu {
		padding-right: 0;
		}
	
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 100%;
		}
	
	#menu li {
		display: inline;
		}
	
	#menu a:link, #menu a:visited {
		padding: 0.25em 1em;
		background: transparent;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		border-right: 1px solid #FFFFFF;
		}
	
	#menu a:hover {
		background: #339900 url(images/topmenu-hover.jpg) repeat-x;
		color:  #FFFFFF;
		}
body#index a#indexLink,
body#about a#aboutLink,
body#contact a#contactLink
{
background: #339900 url(images/topmenu-hover.jpg) repeat-x;
		color: #FFFFFF;
		
}

/******** Main Content ********/		
	#content {
		width: 880px;
		background: #FFFFFF;
		padding: 10px;
		}
	#left{
	float:left;
	clear:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 420px;
		background: #FFFFFF;
		margin: 20px 4px 10px 12px;
		padding-right:0px;
		background: url(images/bubblebottom.jpg) no-repeat bottom center;
		padding-bottom: 30px;
		}
		#left h2 {
		font-size: 14px;
margin-top: 0px;
margin-bottom:0px;
padding-left:45px;
text-align: left;
background: url(images/bubbletop.jpg) no-repeat top center;
padding-top: 35px;
color: #339900;
} 
.leftborders {
border-left: 2px solid #663366;
border-right: 2px solid #663366;
padding: 0px 10px 0px 10px;
}
.leftborders p{
padding: 0px 30px 0px 10px;
margin-right:20px;
}
#left a {
color:#339900;
font-weight:bold;
text-decoration:none;
}
#left a:hover {
color:#663366;
font-weight:bold;
text-decoration:none;
}
#leftborders a {
color:#663366;
font-weight:bold;
text-decoration:none;
}
#leftborders a:hover {
color:#339900;
font-weight:bold;
text-decoration:none;
}
#left p a {
color:#663366;
font-weight:bold;
text-decoration:none;
}
#left p a:hover {
color:#339900;

text-decoration:none;
}
#left p {
width:355px;
color: #333333;
text-align: justify;
font-size: 12px;
padding: 10px 30px 15px 20px;
margin: 0;
line-height:140%;
word-spacing: 2px;

}
#left img {
float:right;
clear:none;
margin:0px 10px 10px 20px;
}

	#main {
	width: 590px;
		float: left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 120%;
		margin-top:10px;
		margin-left:10px;
		margin-bottom:10px;
		padding-bottom: 0px;
		}
	#main h2 {
font-size: 16px;
width:480px;
margin: 0px 0px 0px 30px;
text-align: left;
border-bottom: 1px solid #663366;
padding: 30px 40px 10px 10px;
color: #663366;
}
#main h3 {
font-size: 14px;
width:480px;
margin: 0px 0px 0px 30px;
text-align: left;
font-weight:bold;
padding: 15px 40px 10px 10px;
color: #663366;
}
#main p {
color: #333333;
text-align: justify;
font-size: 12px;
margin: 0;
padding: 10px 40px 0px 40px;
line-height:140%;
word-spacing: 2px;
} 
#main .img{
padding-left:10px 100px 10px 100px;
}
#main p a:link {
text-decoration:none;
color:#663366;
}
#main p a:hover {
text-decoration:none;
color:#339900;
}
#main ul {
list-style:none;
margin-left:35px;
}
#main .photo{
float:right;
clear:none;
margin:0px 0px 20px 30px;
}
#main .photo1{
float:right;
clear:none;
margin:0px 10px 0px 15px;
}
		.bullet li{
		list-style:none;
		background-image: url(images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		padding-left: 18px;
		margin-bottom: 2px;
			}
			.bullet li a:link{
		text-decoration:none;
		color:#663366;
			}
			.bullet li a:hover{
		text-decoration:none;
		color:#339900;
			}
#main1 {
	width: 850px;
		float: left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 120%;
		margin-top:10px;
		margin-left:10px;
		margin-bottom:10px;
		padding-bottom: 0px;
		}
	#main1 h2 {
font-size: 16px;
width:480px;
margin: 0px 0px 0px 30px;
text-align: left;
border-bottom: 1px solid #663366;
padding: 30px 40px 10px 10px;
color: #663366;
}
#main1 p {
color: #333333;
text-align: justify;
font-size: 12px;
margin: 0;
padding: 10px 40px 0px 40px;
line-height:140%;
word-spacing: 2px;
} 
#main1 p .img{
padding-left:10px 100px 10px 100px;
}
#main1 p a:link {
text-decoration:none;
color:#663366;
}
#main1 p a:hover {
text-decoration:none;
color:#339900;
}
#main1 .photo{
float:right;
clear:none;
margin:0px 0px 10px 20px;
}
div.spacer
{ clear: both;
  width: 80px;
}
	#posts {
	clear: none;
	float:left;
		width: 555px;
		background: #FFFFFF;
		margin-left: 5px;
		margin-top: 20px;
		padding-right:0px;
		}
		
	#posts p {
		text-align: justify;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 150%;
		color: #666666;
		}
		
	#posts a {
		color: #C44000;
		text-decoration: none;
		}
		
		#posts p a:link {
	color: #663366;
	text-decoration: none;
	}
		#posts p a:hover {
	color: #669900;
	font-weight:bold;
	text-decoration: none;
	}
	
	#posts p a:visited {
	color: #99C00F;
	font-weight:bold;
	text-decoration: none;
	}
		#posts2 {
		width: 820px;
		background: #FFFFFF;
		margin-right: 10px;
		margin-left: 20px;
		margin-top: 20px;
		padding-right:5px;
		text-align:inherit;
		}
		
	#posts2 p {
		text-align: justify;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 150%;
		color: #666666;
		}
		
	#posts2 a {
		color: #C44000;
		text-decoration: none;
		}
		
		#posts2 p a:link {
	color: #99C00F;
	text-decoration: none;
	}
		#posts2 p a:hover {
	color: #669900;
	font-weight:bold;
	text-decoration: none;
	}
	
	#posts2 p a:visited {
	color: #99C00F;
	font-weight:bold;
	text-decoration: none;
	}
		#form  {
		clear:none;
width: 430px;
float:right;
margin-right: 40px;
text-align: right;
border: 1px solid #663366;
}

subForm {
	float: right;
	font-size: 12px;
	text-align:right;
}
.label {
	width: 155px;
	float:left;
	margin-right:20px;
	text-align: right;
	font-weight: bold;
	padding-bottom:4px;
}


#form select#refer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input#name,  input#email, input#company, input#contactno, select#refer, input#telephoneno, input#code, textarea#enquiry {
	width:190px;
	float:right;
	background-color: #CCFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: -2px;
	margin-right:100px;
	margin-bottom:4px;
}
input#name:focus,
input#email:focus,
input#company:focus,
input#contactno:focus,
input#code:focus,  
textarea#enquiry:focus,
select#refer:focus {
background-color: #CCFFCC;
}


input#submit{
margin-left: 200px;
background-color: #663366;
color: #FFFFFF; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}
input#reset {
margin-left: 20px;
background-color: #663366;
color:#FFFFFF; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}

	#posts a:visited {
		color: #D9E979;
		text-decoration: none;
		}
		
	#posts a:hover {
		color: #D9E979;
		text-decoration: underline;
		}
		
	.dropcap {
		float: left;
		width: 24px;
		font-size: 24px;
		line-height: 95%;
		}
	
	.blockquote {
		border: 2px dotted #88ac0b;
		background-color: #EFEFEF;
		margin: 30px;
		padding: 5px;
		overflow: hidden;
		text-align: justify;
		color: #CCCCCC;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		}
	
	.comments {
		color: #999999;
		font-size: 75%;
		text-align: right;
		}

/******** Sidebar ********/		
	#sidebar {
		width: 220px;
		float:right;
		clear:none;
		padding-top: 10px;
		margin-top:20px;
		margin-right:20px;
		}
				
		.sidebarlinks{
		width:200px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		float: right;
		padding: 0px 40px 0px 0px;
		margin-right:20px;
		margin-left:10px;
		border-bottom:1px solid #FFFFFF;
		}

.sidebarlinks ul{
margin: 10px 10px 10px 10px;
} 

.sidebarlinks li 
{ margin: 0px 30px 0px 0px;
 display:block;
 height:30px;
 text-align:left;
 text-decoration:none;
  float: left;
  list-style: none;
  background: url(images/menu-sidebar.jpg) no-repeat;
} 

.sidebarlinks li a#selected, .sidebarlinks li a:hover {
 background: url(images/menu-hover.jpg) no-repeat;
  text-decoration:none;
  color: #FFFFFF;
  
} 
.sidebarlinks li a{ 
float: left;
text-decoration:none;
font-size:12px; 
  height: 30px;
  padding: 5px 0px 5px 20px;
  width: 180px;
  background: url(images/menu-sidebar.jpg) no-repeat;
  color: #FFFFFF;
   } 
   #sidebar1 {
		width: 220px;
		float: right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		line-height:140%;
		padding-top: 10px;
		margin-top:20px;
		margin-right:10px;
		background: url(images/sidebubblebottom.jpg) no-repeat bottom center;
		}
		
	.content{
		clear:none;
		float: right;
		width:200px;
		margin-right:10px;
				}
		
	#sidebar1 h3{
		padding-left:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-top: 35px;
		text-align: left;
		color:#339900;
		font-size:12px;
		margin-bottom:0px;
		padding-bottom:0px;
		background: url(images/sidebubbletop.jpg) no-repeat top center;
		}
		
	.rightborders p{
		padding:0px 10px 0px 10px;
		color: #333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-top:0px;
		border-left:2px solid #339900;
		border-right:2px solid #339900;
		text-align:justify;
		padding-left:10px;
		padding-right:10px;
		line-height: 140%;
		}
				
		.rightborders p a:link {
	color: #663366;
	text-decoration: none;
	}
	
		#rightborders p a:hover {
	color: #339900;
	font-weight:bold;
	text-decoration: none;
	}
	
	#content p a:visited {
	color: #99C00F;
	font-weight:bold;
	text-decoration: none;
	}
	.sidebar_content2{
		border-right: 1px solid #92ACFF;
		border-left: 1px solid #92ACFF;
		padding: 0px 1px;
		background: #CBD9FE;
		margin: 0px 1px;
		}
		
	.sidebar_content3{
		border-right: 1px solid #CBD9FE;
		border-left: 1px solid #CBD9FE;
		margin: 0px 1px;
		}
		
	.sidebar_content4{
		border-right: 1px solid #33CC00;
		border-left: 1px solid #33CC00;
		}
		
	.sidebar_content5{
		border-right: 1px solid #33CC66;
		border-left: 1px solid #33CC66;
		}
		
	.sidebar_content_content{
		padding: 0px 5px;
		background: #FFFCC8;
		border: 1px solid #D9E979;
		color: #333333;
		text-align: justify;
		font-size: 14px;
		font-style:italic;
		padding-left:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 140%;
		}
	
	.sidebar_content_content a {
		color: #FFFFFF;
		text-decoration: none;
		letter-spacing: 5px;
		}
		
	.sidebar_content_content a:visited {
		color: #FFFFFF;
		text-decoration: none;
		letter-spacing: 5px;
		}
		
	.sidebar_content_content a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		letter-spacing: 5px;
		}
	
	.side_content_header {
		margin: 0;
		color: #FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-variant: small-caps;
		}

/******** Footer ********/	
	#footer {
		clear: both;
		width: 900px;
		height: 100px;
		background: url(images/footer-background.jpg) no-repeat bottom center;
		padding-top: 10px;
		line-height: 180%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px solid #663366;
		}
		#footer span {
		float: left;
		font-size:10px;
		font-weight:bold;
		padding: 10px 0px 0px 5px;
		margin-bottom:0px;
		}
		
	#footer p {
		text-align: center;
		padding-top:10px;
		font-family:Verdana,  Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		line-height: 100%;
		word-spacing: 2px;
		}
		
		#footer p close {
		text-align: center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		line-height: 100%;
		word-spacing: 4px;
		}
	#footer p a {
		color: #663366;
		font-size:10px;
		text-decoration: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
						
	#footer p a:hover {
		color: #339900;
		text-decoration: none;
		
		}
		#column1-unit-map {
		color: #D9E979;
		border: 1px solid #D9E979;
		background-color: #FFFCC8;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		#side_bar_map {
		color: #99C00F;
		text-decoration: none;
		background-color: #FFFCC8;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:150%;
		font-weight: bold;
		margin-left: 10px;
		}
		
			
.figure {
	float: right;
	margin: -10px 0px 5px 20px;
	width: 220px;
			}
	.figure1 {
	float: right;
	margin: 10px 8px 5px 8px;
	width: 200px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #9CC50E;
	}
	.figure2 {
	float: right;
	margin: 0px 0px 20px 30px;
	}
	.figure3 {
	float: left;
	margin: 0px 30px 20px 0px;
	}
	#side_bar {
	color: #99C00F;
	}
	#side_bar {
	color: #99C00F;
	font-weight:bold;
	text-decoration: none;
	}
	#side_bar a:visited {
	color: #99C00F;
	font-weight:bold;
		text-decoration: none;
		}
	
	
	