body {
background:#b1c8d6;
color:#333;
padding:20px 0 0 0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
text-align:center;
}

body, html {height:100%;width:100%;}

#inner {
position:relative;
background:#fff;
width:640px;
height:510px;
padding:50px 30px 40px 30px;
margin:0 auto;
text-align:left;
}

form, label, input, textarea, fieldset, img, h1, h2, h3, p, ul, li {padding:0;margin:0;border:0;}

a {color:#fff;}
a:hover {text-decoration:none;}

.small {
font-size:0.9em;
line-height:1em;
}

#bg {
position:absolute;
zIndex:-10;
top:0;
left:0;
width:100%;
}

.home {background:#00bccd;}
.aboutus {background:#c8db5c;}
.accommodation {background:#b4d5f0;}
.location {background:#a49375;}
.rates {background:#a7c078;}
.contact {background:#6a737b;}

/* LEFT */
#left {
float:left;
width:210px;
}

#left h1 {
width:210px;
height:135px;
}

#left #brick {
width:210px;
height:27px;
}

#content1 {
width:175px;
height:194px;
background:#799caf;
padding:15px 20px 0 15px;
color:#e3e9f3;
overflow:hidden;
font-size:1.1em
}

#content1 p {padding-bottom:10px;}

#content2 {
width:185px;
height:139px;
background:#a5c0cf;
padding:0 10px 0 15px;
color:#f3f5f4;
overflow:hidden;
}

#content2 h2 {
height:25px;
padding-top:5px;
}
#content2 p {padding-bottom:5px;}

/* RIGHT */
#right {
float:left;
width:430px;
}

#menu1 {
width:430px;
height:78px;
overflow:hidden;
}

#mainpic {
float:left;
display:block;
width:322px;
height:293px;
}

#brick2 {
clear:right;
float:right;
width:108px;
height:57px;
background:#799caf;
}

#brick3 {
clear:right;
float:right;
width:108px;
height:27px;
}

#menu2 {
clear:right;
float:right;
width:108px;
height:209px;
background:#cbdbe3;
background-image: url(images/wifi.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

#menu2 ul {padding:19px 0 0 10px;}
#menu2 ul li {list-style:none;height:20px;font-size:1.1em;}
#menu2 ul li a {
color:#6c94aa;
text-decoration:none;
}
#menu2 ul li a:hover {color:#416376;}
.pageon {color:#2b495a;}

#botpic {
width:430px;
height:139px;
}

/* CONTACT */

label {
display:block;
float:left;
clear:both;
width:37px;
height:20px;
}

input {
display:block;
float:right;
width:128px;
background:#cbdbe3;
font-size:1em;
padding:2px;
margin-bottom:2px;
}

textarea {
display:block;
float:right;
width:128px;
padding:2px;
height:35px;
font-size:1.3em;
background:#cbdbe3;
}

.submit {
width:132px;
margin:3px 0 3px 0;
background:#a5bac4;
}
