body { width: 100%; font: 12px Arial, Helvetica, sans-serif; background-color: #E9E9E9; background-image: url(../img/body-bg.png);background-repeat: repeat-x; background-position: center top; }
strong { font-weight: bold; }
em { font-style: italic; }
#main-wrap { width: 960px; margin: 0 auto; text-align: center; padding: 0; }

#header { width: 940px; margin: 0 auto; padding: 0; text-align: center; }
#logo { text-indent: -9999px; float: left; }
#logo div { padding: 8px 0 0 5px; }
#logo a span { background: url(../img/logo.png) center top no-repeat; width: 333px; height: 112px; display: block; }

#top-phone { text-indent: -9999px; float: right; }
#top-phone div { padding: 42px 0 0 0; }
#top-phone span { background: url(../img/top-phone.png) center top no-repeat; width: 220px; height: 55px; display: block; }

#nav-wrap { clear: both; padding-top: 5px; }
#navigation ul { width: 940px; height: 57px; position: relative; background: url(../img/menu.png) top left no-repeat; }
#navigation li { float: left; position: relative; text-align: left; text-indent: -999em;  }

#navigation ul li a{ display: block; }
#navigation li#item1 a.top { left: 0; width: 138px; height: 57px; }
#navigation li#item2 a.top { left: 138px; width: 119px; height: 57px; }
#navigation li#item3 a.top { left: 257px; width: 131px; height: 57px; }
#navigation li#item4 a.top { left: 388px; width: 135px; height: 57px; }
#navigation li#item5 a.top { left: 523px; width: 93px; height: 57px; }
#navigation li#item5 { margin-right: 180px; }
#navigation li#item6 a.top { left: 796px; width: 144px; height: 57px; }

#navigation li#item1:hover, #navigation li#item1 a:hover, #navigation li#item1 a.current, #navigation li#item1.sfhover {background: url(../img/menu.png) 0 -57px no-repeat;}
#navigation li#item2:hover, #navigation li#item2 a:hover, #navigation li#item2 a.current, #navigation li#item2.sfhover {background: url(../img/menu.png) -138px -57px no-repeat;}
#navigation li#item3:hover, #navigation li#item3 a:hover, #navigation li#item3 a.current, #navigation li#item3.sfhover {background: url(../img/menu.png) -257px -57px no-repeat;}
#navigation li#item4:hover, #navigation li#item4 a:hover, #navigation li#item4 a.current, #navigation li#item4.sfhover {background: url(../img/menu.png) -388px -57px no-repeat;}
#navigation li#item5:hover, #navigation li#item5 a:hover, #navigation li#item5 a.current, #navigation li#item5.sfhover {background: url(../img/menu.png) -523px -57px no-repeat;}
#navigation li#item6:hover, #navigation li#item6 a:hover, #navigation li#item6 a.current, #navigation li#item6.sfhover {background: url(../img/menu.png) -796px -57px no-repeat;}

#navigation li#item1 ul a:hover, #navigation li#item1 ul a.current, #navigation li#item2 ul a:hover, #navigation li#item2 ul a.current, #navigation li#item3 ul a:hover, #navigation li#item3 ul a.current, #navigation li#item4 ul a:hover, #navigation li#item4 ul a.current, #navigation li#item5 ul a:hover, #navigation li#item5 ul a.current, #navigation li#item6 ul a:hover, #navigation li#item6 ul a.current { background: none; display: block; }

#navigation li ul { position: absolute; left: -999em; background: none; }
#navigation li ul:hover, #navigation li ul.sfhover { display: block; background: none; }
#navigation li:hover ul { left: auto; }
#navigation li ul li { padding: 8px; background: #004E59; text-align: left; line-height: normal; padding: 0; margin-bottom: 0; display: block; font-weight: normal; text-indent: 0; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
* html #navigation li ul li {
display: inline;
d\isplay: block; }
#navigation li ul li:hover , #navigation li ul li.sfhover { color: #FFF; background: #000; display: block; }

#navigation li:hover ul, #navigation li.sfhover ul { padding: 0 0 8px 0; margin: 0; left: 10px; width: 150px; top: 100%; }
#navigation li ul li a { height: auto; width: 150px; background: #004E59; display: block; line-height: 1em; padding: 8px; color: #FFF; text-decoration: none; }
#navigation li ul li a:hover { height: auto; background: #000; display: block; }

#content-wrap { width: 940px; margin: 0 auto; border-top: 5px solid #E1BB32; background: #D6D6D6; }

#content-proper { float: left; width: 630px; }
#content-proper-inner { padding: 10px; text-align: left; }
#content-proper-inner p { font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; margin: .8em 0; }
#content-proper-inner h1, #gallery-wrap h1 { font: bold 20px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: 1em 0; border-bottom: 5px solid #006675; color: #006675; }
#content-proper-inner h2 { font: 18px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: 1em 0; color: #006675; }
#content-proper-inner h2.package { font: 18px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: 1em 0; color: #FFF; background-color: #006675; padding: .6em; }
#content-proper-inner h3 { font: 14px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: .7em 0; color: #006675; }
#content-proper-inner h3.bold { font-weight: bold; }
.content-box { background: #FFF url(../img/fold.png) right top no-repeat; padding: 20px 10px 10px 10px; margin-bottom: 10px; }

#sidebar-wrap { float: right; width: 310px; }
#sidebar-inner { padding: 10px; text-align: left; }

#sidebar-nav { display: block; }
#sidebar-nav ul { width: 290px; height: 350px; position: relative; background: url(../img/sidebar.png) top left no-repeat; }
#sidebar-nav li { position: relative; text-align: left; text-indent: -999em; }
#sidebar-nav li a { display: block; }
#sidebar-nav li#sidebar-link-1 a { top: 0; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-2 a { top: 50px; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-3 a { top: 100px; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-4 a { top: 150px; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-5 a { top: 200px; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-6 a { top: 250px; width: 290px; height: 50px; }
#sidebar-nav li#sidebar-link-7 a { top: 300px; width: 290px; height: 50px; }

#sidebar-nav li#sidebar-link-1:hover, #sidebar-nav li#sidebar-link-1 a:hover, #sidebar-nav li#sidebar-link-1 a.current {background: url(../img/sidebar.png) -290px 0 no-repeat;}
#sidebar-nav li#sidebar-link-2:hover, #sidebar-nav li#sidebar-link-2 a:hover, #sidebar-nav li#sidebar-link-2 a.current {background: url(../img/sidebar.png) -290px -50px no-repeat;}
#sidebar-nav li#sidebar-link-3:hover, #sidebar-nav li#sidebar-link-3 a:hover, #sidebar-nav li#sidebar-link-3 a.current {background: url(../img/sidebar.png) -290px -100px no-repeat;}
#sidebar-nav li#sidebar-link-4:hover, #sidebar-nav li#sidebar-link-4 a:hover, #sidebar-nav li#sidebar-link-4 a.current {background: url(../img/sidebar.png) -290px -150px no-repeat;}
#sidebar-nav li#sidebar-link-5:hover, #sidebar-nav li#sidebar-link-5 a:hover, #sidebar-nav li#sidebar-link-5 a.current {background: url(../img/sidebar.png) -290px -200px no-repeat;}
#sidebar-nav li#sidebar-link-6:hover, #sidebar-nav li#sidebar-link-6 a:hover, #sidebar-nav li#sidebar-link-6 a.current {background: url(../img/sidebar.png) -290px -250px no-repeat;}
#sidebar-nav li#sidebar-link-7:hover, #sidebar-nav li#sidebar-link-7 a:hover, #sidebar-nav li#sidebar-link-7 a.current {background: url(../img/sidebar.png) -290px -300px no-repeat;}

#footer { width: 940px; clear: both; margin: 20px auto; padding: 20px 0; text-align: left; background: url(../img/phone-bottom.png) top right no-repeat; }
.footer-links { width: 720px; }
.footer-links ul li { display: inline; margin-right: 8px; font: 12px Georgia, "Times New Roman", Times, serif; }
.footer-links ul li span { margin-left: 12px; }
.footer-links ul li a, .footer-links ul li a:link, .footer-links ul li a:visited { line-height: 1.6em; color: #333; text-decoration: none; }
.footer-links ul li a:hover { color: #006699; text-decoration: underline; }

/*Misc*/
.clear { clear: both; margin: 0; padding: 0; height: 1%; }
.spacer-30 { height: 30px; }
.mb10 { margin-bottom: 10px; }
.m10 { margin: 10px 0; }
.al-cen { text-align: center; }
.al-cen a:link, .al-cen a:visited { color: #006699; }
.al-cen b { font: bold 14px Georgia, "Times New Roman", Times, serif; }
.al-cen p { margin-bottom: .5em; line-height: 1.2em; }
.bordered { background: #FFF; border: 2px solid #CCCCCC; padding: 10px; }
.border-bottom { border-bottom: 5px solid #CCC; padding-bottom: 10px; }
.border-bottom-dashed { border-bottom: 1px dashed #CCC; padding: 10px; margin: 10px; }
.orange { color: #CC6600; }

.mr10 { margin-right: 10px; }
#content-proper-inner p.promo-text, #content-proper-inner div.promo-text { font: italic 18px Georgia, "Times New Roman", Times, serif; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;padding: 1em 0; text-align: center; }
#content-proper-inner div.promo-text p { font: italic 18px Georgia, "Times New Roman", Times, serif; }
#content-proper-inner div.promo-text p.subtext { font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #666; padding-right: 2em; }
#content-proper-inner div.contact p { font: 14px Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; color: #006675; }
#content-proper-inner a:link, a:visited { color: #CC6600; text-decoration: none; }
#content-proper-inner a:hover { color: #006699; text-decoration: underline; }
/*Informal grids */
.in-grid { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #CCC; }
.grid-180 { float: left; width: 180px; }
.grid-400 { float: left; width: 400px; }

.grid-150 { float: left; width: 150px; padding-top: 1em; }
.grid-430 { float: left; width: 430px; }

/* Tables */
.bordered-tr { width: 260px; float: right; background: #EEE; margin: 10px; border: 2px solid #CCCCCC; padding: 10px; }
table.pricelist { width: 100%; border-collapse: collapse;  }
table.pricelist td { color: #666; vertical-align: middle; }
table.pricelist th { font: 16px Georgia, "Times New Roman", Times, serif; padding: .5em; }
table.pricelist td.item { font: italic 14px Georgia, "Times New Roman", Times, serif; padding: .5em; }
table.pricelist td.price { font: bold 18px Verdana, Arial, Helvetica, sans-serif; padding: .5em; color: #006675; }
table.pricelist td.price-normal { font: normal 14px Georgia, "Times New Roman", Times, serif; padding: .5em; color: #006675; }
/* Lists */
ul.standard { margin: 0; padding: 0; }
ul.standard li { margin: 6px 12px 6px 12px; padding: 4px 0 4px 18px; background: url(../img/bullet.png) 0 5px no-repeat; }

ul.contact-info { margin: 0; padding: 0; color: #666; }
ul.contact-info li { font: 14px Verdana, Arial, Helvetica, sans-serif; margin: 6px 12px 6px 42px; padding: 4px 0 4px 26px; }
ul.contact-info li.phone { background: url(../img/phone.gif) 0 50% no-repeat; }
ul.contact-info li.mail { background: url(../img/mail.gif) 0 50% no-repeat; }

.answer { margin-bottom: 2em; padding: 0 1em 1em 1em; border-bottom: 1px dashed #CCC; }
#content-proper-inner div.question p { color: #006675; font: bold 14px Arial, Helvetica, sans-serif; }
#content-proper-inner div.answer p { color: #333; }

#gallery-wrap { margin: 0; padding: 10px; text-align: left; }
.gallery-inner { padding: 10px; background: #FFF; }

/* Contact Form */
#contact-form { margin: 12px; }
#contact-form legend { display: none; }
#contact-form input, #contact-form select { padding: 3px 4px; border: 1px solid #CCC; }
#contact-form .form-grid li { margin: 8px 0 14px 0; padding: 4px 0; clear: both; overflow: hidden; }
.input-field { float: left; }
#contact-form .form-grid li .date { margin-left: 12px; }
#contact-form .form-grid li label, #contact-form .form-grid li .date label { float: left; margin: 4px 8px 0 0; font-size: 12px; font-weight: 700; color: #006675; }
#contact-form .form-grid li .input-field { margin-right: 8px; }
#comments-textarea { display: block; clear: both; padding-top: 8px; }
#comments-textarea  textarea { width: 460px; height: 200px; padding: 2px; border: 1px solid #CCC; }
#contact-form .form-grid li .submit-row { width: 464px; }
#contact-form .form-grid li .submit-row input { background: #006675; color: #FFF; cursor: pointer; float: right; margin-left: 8px; }
#reset, #submit { width: 65px; height: 30px; vertical-align: middle; }
#contact-form .form-grid li label.group-head { float: none; width: 480px; display: block; margin-bottom: 8px; }

/*Override styles for calendar date picker */

#contact-form .form-grid li .calendricalDatePopup table td.nonMonth a:link, #contact-form .form-grid li .calendricalDatePopup table td.nonMonth a:visited { color: #999999; }
	  
#contact-form .form-grid li	.calendricalTimePopup ul li { list-style: none; margin: 0; padding: 0; }
