/* Balai Resort CSS */
/* Designed and Coded by Dean Demetria */

@charset "UTF-8";


body {
background-color: #DCEDEF;
color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:0px;
}

/*THIS IS THE MAIN HEADER*/
.h1{
font-family: Skia, Verdana, Rockwell, sans-serif;
font-weight:bolder;
font-size:25px;
color:#4b3406;
}

/*THIS IS THE SUBHEADER*/
.h2{
font-family: Verdana, Rockwell, sans-serif;
font-weight:100;
font-size:12px;
color:#4b3406;
}

/*MAIN BODY TEXT if
if you want to edit the colors or spacing*/
.h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
color:#000;
letter-spacing:0px;
line-height:17px;
}

#picholder {
margin-left:auto;
margin-right:auto;
text-align:center;
width:500px;
}


#placer {
background-color: #DCEDEF;
height:100%;
margin-left:auto;
margin-right:auto;
width:842px;
}

/*this one is for the header*/
/*to change different headers per page, apply image on the webpage per se 
with 842x297 resolution and delete the background-image attributes*/
#header {
background-image:url(images/header.png);
height: 297px;
width: 842px;
}

#nav {
background-image:url(images/nav.png);
height:32px;
text-align:center;
width: 842px;
}

/*this is where the bamboo part goes in*/
#container {
background-image:url(images/container.jpg);
background-repeat:repeat-y;
height:100%;
margin-bottom:0px;
margin-top:0px;
text-align:center;
width: 842px;
}

/*the content and content background attributes are here*/
#content {
background-image:url(images/content2.png);
background-repeat:repeat-y;
height:100%;
margin-left:71px;
margin-right:71px;
margin-bottom:40px;
text-align:center;
width:700px;
color:#000000;
}

/*text content*/
#content-left {
height:100%;
width:600px;
margin-right:50px;
margin-left:50px;
margin-bottom:20px;
margin-top:20px;
color:#000;
text-align:left;
}

#content-left img {
border-color:#FFFFFF;
border-style:solid;
border-width:10px;
width:450px;
}

#content-left a:link {
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#content-left a:hover {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}
#content-left a:visited {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}

#content-border {
background-image:url(images/content-border.png);
width:700px;
height:14px;
background-repeat:repeat-x;
}

#content-footer {
background-image:url(images/content-border.png);
width:700px;
height:10px;
background-repeat:repeat-x;
}

#footer {
background-image:url(images/footer.png);
background-repeat:no-repeat;
clear:both;
display:block;
height:42px;
text-align:center;
width:842px;
} 

#footer-text {
color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:0px;
margin-bottom:0px;
padding-top:7px;
text-align:center;
}

#footer-text a:link {
color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

#footer-text a:visited {
color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

#footer-text a:hover {
color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}