body, html{ padding-top: 0; margin-top: 0; }

body {
background-color: #082729;
background-image: url(/images/background.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: verdana, sans-serif;
font-size: 9pt;
color: #082729;
}

h1{
color: #074D4B;
}

div.clear{ height: 1px; font-size: 1px; margin: 0; padding: 0; clear: both; }

#wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#header {
width:960px;
height: 151px;
background: no-repeat center top url(/images/header.png);
border-top: 1px solid transparent;
margin-top: 5px;
overflow: hidden;
}

#header h1{
width: 420px; float: left; margin: 0;
}

#header a{
text-indent: -999em;
display: block;
height: 120px;
width: 420px;
}

#print{
	color:#fff;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	padding: 5px 10px;
	background: #536567;
	border: 1px solid #303A3B;
}

#events_fader{ margin: 16px 0 0; float: left; width: 300px; padding-left: 180px; height: 100px; line-height: 100px; background: transparent; zoom: 1; }
#events_fader img{ padding-left: 70px; padding-top: 10px; }
#events_fader div{ text-align: right; font-weight: bold; color: #fff; width: 100%; font-size: 1.75em; background: transparent; zoom: 1; }

a {
text-decoration: none;
color: #000;
}

a:hover {
color: #536567;
}

a.textual{ color: #536567; text-decoration: underline; }
	a.textual:hover{ text-decoration: none; }

img {
border: none;
}

.address {
 overflow: hidden; width: 100%; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #536567; 
}

.address div{ float: left; width: 200px; }

.contact-left{
float: left;
}

.bold {
font-weight: bold;
}

h2 {
font-size: 12pt;
}

h3{
color: #B85F07;
margin: 0 0 .5em 0;
padding: 0;  
}

.captioned_photo{ float: right; margin: 0 10px 20px 10px; clear: right; }
.captioned_photo span{ display: block; text-align: center; font-size: .8em; padding-top: 2px; }

/* Nav styles */

#nav {
width: 960px;
height: 74px;
margin-top: -20px;
background-image: url(/images/nav.png);
position: relative; 
}

#nav ul {
list-style-type: none;
padding-top: 28px;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
font-size: 12pt;
}

#nav li {
margin: 0;
padding: 0;
float: left;
text-align: center;
background:transparent url(/images/nav_divider.png) no-repeat scroll right bottom;
height:26px;
position: relative;
}

#nav a {
color: #FFF;
font-variant: small-caps;
}

#nav a:hover {
color: #D6C269;
}

#directions {
width: 140px;
}

#tours {
width: 118px;
}

#roomlayouts{
width: 185px;
}

#facility {
width: 160px;
}

#rates {
width: 112px;
}

#resources {
width: 150px; 
}

#nav li#contact {
width: 94px;
background: none;
}

/* Main styles */

#main {
width: 920px;
background-color: #B9CFD1;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}

#center {
margin-left: 135px;
}

#button-home {
margin: 0 97px -24px;
}

#button {
margin-right: 10px;
float: left;
}

#slideshow {
width: 265px; 
height: 165px;
background-color: #81A1A2;
float: left;
margin-bottom: 20px;
overflow: hidden;
z-index: 1;
position: relative;
}

#paragraph-home {
width: 265px;
}

#calendar {
width: 620px;
height: 770px;
background: #FBD7AE no-repeat center center url(/images/orange_loader.gif);
float: right;
}

#mainbottom {
width: 960px;
height: 19px;
background-image: url(/images/curve_footer.png)
}

#clearfloat {
clear: both;
}

.placeholder {
width: 640px;
height: 480px;
background-color: #81A1A2;
margin: 20px auto 40px;
}

.main-img {
margin: 0 17px 10px 0;
}

.paragraph {
width: 500px;
}

/* Footer styles */

#footer {
width: 960px;
padding-bottom: 10px;
}

#footer p {
color: #F7901D;
float: right;
font-size: 10px;
letter-spacing: 1pt;
}

#footer a{
color: #F7901D;
margin: 0 16px 0;
}

#party-planner{ text-align: center; margin-top: 20px;  }
	#party-planner a{ text-decoration: underline; }

/* Contact Form */
form.contact{ padding-left: 100px; }
form.contact .text-field{ float: left; width: 50%; margin-bottom: .5em; }
form.contact .text-field input{ width: 70%; }
textarea{ width: 86%; height: 8em; }
.submit-field .input{ text-align: right; padding-right: 8em; }

/* Form Validator Styles */
.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;}
.formError .formErrorContent{width:100%;background:#D2210E;color:#fff;width:150px;font-size:11px;border:2px solid #ddd;box-shadow:0px 0px 6px #000;-moz-box-shadow:0px 0px 6px #000;-webkit-box-shadow:0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.greenPopup .formErrorContent{background:#33be40;}
.yellowPopup .formErrorContent{background:#393939;color:#FFF;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001;}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0px 2px 3px #444;-moz-box-shadow:0px 2px 3px #444;-webkit-box-shadow:0px 2px 3px #444;font-size:0px;height:1px;background:#D2210E;margin:0 auto;line-height:0px;font-size:0px;display:block;}
.greenPopup .formErrorArrow div{background:#33be40;}
.yellowPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

/* Layouts */
#room_layouts{ list-style-type: none; margin: 0; padding: 0; }
#room_layouts li{ float: left; margin: 20px 95px; }
#room_layouts li a{ text-align: center; width: 200px; padding-top: 200px; background: no-repeat top center; display: block; text-decoration: underline; }

#room_layouts #facility-map a{ background-image: url(images/plan_map.png); }
#room_layouts #banquet a{ background-image: url(images/plan_banquet.png); }
#room_layouts #conference8 a{ background-image: url(images/plan_8.png); }
#room_layouts #conference10 a{ background-image: url(images/plan_10.png); }

/* Tours */
#gallery{ margin: 0; padding: 0; list-style-type: none; }
#gallery li{ float: left; margin: 5px; }

.tabs{ margin: 0 0 5px; list-style-type: none; text-align: center; }
.tabs li{ display: inline; font-size: 10px; }

.tabs a{ text-decoration: underline; padding: 0 5px; }
.tabs a.current{ text-decoration: none; color: #536567; }

.panes{ height: 500px; }

a.contrasting{ text-decoration: underline; color: #F7901D; }
a.contrasting:hover{ text-decoration: none; }

/* Vendors */
ul.vendors{ list-style-type: none; margin: 0 0 1.5em 0; padding: 0; list-style-position: inside; border-top: 1px solid #C7D8D9; }
ul.vendors li{ margin: 0; padding: 0; border-bottom: 1px solid #C7D8D9; list-style-type: none; }
ul.vendors li a{ display: block; padding: 0.5em; color: #536567; }
ul.vendors li a:hover{ background: #C1D4D6; color: #F7901D; }

/* Suckerfish menus */
#nav{ position: relative; z-index: 50; } /* I hate IE so very much */
#nav li ul{ position: absolute;	width: 14em; /*left: -999em;*/ left: 0; display: none;  background: none; padding: 0; font-size: 10pt; top: 26px; z-index: 99; }
/*#nav li:hover ul{ left: auto; }*/
#nav li ul li{ float: none; text-align: left; background: none; height: auto; margin-bottom: 0; }
#nav li ul li a{ display: block; padding: 5px; color: #536567; background: #9ababd; border-top: 1px solid #B9CFD1; border-bottom: 1px solid #7E989B; font-variant: normal; margin-bottom: 0; }
#nav li ul li a:hover{ background: #23AAA6; color: #fff; }

/* Featured Event */
#featured_event{ width: 265px; margin-top: 10px; }
#featured_event .image{ text-align: center; }