/*---------------------
html tags
---------------------*/
body {
	color: #999999;
	background: url(images/mainphotos/background.jpg);
	scrollbar-face-color: #efefef;
	scrollbar-highlight-color: #efefef;
	scrollbar-shadow-color: #efefef;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #efefef;
	scrollbar-darkshow-color: #efefef;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p {
	font-size: 11px;
	text-align: justify;
}

li {
	font-size: 11px;
	font-weight:bold;
}

h1 {
	font-size: 16px;
	color:#bbb8b8;
	font-style:normal;
	font-family:Gill Sans, Century Gothic, Arial;
	font-weight:lighter;
}

h2 {
	font-size: 14px;
	color:#bbb8b8;
	font-style:normal;
	font-family:Gill Sans, Century Gothic, Arial;
	font-weight:lighter;
}

h3 { 
	font-size: 14px;
	color:#bbb8b8;
	font-style:normal;
	font-family:Gill Sans, Century Gothic, Arial;
	font-weight:lighter;
}

h4 {
	font-size: 14px;
	color:#bbb8b8;
	font-style:normal;
	font-family:Gill Sans, Century Gothic, Arial;
	font-weight:lighter;
}

strong {
	font-weight: bold;
	font-style: normal;
}
em {
	font-weight: normal;
	font-style: italic;
}

img {
	border:none;
}

a:link {
	color: #81c893;
	text-decoration: none;
}
a:visited {
	color: #81c893;
	text-decoration: none;
}
a:hover {
	color: #bbb8b8;
	text-decoration: none;
}


/*---------------------
main content
---------------------*/

#body {
	margin: 0;
	padding: 0;
	}
	
#container {
	margin:0px auto;
	width: 980px;
	height: 905px;
	float: none;
	padding-top:40px;
	}	
	
* html #container {
	margin:0px auto;
	width: 980px;
	height: 905px;
	float: none;
	padding-top:40px;
	}	
	
*:first-child+html #container {
	margin:0px auto;
	width: 980px;
	height: 905px;
	float: none;
	padding-top:40px;
	}
	
#box {
	float: left;
	margin-top:2px;
	margin-left:80px;
	height: 755px;
	width: 780px;
	background:#ffffff;
	}	
	
* html #box {
	float: left;
	margin-top:2px;
	margin-left:60px;
	height: 755px;
	width: 780px;
	background:#ffffff;
	}
	
*:first-child+html	* html #box {
	float: left;
	margin-top:2px;
	margin-left:80px;
	height: 755px;
	width: 780px;
	background:#ffffff;
	}
	
#logo {
	float:left;
	margin-top:-17px;
	margin-left:81px;
	padding: 0;
	height: 110px;
	width: 142px;
	background: url(images/mainphotos/logo);
	background-repeat:no-repeat;
	}	
	
* html #logo {
	float:left;
	margin-top:-47px;
	margin-left:60px;
	padding: 0;
	height: 110px;
	width: 142px;
	background: url(images/mainphotos/logo);
	background-repeat:no-repeat;
	}
	
*:first-child+html #logo {
	float:left;
	margin-top:-27px;
	margin-left:81px;
	padding: 0;
	height: 110px;
	width: 142px;
	background: url(images/mainphotos/logo);
	background-repeat:no-repeat;
	}	
	
html:first-child #logo {
	float:left;
	margin-top:-17px;
	margin-left:61px;
	padding: 0;
	height: 110px;
	width: 142px;
	background: url(images/mainphotos/logo);
	background-repeat:no-repeat;
	}
	
#leftcontent {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 300px; 
	height: 755px;
	}
	
* html #leftcontent {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 300px; 
	height: 755px;
	}
	
*:first-child+html #leftcontent {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 300px; 
	height: 755px;
	}
	
#rightcontent {
	float: left;
	margin-left: 330px;
	margin-top: -720px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:30px;
	padding-top:0px;
	width: 380px; 
	height: 660px;
	overflow:auto;
	}	
	
* html #rightcontent {
	float: left;
	margin-left: 167px;
	margin-top: -720px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:30px;
	padding-top:0px;
	width: 380px; 
	height: 660px;
	overflow:auto;
	}	
	
*:first-child+html #rightcontent {
	float: left;
	margin-left: 330px;
	margin-top: -720px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:30px;
	padding-top:0px;
	width: 380px; 
	height: 660px;
	overflow:auto;
	}	
	
#loadarea {	
    float: left;
	position: relative; 
	margin: 0px;
	width: 780px; 
	height: 520px;
	}
	
* html #loadarea {	
    float: left;
	position: relative; 
	margin: 0px;
	width: 780px; 
	height: 520px;
	}
	
*:first-child+html #loadarea {	
    float: left;
	position: relative; 
	margin: 0px;
	width: 780px; 
	height: 520px;
	}
	
#loadarea img {
	float: inherit;
	}
	
#thumbcontent {	
    float: left;
	margin-left: 870px;
	margin-top: -747px;
	width: 80px; 
	height: 491px;
	padding-top:10px;
	padding-left:10px;
	border:dotted;
	border-color:#ffffff;
	border-width:1px;
	}	
	
* html #thumbcontent {	
    float: left;
	margin-left: 457px;
	margin-top: -747px;
	width: 80px; 
	height: 476px;
	padding-top:10px;
	padding-left:10px;
	border:dotted;
	border-color:#ffffff;
	border-width:1px;
	}
	
*:first-child+html #thumbcontent {	
    float: left;
	margin-left: 870px;
	margin-top: -747px;
	width: 80px; 
	height: 491px;
	padding-top:10px;
	padding-left:10px;
	border:dotted;
	border-color:#ffffff;
	border-width:1px;
	}		
	
#thumbcontent img {
	margin-top:1px;
	margin-right:2px;
	border:1px;
	border-color:#efefef;
	border-style:solid;
}	

#textcontent {	
    float: left; 
	margin-left: 20px;
	margin-top: 23px;
	padding:0px;
	width: 520px; 
	height: 200px;
}

* html #textcontent {	
    float: left; 
	margin-left: 15px;
	margin-top: 23px;
	padding:0px;
	width: 520px; 
	height: 200px;
}

*:first-child+html #textcontent {	
    float: left; 
	margin-left: 20px;
	margin-top: 23px;
	padding:0px;
	width: 520px; 
	height: 200px;
}

#textbox {	
    float: left; 
	margin-left: 570px;
	margin-top: -200px;
	padding:0px;
	width: 190px; 
	height: 200px;
}

* html #textbox {	
    float: left; 
	margin-left: 290px;
	margin-top: -200px;
	padding:0px;
	width: 170px; 
	height: 200px;
}

*:first-child+html #textbox {	
    float: left; 
	margin-left: 570px;
	margin-top: -200px;
	padding:0px;
	width: 190px; 
	height: 200px;
}

		
/*------------------------------
contact page
------------------------------*/
}
#contact {
	width: 400px;
	vertical-align: top;
}
form#contactform {
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
}
.text {
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#76b8a8;
	padding: 0 0 9px 0px;
}
.textbox {
	padding: 0 0 9px 10px;
}
#enquirybox {
	padding: 0 0 10px 10px;
}

#contactform .submit {
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	background-color: #efefef;
 	color: #666666;
}
input {
 	background-color: #efefef;
 	color: #666666;
 	border: 0px solid #76b8a8; 
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
}
textarea {
 	background-color: #efefef;
 	color: #666666;
 	border: 0px solid #76b8a8; 
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
}

/*------------------------------
footer
------------------------------*/
#footer {
	float: left;
	margin-left: 80px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
	height: 20px;
	width: 780px;
}

* html #footer {
	float: left;
	margin-left: 60px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
	height: 20px;
	width: 780px;
}

*:first-child+html #footer {
	float: left;
	margin-left: 80px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
	height: 20px;
	width: 780px;
}

#footer p{
	color:#999999;
	text-decoration: none;
	text-align: left;
}

#footer a:link {
    color:#999999;
    text-decoration: underline;
}
#footer a:visited {
    color:#999999;
    text-decoration: underline;
}
#footer a:hover {
    color:#999999;
    text-decoration: underline;
}

