/* ---------------------
basic layout
by TueDi
--------------------- */

body{
	margin: 0px;
	padding: 0px;
	background: url(../images/mainbg.gif) repeat-x;
}

#wrapper{
	width: 761px;
	position: relative;
	left: 50%;
	margin-left: -380px;
}

#headerwrapper{
	
}

#logo{
	width: 424px;
	height: 154px;
	background: url(../images/logo_temple.gif) no-repeat;
	float: left;
}

#headerkanan{
	width: 337px;
	height: 154px;
	float: left;
}

#mainheader{
	width: 337px;
	height: 123px;
	position: relative;
	top: 22px;
	background: url(../images/headerbg.gif) repeat-x;
}

#cottage_title{
	position: relative;
	left: 10px;
	top: 45px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #325406;
}

#contentwrapper{
	background: #fff;
}

#leftmenu{
	width: 173px;
	float: left;
	min-height: 910px;
	height: auto !important;
	height: 910px;
	background: url(../images/menu-bg.gif) repeat-y;
}

*html #leftmenu{
	height: 925px;
}

#leftmenu ul{
	margin: 10px 0  0 25px;;
	padding: 0px;
	list-style: none;
	text-transform:uppercase;
}

#leftmenu ul li{
	width: 140px;
	line-height: 20px;
	border-bottom: 1px dashed #5C9513;
}

#leftmenu ul li a{
	text-decoration: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#leftmenu ul li a:hover{
	color: #ccc;
}

#middlecontent{
	float: left;
}

#imageheader {
	width: 419px;
	height: 234px;
	background: url(../images/headerline.gif) no-repeat bottom;
}

#imageheader img{
	position: relative;
	left: 8px;
	top: 8px;
}

#maincontent{
	width: 530px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 10px;
	color: #325406;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#middlecontent{
	width: 530px;
	position: relative;
	left: 50%;
	margin-left: -285px;

}

*html #maincontent{
	width: 419px;	
}

#bgshadow{
	width: 173px;
	min-height: 175px;
	height: auto !important;
	height: 175px;
	background: url(../images/leftmenu-bg.gif) no-repeat top;
}

#rightmenu{
	width:159px;
	float: left;
	background: #70AF1D;
	padding-left: 5px;
	padding-right: 5px;
}

*html #rightmenu{
	width: 169px;
}

#topmenu ul{
	width: 290px;
	list-style: none;
	text-align: right;
}

*html #topmenu ul{
	position: relative;
	top: 16px;
}

#topmenu ul li{
	display: inline;
	line-height: 21px;
	margin-right: 10px;
}

#topmenu ul li a{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#topmenu ul li a:hover{
	color: #ccc;
}

#rightmenu .moduletable{
	color: #fff;
}

#footerwrapper{
	width: 761px;
	margin-top: 3px;
	background: url(../images/bg_footer.gif) repeat-x;
}

#fooart{
	width: 173px;
	height: 70px;
	float: left;
	background: url(../images/fooart.gif) no-repeat;	
}

#copy{
	position: relative;
	top: 18px;
	left: 18px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}

#copy a{
	color: #666;
}

.moduletable_menu th{
	position: relative;
	left: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #365D05;
}

.moduletable_menu{
	margin-top: 10px;
}

#maincontent table.contentpaneopen{
	color: #325406;
}

#maincontent table.contentpaneopen tbody tr td.contentheading{

	font-size: 24px;
	color: #325406;
}

.clr{
	clear: both;
}

.componentheading{
	font-size: 24px;
	color: #325406;
}

.contentpane{
	color: #325406;
}

#rightmenu .moduletable{
	position: relative;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#rightmenu .moduletable td{
	font-size: 12px;
}

#ratestyle tr td{
	font-size: 12px;
	color: #325406;
}

#nextpic{
	width: 150px;
	font-size: 12px;
}

#maincontent a{
	color: #666666;
	text-decoration: none;	
}

/* -- for form -- */

#contactform{
	width: 530px;
	position: relative;
	left: 15px;
}

#contactform input, select, textarea{
	border: 1px solid #999;
}

#onlinebooking{
	width: 530px;
	margin-bottom: 15px;
	font-size: 24px;
	text-align: center;
	border-bottom: 3px solid #C4F2BD;
}

#onlinebooking2{
	width: 530px;
	margin-bottom: 5px;
	font-size: 24px;
	text-align: center;
	border-bottom: 3px solid #C4F2BD;
}

#footer{
	width: 530px;
	text-align: center;
	font-size: 11px;
}

.formtitles{
	font-weight: bold;
	margin-bottom: 10px;
}

.formtitles2{
	font-weight: bold;
	margin: 10px 0 10px;
}

#submit{
	margin: 10px 0 10px;
}

.dev1{
	margin-bottom: 2px;
}

*html .dev1{
	margin-bottom: 1px;
}

.dev2 input{
	position: relative;
	left: 38px;
	margin-bottom: 2px;
}

.dev3 input{
	position: relative;
	left: 14px;
	margin-bottom: 2px;
}

.dev4 input{
	position: relative;
	left: 12px;
	margin-bottom: 2px;
}

.dev5 input{
	position: relative;
	left: 26px;
	margin-bottom: 2px;
}


.dev6b input{
	position: relative;
	left: 9px;
	margin-bottom: 2px;
}

.dev6 input{
	position: relative;
	left: 0px;
	margin-bottom: 2px;
}

.dev7 input{
	position: relative;
	left: 27px;
	margin-bottom: 2px;
}

.dev8 input{
	position: relative;
	left: 11px;
	margin-bottom: 2px;
}

#important{
	width: 450px;
	text-align: center;
	margin-top: 10px;
	padding: 5px;
	border: 1px dashed #ccc;
}

#text{
	width: 530px;
	margin-bottom: 10px;
	text-align: center;
}





/* -- end form -- */

.sectiontableheader a{
	text-decoration: none;
	color: #666666;
}

.sectiontableheader a:hover{
	color: #ccc;
}

.ratestitle{
	font-size: 12px;
	font-weight: bold;
	background: #fff;
}

.ratestitle td{
	padding: 5px;
	border-bottom: 1px solid #999999;
}

.class1 td{
	padding: 5px;
	background: #fff;
	border-bottom: 1px solid #999999;
}

.ponithumb{
	padding: 5px;
	border: 1px solid #ccc;
}

.small{
	font-size: 11px;
	text-align:center;
}

.arrow{
	width: 200px;
	font-size: 12px;
}
.arrow a{
	text-decoration: none;
}