/*--------------------------------------------
Basic
--------------------------------------------*/
html,body {
	margin:		0px;
	padding: 	0px;
	height: 	100%;
}
body{
	font: 		16px Arial, Helvetica, sans-serif;
	background-color: #CC0000;
}
img{
	border: 	none; 
}
a{
	color:	#CC0000;
	text-decoration: none;
}
a:visited{
	color:	#CC0000;
	text-decoration: none;
}
#container{
	/* position */
	position:	relative;
	top:		0;
	width:		720px;
	height:		inherit;
	padding: 	0 10px;  
	margin:  	0 auto 0 40px; 
	display:	block;
	/* other */
	background: url("image/container_bg.jpg") top left repeat-y;
}
#container_footer{
	width:		720px;
	height:		10px;
	margin:		0 40px;
	padding:	0;
	background:	transparent url("image/container_footer.jpg") no-repeat;	
}
/*--------------------------------------------
Top
--------------------------------------------*/
#topImage{	
	/* position */
	padding: 	0;
	margin: 	0 0 0 -5px;
	/* size */
	height:		105px;
	width:		705px;
	/* background */
	background: url(image/logo.jpg) top right no-repeat;
}
#topImageLeft{	
	/* position */
	position:	absolute;
	top:		0px;
	left:		10px;
	padding: 0;
	margin: 0;
	/* size */
	height:		105px;
	width:		705px;
	/* background */
	background: url(image/welcome.jpg) top left no-repeat;
}
/*--------------------------------------------
Main
--------------------------------------------*/
#main{ 
	margin:		0 175px;
	padding:	25px 0;
	width:		525px;
	background:	url("image/water.jpg") top left no-repeat;
}
#mainIndexImg{
	margin: 	0;
	padding: 	0;
	width:		523px;
	height:     299px;
	background:	url("image/index.jpg") no-repeat;
}
#mainText{
	margin:		0;
	padding:	15px;
	width: 		505px;
	font-size:	18px;
}
#enquiry{
	position:	absolute;
	top:		340px;
	left:		185px;
	margin:		0px;
	padding:	0px;
}
#mainTextArea{
	margin:		2px 0px 10px 10px;
	padding:	2px;
}
#mainTextArea h2{
	text-decoration: none;
	color:		#ffffff;
	font-size:	28px;
	font-weight: bold; 
	margin:		0;
	padding:	0;
	background-color: #ff5900;
}
#mainTextArea h3{
	height:		25px;
	width:		300px;
	text-decoration: none;
	color:		#ffffff;
	font-size:	16px;
	font-weight: bold; 
	margin:		0;
	padding:	0;
	background: #ff9900 url("image/arrow.gif") no-repeat;
}
#mainTextLine{
	margin:		0px;
	padding:	0px;
	color:	#ff5900;
	text-decoration: none;
	font-size:	16px;
	font-weight: bold;
}
#mainTextLine ul{
	margin:		5px 0px 10px 25px;
}
#mainTextLine li{
	margin: 0px;
	padding: 4px;
}
#email{
	/* position */
	position:	absolute;
	top:		130px;
	left:		185px;
	width:		510px;
	padding:	10px 0px 0px 10px;
	margin:		0;
	/* background */
	background-color:	#FFFFFF;
	font-size:	16px;
	font-weight: bold; 
}
/*--------------------------------------------
Left Container
--------------------------------------------*/
#leftContainer{
	position:	absolute;
	top:		105px;
	left:		10px;
	height:		100%;
	margin:		0;
	display:	block;
}
/*-------------------------------------------
View Image
--------------------------------------------*/
#viewImage{	
	position:	absolute;
	top:		0px;
	left:		0px;
	/* size */
	width:		600px;
	height:		630px;
	margin:		5px;
	padding:	2px;
	/* other */
	background-color:	#ff9900;
}
#viewImageText{
	height:		20px;
	/* font */
	color:		#ffffff;
	font-size:	18px;
	font-weight: bold;	
	margin:	0px;
	padding: 2px;	
	cursor:		default;
}
#viewImageItem{
	/* size */
	width:		600px;
	height:		620px;
	margin:		5px;
	padding:	2px;
	/* other */
	background-color:	#ff9900;
}
/*--------------------------------------------
ITEM
--------------------------------------------*/
#item{
	/* position */
	float:		left;
	/* size */
	width:		230px;
	height:		250px;
	margin:		5px;
	padding:	2px;
	/* other */
	background-color:	#ff9900;
	cursor:		pointer;
}
#item:hover{	
	background-color:	#ff5900;
}
#item a:visited{
	text-decoration: none;
}
#itemText{
	height:		20px;
	/* font */
	color:		#ffffff;
	font-size:	18px;
	font-weight: bold;	
	margin:	0px;
	padding: 0px;	
}
#itemImage{
	height:		229px;
	margin:		0px;
	padding: 	0px;
}
/*--------------------------------------------
Menu
--------------------------------------------*/
#menuHeader{
	/* size */
	height:		25px;
	/* background */
	background: url("image/menu_header.jpg") no-repeat;
}
#menu a{
	/* position */
	margin:  	0;
	padding:	3px;
	/* size */
	height:		20px;
	width:		166px;
	/* border */
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	/* font */
	color:		#000000;
	font-weight: bold;
	text-align: left;
	text-decoration: none;		
	white-space: nowrap;
	/* other */
	background:	#ffffff;
	display:	block;
}
#menu a:hover{
	color:		#ffffff;
	background-color: #cc0000;
}
#menu ul{
	list-style:	none;
	margin:		0;
	padding:	0;
}
#menuFooter{
	/* size */
	height:		25px;
	width:		175px;
	/* background */
	background: url("image/menu_end.jpg") no-repeat;
}