/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background-color:#fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	}
	
/*fixing firefox outline*/

a:active{
	outline:none;
	}
	
:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
img a{
	border:none;
	}
	
	
	
	
/*TEXT STYLES
================================================================================*/

h2{
	padding:0;
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:100%;
	}
	
h3{
	padding:0 0 12px 0;
	margin:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:120%;
	color:#7d7d7d;
	}





/* NAVIGATION STYLES
================================================================================*/

#leftcol ul{
	padding:14px 0 0 0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#leftcol ul li{
	padding:0 0 24px 12px;
	margin:0;
	width:211px;
	}
	
#acco a:link, #acco a:visited{
	background:url(../images/accommodation.jpg) no-repeat 0 0;
	width:201px;
	height:17px;
	display:block;
	}
	
#acco a:hover{
	background:url(../images/accommodation_hover.jpg) no-repeat 0 0;
	width:201px;
	height:17px;
	}
	
#lesson a:link, #lesson a:visited{
	background:url(../images/lesson.jpg) no-repeat 0 0;
	width:126px;
	height:17px;
	display:block;
	}
	
#lesson a:hover{
	background:url(../images/lesson_hover.jpg) no-repeat 0 0;
	width:126px;
	height:17px;
	}
	
#taxi a:link, #taxi a:visited{
	background:url(../images/taxi.jpg) no-repeat 0 0;
	width:130px;
	height:17px;
	display:block;
	}
	
#taxi a:hover{
	background:url(../images/taxi_hover.jpg) no-repeat 0 0;
	width:130px;
	height:17px;
	}
	
#team a:link, #team a:visited{
	background:url(../images/team.jpg) no-repeat 0 0;
	width:131px;
	height:17px;
	display:block;
	}
	
#team a:hover{
	background:url(../images/team_hover.jpg) no-repeat 0 0;
	width:131px;
	height:17px;
	}
	
#enquiries a:link, #enquiries a:visited{
	background:url(../images/enquiries.jpg) no-repeat 0 0;
	width:98px;
	height:22px;
	display:block;
	}
	
#enquiries a:hover{
	background:url(../images/enquiries_hover.jpg) no-repeat 0 0;
	width:98px;
	height:22px;
	}		
	
.divider{
	background:url(../images/nav_divider.jpg) no-repeat 0 0;
	width:223px;
	height:3px;
	font-size:0;
	margin:0 0 24px 0;
	}





/* LAYOUT STYLES
================================================================================*/
	
#wrapper_home{
	background:url(../images/bg.jpg) repeat-x 0 0;
	}
	
#container{
	padding:0;
	margin:0 auto 0 auto;
	width:999px;
	}
	
#header{
	width:999px;
	height:223px;
	}
	
#bodyarea{
	background-color:#fff;
	width:999px;
	}
	
#content_1st{
	background:url(../images/divider.jpg) no-repeat 0 0;
	width:992px;
	padding:20px 0 0 7px;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	height: 0;
	}
	
#leftcol{
	float:left;
	width:223px;
	margin:0 20px 0 0;
	}

#rightcol{
	float:left;
	width:749px;
	}
	
#right_content1{
	width:731px;
	background:url(../images/content1_bg.jpg) repeat-y 0 0;
	margin:0 0 24px 0;
	}
	
#right_content1_inside{
	background:url(../images/content1_bottom.jpg) no-repeat left bottom;
	width:731px;
	padding:0 0 10px 0;
	}
	
#right_content2{
	width:731px;
	background:url(../images/conetnt2_bg.jpg) repeat-y 0 0;
	margin:0 0 24px 0;
	}
	
#right_content2_inside{
	background:url(../images/conetnt2_bottom.jpg) no-repeat left bottom;
	width:731px;
	padding:0 0 10px 0;
	}
	
.leftbox{
	float:left;
	width:358px;
	margin:0 15px 0 0;
	}
	
.rightbox{
	float:left;
	width:358px;
	}
	
.box_content{
	width:300px;
	padding:15px 34px 0 24px;
	}
	
.box_content p{
	padding:0 0 12px 0;
	margin:0;
	line-height:140%;
	}

#content_2nd{
	background:url(../images/divider.jpg) no-repeat 0 0;
	width:959px;
	padding:20px;
	}
	
#content_2nd_left{
	float:left;
	width:472px;
	}
	
#content_2nd_right{
	float:left;
	width:486px;
	}
	
#content_2nd_right p{
	padding:0 0 30px 0;
	margin:0;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#0291be;
	line-height:150%;
	}
	
#content_2nd_right p a:link, #content_2nd_right p a:visited{
	text-decoration:none;
	color:#0291be;
	}
	
#content_2nd_right p a:hover{
	text-decoration:underline;
	}
	
#content_2nd_right_top{
	width:486px;
	padding:0 0 24px 0;
	}
	
#content_2nd_right_cell1{
	float:left;
	width:300px;
	padding:25px 0 0 0;
	}
	
#content_2nd_right_cell2{
	float:right;
	width:92px;
	}
	
#footer{
	background:url(../images/footer_bg.png) no-repeat 0 0;
	width:999px;
	}
	
/*only for IE6*/	
* html #footer{
	background:url(../images/footer_bg.gif) no-repeat 0 0;
	width:999px;
	}
	
#footer_title{
	width:999px;
	height:28px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	text-align:center;
	padding:4px 0 0 0;
	}
	
#footer_content{
	width:959px;
	height:44px;
	padding:12px 20px 0 20px;
	}
	
#footer_content p{
	padding:0 0 7px 0;
	margin:0;
	line-height:100%;
	}
	
#footer_left{
	float:left;
	width:240px;
	}
	
#footer_right{
	float:right;
	width:260px;
	}
	
#footer_right_cell1{
	float:left;
	width:54px;
	}
	
#footer_right_cell2{
	float:right;
	width:192px;
	text-align:right;
	}

#footer_links{
	width:999px;
	text-align:center;
	padding:10px 0 20px 0;
	}
	
#footer_links ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#footer_links ul li{
	padding:0;
	margin:0;
	display:inline;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	}
	
#footer_links ul li em{
	padding:0 3px 0 5px;
	font-style:normal;
	}
	
#footer_links ul li a:link, #footer_links ul li a:visited{
	text-decoration:none;
	color:#7d7d7d;
	}
	
#footer_links ul li a:hover{
	text-decoration:underline;
	}



/*for inner pages*/

#wrapper_acco{
	background:url(../images/acco_bg.jpg) repeat-x 0 0;
	}
	
#wrapper_taxi{
	background:url(../images/taxi_bg.jpg) repeat-x 0 0;
	}	
	
#wrapper_surf{
	background:url(../images/surf_bg.jpg) repeat-x 0 0;
	}
	
#wrapper_team{
	background:url(../images/team_bg2.jpg) repeat-x 0 0;
	}
	
.inner_content{
	width:730px;
	padding:0 0 25px 0;
	}
	
#acco_text{
	background:#ede1cd url(../images/acco_big_bg.jpg) repeat-x 0 0;
	width:680px;
	padding:20px 25px 0 25px;
	}
	
#taxi_text{
	background:#e2e3ee;
	width:680px;
	padding:20px 25px 0 25px;
	}	
	
.inner_content p{
	padding:0 0 15px 0;
	margin:0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	line-height:130%;
	}
	
.inner_content p a:link, .inner_content p a:visited{
	text-decoration:underline;
	color:#7d7d7d;
	}
	
.inner_content p a:hover{
	text-decoration:none;
	}
	
.inner_content_row{
	width:680px;
	padding:0 0 5px 0;
	}
	
.acco_cell{
	float:left;
	width:210px;
	padding:0 5px 0 0;
	}
	
.inner_content_row ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
.inner_content_row ul li{
	padding:0;
	margin:0 0 7px 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	line-height:140%;
	}

#make_enquiry{
	text-align:right;
	}
	
.surf_text{
	background:#e5f3ef url(../images/surf_big_bg.jpg) repeat-x 0 0;
	width:680px;
	padding:20px 25px 10px 25px;
	}
	
.surf_cell{
	float:left;
	width:320px;
	padding:0 10px 0 0;
	}
	
.surf_text2{
	background:#e5f3ef url(../images/surf_big_bg.jpg) repeat-x 0 0;
	width:730px;
	}
	
.surf_text2_cell1{
	float:left;
	width:300px;
	padding:20px 20px 0 23px;
	}
	
.surf_text2_cell2{
	float:left;
	width:387px;
	}
	
.team_row{
	width:680px;
	padding:0 0 4px 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	}
	
.team_cell1{
	float:left;
	width:240px;
	padding:0 10px 0 0;
	}
	
.team_cell2{
	float:left;
	width:430px;
	}
	
.contact_title{
	padding:0 0 5px 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	}
	
.txtbox{
	background-color:#fff;
	border:1px solid #ccc;
	width:300px;
	margin:0 0 10px 0;
	height:18px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	padding:4px 3px 3px 3px;
	}
	
.txtarea{
	background-color:#fff;
	border:1px solid #ccc;
	width:400px;
	margin:0 0 10px 0;
	height:120px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	padding:3px;
	overflow:auto;
	}