import{ url('main.css') }

body {
	margin:0;
	margin:15px 0;
	color:#000;
	text-align:center;
	background:#F2FFCC;
	font:0.8em Georgia, Verdana, Arial, Helvetica, sans-serif;
}
a {color:#113500;}
a:hover {color:#f60;}
form {display:inline;}
hr {height:1px; color:#ddd;}

/****************************************************************************
	Classes
****************************************************************************/

.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}
.img {border:1px solid #000; padding:1px; margin:5px;}
.img-left {float:left; margin:0 10px 5px 0;}
.img-right {float:right; margin:0 0 5px 10px;}
.box1 {background:#f2ffcc; font-family:Arial; padding:5px; color:#009; border:1px dotted #009; width:440px;}
.box2 {background:#f2ffcc; font-family:Arial; padding:5px; color:#f00; border:1px dotted #f00; width:440px;}
.table1 {border-top:1px solid #ccc;}
.table1 td {border-bottom:1px solid #ccc;}

/****************************************************************************
	Site Structure
****************************************************************************/

#container-outer {position:relative; margin:0 auto; width:780px; text-align:left;}
#container-inner {padding:0 27px;}
#header {height:210px;}
#body-outer {width:490px; float:right; position:relative;}
#left {width:225px; margin-top:35px; color:#333;}
#booking {position:relative; height:330px; margin-bottom:25px;}
#menu {position:relative; top:170px;}
#movie {position:absolute; top:0; left:0;}

/****************************************************************************
	Container
****************************************************************************/

#container-inner {background:url(../images/bg-container1.png) no-repeat center top;}
#container-outer {background:url(../images/bg-container2.png) repeat-y center top;}

/****************************************************************************
	Header
****************************************************************************/

#header {text-align:center;}
#header h1 a {
	/* position it */
	position:absolute;
	top:55px;
	left:40px;
	display:block;
	/*Size of the image*/
	padding-top:100px;
	width:520px;
	/*The image*/
	/*background:url(../images/koala-hostel.gif) no-repeat left top;*/
	/*hide the text*/
	overflow:hidden;
	/* WIN IE5 hack */
	height:100px;
	padding-top:100px;
	height:0;
}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {display:inline;}
#menu ul li a {
	color:#113500;
	text-decoration:none;
	padding:0 10px 3px 10px;
	border-bottom:3px solid #466400;
	font:0.95em Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#menu ul li a:hover {border-bottom:3px solid #f2ffcc;}

/****************************************************************************
	Body
****************************************************************************/

#body-outer {background:#fff url(../images/bg-body3.png) no-repeat center bottom;}
#body-inner {background:url(../images/bg-body1.png) no-repeat center top;}
#body-inner .photos {text-align:center;}
#body-inner .photos a img {margin:0 4px 10px 4px; border:0;}
#body-inner h2 {
	margin:0;
	color:#113500;
	font-size:1.9em;
	font-weight:normal;
	padding:20px 15px 15px 15px;
}
#body-inner h3 {
	padding:0;
	font-size:1.4em;
	font-weight:normal;
	margin:20px 0 15px 0;
	text-decoration:underline;
	clear:both;
}
#body-inner h4 {
	padding:0;
	font-size:1.0em;
	font-weight:bold;
	margin:10px 0 5px 0;
}
#body-inner .content {padding:0 18px 30px 18px; line-height:1.5em;}
#body-inner .content p {margin:0 0 15px 0; text-align:justify;}
#body-inner .content ul {margin-top:0; margin-bottom:15px; list-style-image:url(../images/bullet02.png);}

/****************************************************************************
	Booking
****************************************************************************/

#booking {background:#ff8200 url(../images/bg-booking.png) no-repeat;}
#booking h3 {
	/*Size of the image*/
	padding-top:23px;
	/*hide the text*/
	overflow:hidden;
	/* WIN IE5 hack */
	height:22px;
	padding-top:23px;
	height:0;
	
	margin:0;
	padding:0;
}
#booking form ul {
	padding:0;
	list-style:none;
	margin:60px 5px 0 7px;
}
#booking form li {
	display:block;
	margin-bottom:6px;
}
#booking form label {
	display:block;
	float:left;
	width:62px;
	color:#113500;
	font:0.9em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px 0;
}
#booking form input {
	background-color:#f2ffcc;
	width:140px;
	padding:1px 2px 2px 2px;
	font-size:0.8em;
	border:0;
}
#booking form select {
	background-color:#fdf7d5;
	padding:1px 0px;
	font-size:0.8em;
	border:0;
}
#booking form input.button {
	position:absolute;
	cursor:pointer;
	display:block;
	height:60px;
	width:60px;
	bottom:5px;
	right:7px;
	background:url('../images/bg-button.png');
}
#booking .booking_response{
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	padding:70px 10px;
}

/****************************************************************************
	Footer
****************************************************************************/

#footer {
	clear:both;
	color:#777;
	padding:35px 25px 5px 25px;
	letter-spacing:0.05em;
	font:0.9em Arial, Helvetica, sans-serif;
	background:#F2FFCC url(../images/bg-container3.png) no-repeat center top;
}* html #footer {padding-top:15px;}
#footer .credits a {color:#777; text-decoration:none; font-weight:normal;}
#footer .credits a:hover {color:#555;}
#footer .credits strong {font-weight:normal;}