@charset "UTF-8";
/* CSS Document */

/*============TYPO================*/

h1,h2, h4 {
	font-family: Geneva, Verdana, sans-serif;
}
h2 {
	font-size: 15px;
	font-weight: normal;
	text-transform:uppercase;
	color: #3aaadb;
}

h3 {
	font-size: 17px;
}
p {
	font-size: 16px;
	line-height: 22px;
}

a:link, a:visited {color: #009fc3;}
a:hover {color: #064863;}

/*============LAYOUT===============*/

body {
	background: url(../images/elements/bg.jpg) top center;
	margin: 0;
	padding: 0;
}

#wrapper-outer {
	background: url(../images/elements/header-bg.jpg) no-repeat top center;
}

#bg-wrapper {
	background: url(../images/elements/card-bg.jpg) repeat-y top center;
}
#wrapper-inner {
	width: 960px;
	margin: 0 auto;
}

#nav {
	margin: 0px 0 0 190px;
}
#page-body {
	padding-top: 21px
}
/*============NAVIGATION===============*/

#nav ul {
	list-style: none;
	background: url(../images/elements/header-bg.jpg) no-repeat top center;
	padding: 65px 0 0px 0;
	margin: 0;
	height:27px;
	font-family: 'Lobster', cursive;
	text-align: center;
}

#nav ul li {
	margin: 0;
	float: left;
	border-right: #9ed0e6 2px solid;
}

#nav ul li span{
	display: block;
	position:absolute;
	height: 27px;
}
#nav ul a{
	font-size: 20px;
	color:#79C8E4;
	text-align: center;
	text-decoration: none;
}

#nav ul {
	background: url(../images/elements/paperclip.jpg) no-repeat 20px 0;
}
#nav ul.home {background: url(../images/elements/paperclip.jpg) no-repeat 20px 0;}
#nav ul.about_us {background: url(../images/elements/paperclip.jpg) no-repeat 144px 0;}
#nav ul.our_menu {background: url(../images/elements/paperclip.jpg) no-repeat 271px 0;}
#nav ul.book_us {background: url(../images/elements/paperclip.jpg) no-repeat 379px 0;}
#nav ul.follow_betty {background: url(../images/elements/paperclip.jpg) no-repeat 535px 0;}
#nav ul.contact {background: url(../images/elements/paperclip.jpg) no-repeat 670px 0;}
	

#nav ul li.home, #nav ul li.home span {width:89px;}
#nav ul li.home span {background: url(../images/nav/home.jpg) no-repeat bottom center;}
#nav ul li.home a.active span, #nav ul li.home a:hover span{background: url(../images/nav/home_active.jpg) no-repeat bottom center;}

#nav ul li.about_us, #nav ul li.about_us span {width: 124px;}
#nav ul li.about_us span {background: url(../images/nav/about_us.jpg) no-repeat bottom center;}
#nav ul li.about_us a.active span, #nav ul li.about_us a:hover span {background: url(../images/nav/about_us_active.jpg) no-repeat bottom center;}

#nav ul li.our_menu, #nav ul li.our_menu span {width:127px;}
#nav ul li.our_menu span {background: url(../images/nav/our_menu.jpg) no-repeat bottom center;}
#nav ul li.our_menu a.active span, #nav ul li.our_menu a:hover span {background: url(../images/nav/our_menu_active.jpg) no-repeat bottom center;
	color: #0D4054;
}

#nav ul li.book_us, #nav ul li.book_us span {width:108px;}
#nav ul li.book_us span {background: url(../images/nav/book_us.jpg) no-repeat bottom center;}
#nav ul li.book_us a.active span, #nav ul li.book_us a:hover span {background: url(../images/nav/book_us_active.jpg) no-repeat bottom center;
	color: #84C8DE;
}

#nav ul li.follow_betty, #nav ul li.follow_betty span { width:156px;}
#nav ul li.follow_betty span {background: url(../images/nav/follow_betty.jpg) no-repeat bottom center;}
#nav ul li.follow_betty a.active span, #nav ul li.follow_betty a:hover span { background: url(../images/nav/follow_betty_active.jpg) no-repeat bottom center;}

#nav ul li.contact, #nav ul li.contact span {
	width: 131px;
	border-right: none;
}
#nav ul li.contact span { background: url(../images/nav/contact.jpg) no-repeat bottom center;}
#nav ul li.contact a.active span, #nav ul li.contact a:hover span {
	background: url(../images/nav/contact_active.jpg) no-repeat bottom center;
}

/*================HEADLINE================*/

#headline{
	background: url(../images/elements/hl_bg.jpg) repeat-x 0 0;
	height: 41px;
	margin: 0 10px;
}
#headline h1, #headline h2{
	font-size:14px;
	display: block;
	float:left;
}
#headline h1 {
	margin:7px 0;
}
#headline h2 {
	margin:10px 0;
}


#headline h1 span{
	position:absolute;
	height: 27px;
	border-right: solid #496f81 2px;
}


#headline h1, #headline h1 span {width:274px; margin-right: 12px;}
#headline h1 span {background: url(../images/hls/home.jpg) no-repeat 50% 50%;}

#headline.home h1, #headline.home h1 span {width:274px; margin-right: 12px;}
#headline.home h1 span {background: url(../images/hls/home.jpg) no-repeat 50% 50%;}

#headline.about_us h1, #headline.about_us h1 span {width:160px; margin-right: 12px;}
#headline.about_us h1 span {background: url(../images/hls/about_us.jpg) no-repeat 50% 50%;}

#headline.our_menu h1, #headline.our_menu h1 span {width:192px; margin-right: 12px;}
#headline.our_menu h1 span {background: url(../images/hls/our_menu.jpg) no-repeat 50% 50%;}

#headline.book_us h1, #headline.book_us h1 span {width:133px; margin-right: 12px;}
#headline.book_us h1 span {background: url(../images/hls/book_us.jpg) no-repeat 50% 50%;}

#headline.follow_betty h1, #headline.follow_betty h1 span {width:340px; margin-right: 12px;}
#headline.follow_betty h1 span {background: url(../images/hls/follow_betty.jpg) no-repeat 50% 50%;}

#headline.contact h1, #headline.contact h1 span {width:362px; margin-right: 12px;}
#headline.contact h1 span {background: url(../images/hls/contact.jpg) no-repeat 50% 50%;}


/*================MAIN CONTENT================*/


#page-body #side-panel {
	float: right;
	width: 310px;
	margin-top: 20px;
	padding-right: 10px;
}

#page-body #side-panel.book_us {
	background: url(../images/illus/pigeon_small.jpg) no-repeat center bottom;
	padding-bottom: 70px;
}
#page-body h3, #page-body p {
	color: #255062;
	margin: 0 10px;
	padding: 0;
}

#page-body h3{
	margin: 26px 0 0 10px;
}
#page-body #main-content {
	min-height:300px;
  	height:auto !important;
  	height:300px;
	margin: 0;
}

#notepad {
	background: url(../images/elements/ruledpaper.jpg) 0 0;
	float: left;
	width: 620px;
	padding-bottom: 20px;
	margin: 20px 0 0 10px;
}

#clear {
	clear: both;
	height: 10px;
}

/*============FOOTER===============*/

#footer {
	min-height:450px;
	height:auto !important;
	height:250px;
	background: url(../images/elements/footer_bg.jpg) no-repeat 5px 0;
}
#third {
	width: 320px;
	float: left;
}

ul#third {
	margin: 0px;
	padding: 0px;
}
#third li{
	list-style: none;
}

#third h4, #third p, #third li{
	margin: 5px 20px;
}

#main-content #third {
	padding-top: 20px;
}

#main-content #third h4 {
	width: 310px;
	margin-top: 64px;
	height: 41px;
	color: #5EA1BC;
	font-variant: small-caps;
	font-size: 14px;
	margin: 10px 0 10px 0;
}
#main-content h4 span {
	position:absolute;
	height: 41px;
	width:310px;
}

#main-content h4.hl_about span {background: url(../images/hls/thirdhl_about.jpg) no-repeat 0 0;}
#main-content h4.hl_follow_betty span {background: url(../images/hls/thirdhl_follow_betty.jpg) no-repeat 0 0;}
#main-content h4.hl_book_us span {
	background: url(../images/hls/thirdhl_book_us.jpg) no-repeat 0 0;
}

#main-content #third a {
	margin: 0px 0 0 20px;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 14px;
	background: url(../images/elements/link_arrow.jpg) no-repeat 0 0;
	display: block;
	height:21px
}

#main-content #third a:hover {
	background: url(../images/elements/link_arrow_active.jpg) no-repeat 0 0;
}


#footer #third h4 {
	width: 280px;
	margin-top: 64px;
	height: 27px;
	margin-bottom: 10px;
	color: #5EA1BC;
	font-variant: small-caps;
	font-size: 14px;
}
#footer h4 span {
	position:absolute;
	height: 27px;
	width:280px;
}

#footer h4.webinfo span {background: url(../images/footer_titles/webinfo.jpg) no-repeat 0 0;}
#footer h4.contactinfo span {background: url(../images/footer_titles/contactinfo.jpg) no-repeat 0 0;}
#footer h4.socialinfo span {
	background: url(../images/footer_titles/socialinfo.jpg) no-repeat 0 0;
	width: 145px;
}

#footer li.facebook, #footer li.twitter, #footer li.blog, #footer li.email {
	padding: 0px 0px 0px 40px;
	height: 35px;
	line-height: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#footer li.facebook {background: url(../images/elements/icons_facebook.jpg) no-repeat 0 0;}
#footer li.twitter {background: url(../images/elements/icons_twitter.jpg) no-repeat 0 0;}
#footer li.blog {background: url(../images/elements/icons_blog.jpg) no-repeat 0 0;}
#footer li.email {background: url(../images/elements/icons_email.jpg) no-repeat 0 0;}


/*=============SIDEPANEL==============*/

#side-panel form.cmxform {
	background: url(../images/elements/form_bg.jpg) no-repeat 10px 0;
	border: none;
	padding:50px 0 10px 55px;
}
form.cmxform ul li {
	list-style-type: none;
	border: none;
	padding: 0;
	margin:0;
}

form.cmxform ul {
	margin: 0;
	padding:0;
}

form.cmxform fieldset label {
	display: block;
	font-size: 12px;
	font-family: Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	color: #255062;
	border: none;
	padding: 0;
	margin:0;
}
form.cmxform fieldset input {
	width: 210px;
	margin: 0 0 5px 0;
	padding: 0;
}

form.cmxform fieldset {
	border: none;
	padding: 0;
	margin:0;
}
#side-panel p {
	padding: 0 10px;
	margin: 10px 5px 10px 5px;
}
#side-panel p.lines {
	background: url(../images/illus/p_lines.jpg) 0 0px;
}

#page-body #main-content.home {
	margin: 0px;
}
span.warning {
	color: #F00;
}
#side-panel h4 {
	margin: 0px 0 20px 0;
}
#side-panel.menu {
	background: url(../images/illus/girl.jpg) no-repeat 0 0;
}

#side-panel p.menu{
	background: none;
	padding-top:50px;
}