/* GLOBALS */
html,body { height:100%; text-align: center; background: #677685; /* background-repeat: repeat; */}
* { padding: 0; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; color: #333; line-height: .4em; }
img { border: 0; }
.left { float: left; }
.right { float: right; }
body.popup { background: #fff; } 

.mainPic{
	border:0;
	padding:0;
	margin:0;

}  

/* TYPOGRAPHY */
p, li, label { font-size: 13px; }
p { margin: 20px 15px; line-height: 20px; }
td { line-height: 1.2em; }
.text { text-align: left; }
.bold { font-weight: bold; }

h1 { margin-top: 20px; font-family:  Helvetica; font-size: 16px; font-weight: bold; line-height: 15px; }
h2 { font-size: 13px; /*color: #E24B2D; */font-weight:normal; line-height:20px }
h3 { font-size: 1px; font-weight: normal; color: #ffffff; }
h4 { margin-top: 35px; font-family: Helvetica; font-size: 16px; font-weight: bold; color: #522405; }

a { color: #84AA95; text-decoration:none; line-height: 20px; }
a:hover { color: #E24B2D ; text-decoration:underline; }  
a:active { color: #A8578D; }

/* COLORS: red E24B2D dalared E43015 yellow ead400 yellowlight ffffcc green c2d6a3 blue 46A2B2 background 444e58 */
/* SCANDI COLORS: GREEN B8C08D BROWN 774127 YELLOW EDAC58 RED D75F46 BLUE 46605D LINEN E6E1BB */

/* CONTAINER */
#container { padding-top: 40px; padding-bottom: 40px; width: 750px; background: #677685; margin: auto; }
#interiorcontainer { width: 750px; min-height: 470px; background: #ffffcc; border-top: 5px solid white; border-left: 5px solid white; border-right: 5px solid white; border-bottom: 5px solid white; }

/* TOP */
#top { width: 750px; height: 94px; float:left; border-bottom: 3px solid white; background: url(images/title.gif); }

/*MIDDLE*/
#mid { width: 750px; height: 189px; float:left; background: #ead400 ; border-bottom: 1px solid white; }
#midleft { width: 468px; height: 189px; float:left; border-right: 1px solid white; }
#midright { width: 281px; height: 189px; float:left; background: #c2d6a3; }

/* BOTTOM */
#bottom { width: 750px; float:left; background: #ffffcc; text-align: left; }

#bottom li { margin: 0px 50px; }

#bottomleft { width: 180px; height: 200px; float: left; padding: 5px 15px 10px 15px; }
#bottomright { width: 180px; height: 200px; float: right; padding: 5px 15px 10px 15px; }

#bio {height:230px; float:center; margin: auto; }
#bio2 {height:280px; float:center; margin: auto; }
#bio3 {height:265px; float:center; margin: auto; }

/* PHOTO THUMBNAILS
#thumb {width: 203px; height:170px; float:left; font-size: 12px; font-weight:normal; line-height:15px;}
#thumb img{border: 1px solid #ffffff;}
#thumb a:hover img {border: 1px solid #522405;} */

/* PHOTO THUMBNAILS */
#thumb {width: 250px; height:220px; float:left; font-size: 12px; font-weight:normal; line-height:15px;}
#thumb img{border: 1px solid #ffffff;}
#thumb a:hover img {border: 1px solid #522405;}



/* NAVBAR  */
#navbar { float: left; width: 281px; 0 0 repeat-x; }
#navbar ul { float: left; }
#navbar ul li { float: left; list-style: none; }
#navbar ul li a { display: block; float: left; text-decoration: none; }
#navbar ul li.line { width: 1px; height: 1px;  background: url(images/line.gif) 50% 50% no-repeat; }
#navbar ul li.index a { width: 281px; height: 37px; background: url(images/navbar/index.gif) 50% 50% no-repeat; border-bottom: 1px solid white; }
#navbar ul li.about a { width: 281px; height: 37px; background: url(images/navbar/about.gif) 50% 50% no-repeat; border-bottom: 1px solid white; }
#navbar ul li.schedule a { width: 281px; height: 37px; background: url(images/navbar/schedule.gif) 50% 50% no-repeat; border-bottom: 1px solid white; }
#navbar ul li.photos a { width: 281px; height: 37px; background: url(images/navbar/photos.gif) 50% 50% no-repeat; border-bottom: 1px solid white; }
#navbar ul li.booking a { width: 281px; height: 37px; background: url(images/navbar/booking.gif) 50% 50% no-repeat; border-bottom: 1px solid white; }
#navbar ul li.contact a { width: 281px; height: 37px; background: url(images/navbar/contact.gif) 50% 50% no-repeat; }

/* NAVBAR - when hovering */
#navbar ul li.index a:hover
	{ background: url(images/navbar/indexfull.gif) 50% 50% no-repeat; }

#navbar ul li.about a:hover
	{ background: url(images/navbar/aboutfull.gif) 50% 50% no-repeat; }

#navbar ul li.schedule a:hover
	{ background: url(images/navbar/schedulefull.gif) 50% 50% no-repeat; }

#navbar ul li.photos a:hover
	{ background: url(images/navbar/photosfull.gif) 50% 50% no-repeat; }

#navbar ul li.booking a:hover
	{ background: url(images/navbar/bookingfull.gif) 50% 50% no-repeat; }

#navbar ul li.contact a:hover
	{ background: url(images/navbar/contactfull.gif) 50% 50% no-repeat; }

/* NAVBAR - when selected */
body.index #navbar ul li.index a, 
body.index #navbar ul li.index a:hover
	{ background: url(images/navbar/indexfull.gif) 50% 50% no-repeat; }

body.about #navbar ul li.about a, 
body.about #navbar ul li.about a:hover
	{ background: url(images/navbar/aboutfull.gif) 50% 50% no-repeat; }

body.schedule #navbar ul li.schedule a, 
body.schedule #navbar ul li.schedule a:hover
	{ background: url(images/navbar/schedulefull.gif) 50% 50% no-repeat; }

body.photos #navbar ul li.photos a, 
body.photos #navbar ul li.photos a:hover
	{ background: url(images/navbar/photosfull.gif) 50% 50% no-repeat; }

body.booking #navbar ul li.booking a, 
body.booking #navbar ul li.booking a:hover
	{ background: url(images/navbar/bookingfull.gif) 50% 50% no-repeat; }

body.contact #navbar ul li.contact a, 
body.contact #navbar ul li.contact a:hover
	{ background: url(images/navbar/contactfull.gif) 50% 50% no-repeat; }