/* 
((DO NOT REMOVE))
---------------------------------
CSS Document Copyright 2007 
Creative Clicks
www.creativeclicks.co.uk
---------------------------------
*/
 
body { font: 90% arial; color: #333; background: #FFEBD9; margin: 0; line-height: 1.4em; letter-spacing: 0.01em;}
html { text-align: center; }

#wrapper { width: 699px; border: 2px solid #fff; margin-right: auto; margin-left: auto; background: #fff; }
#header { width: 699px; height: 222px; margin: 0; background: #fff; background: url(images/header.jpg)} 

#left_content { float: left; width: 160px; padding: 10px; background: #fff; }
#main { font-size: 80%;  text-align: left;  padding: 10px; margin: 0; background: #fff; }
#footer { padding: 5px; font-size: 10px;  margin-top: 100px; background: #f0e7d7; text-align: center;}

.photo { float: right; clear: both; margin: 0 0 .8em .8em; border: 4px solid #f0e7d7;}
.bookingtxt { font-size: 105%; font-weight: bold; }
.photo_album
{
text-align: center; 
float: left;
width: 344px;
margin: 10px 0 0 180px;

}

.clearboth { clear: both; }

table { border: 1px solid #f0e7d7; }
td { padding: 4px; }

h1 { font-size: 115%; color: #800000; font-weight: bold; margin: 0 0 2.0em 0; background: #f7f2ea; 
padding: 4px; border-top: 1px solid #f0e7d7; border-bottom: 1px solid #f0e7d7;  }
h2 { font-size: 100%; color: #800000; margin: 10px 0 5px 0;}

a:link { color: #800000; text-decoration: none;}
a:active { color: #800000; text-decoration: none;}
a:hover { color: #333; text-decoration: none;}
a:visited { color: #336666; text-decoration: none;}

/*form styles*/

#formleft {float: left; width: 220px; background: #f7f2ea ; padding: 8px; margin: 20px 0 0 20px; border: 1px solid #f0e7d7;}
#formright {float: left; width: 220px; background: #f7f2ea; padding: 8px; margin: 20px 0 0 130px; border: 1px solid #f0e7d7;}

#form {
font: 10px;
margin-top: 10px;
font: 11px arial;

}

#formleft h1 { font-size: 110%; background: none 0; border: none 0; color: #800000;} 
#formright h1 { font-size: 110%; background: none 0; border: none 0; color: #800000;} 

input {
border: 1px solid #f0e7d7;
font: 12px arial;
width: 160px;
margin-left: 5px;
margin-bottom: 15px;
padding: 4px; 
}

textarea {
margin-left: 5px;
border: 1px solid #f0e7d7;
font: 11px arial;
}

legend {
border: 1px solid #333;
padding: 6px;
margin-bottom: 20px;
}

fieldset {
border: 1px solid #ccc;
padding: 4px; 
}

select {
border: 1px solid #f0e7d7;
font: 12px arial;
width: 160px;
margin-left: 5px;
margin-bottom: 15px;
padding: 4px; 
}

label {
margin-left: 5px;
}

.required {color: orange;}

.submitbutton {
background: orange;
border: 1px solid #333; 
width: 80px;
height: 40px;
font: 12px;
margin-top: 10px;
margin-bottom: 10px;

}
/*end*/



/* NAV */

#navcontainer
{
background: #f0e7d7;
margin: 0 auto;
padding: 0 0 0 0;
font-family: arial;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 111%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}