/* CSS Document */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form, button {margin: 0 auto; padding: 0;}
body {font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-weight:100; text-align: center; margin: 0; padding: 0; height: 100%; background-image: url(images/holiday/pgbkgd.png); background-repeat: repeat; background-attachment: fixed;}
img, a {border: none; }
#wrapper {margin: 0 auto; width: 800px; min-height: 100%; background-color: #fff; overflow: hidden;}
#container {width: 778px; min-height: 100%; margin: 5px; padding: 5px; overflow: hidden; background-color: #fff; text-align: left;}
#logoWrapper {width: 778px; margin: 0; padding: 0;}
#logo {width: 125px; height: 80px; margin: 0; padding-right: 425px; display: inline;}
#tagline {display: inline;}
#navigation {width: 778px; height: 31px; margin-top:10px; background-image: url(images/holiday/ws_nav.png); border: none;}
#navigation_list {padding: 0px;	width: 790px; height: 31px; font-size: 0px; position: relative; top: 0px; left: 0px; margin: 0;border: none;}
#navigation_list li {margin: 0; padding: 0;	list-style: none; position: absolute; height: 31px; border: none;}
#navigation_list li, #navigation_list a {height: 31px; display: block;}

/* Navigation */
#location {left: 0px; width: 197px;}
#stores {left: 197px; width: 162px;}
#calendar {left: 359px; width: 129px;}
#specials {left: 488px; width: 82px;}
#leasing {left: 570px; width: 79px;}
#contact {left: 649px; width: 129px;}

#location.current a:link {background: transparent url(images/holiday/ws_nav.png) -0px -31px no-repeat;}
#stores.current a:link {background: transparent url(images/holiday/ws_nav.png) -197px -31px no-repeat;}
#calendar.current a:link {background: transparent url(images/holiday/ws_nav.png) -359px -31px no-repeat;}
#specials.current a:link {background: transparent url(images/holiday/ws_nav.png) -488px -31px no-repeat;}
#leasing.current a:link {background: transparent url(images/holiday/ws_nav.png) -570px -31px no-repeat;}
#contact.current a:link {background: transparent url(images/holiday/ws_nav.png) -649px -31px no-repeat;}

#location.current a:visited {background: transparent url(images/holiday/ws_nav.png) -0px -31px no-repeat;}
#stores.current a:visited {background: transparent url(images/holiday/ws_nav.png) -197px -31px no-repeat;}
#calendar.current a:visited {background: transparent url(images/holiday/ws_nav.png) -359px -31px no-repeat;}
#specials.current a:visited {background: transparent url(images/holiday/ws_nav.png) -488px -31px no-repeat;}
#leasing.current a:visited {background: transparent url(images/holiday/ws_nav.png) -570px -31px no-repeat;}
#contact.current a:visited {background: transparent url(images/holiday/ws_nav.png) -649px -31px no-repeat;}

#location.current a:hover {background: transparent url(images/holiday/ws_nav.png) -0px -31px no-repeat;}
#stores.current a:hover {background: transparent url(images/holiday/ws_nav.png) -197px -31px no-repeat;}
#calendar.current a:hover {background: transparent url(images/holiday/ws_nav.png) -359px -31px no-repeat;}
#specials.current a:hover {background: transparent url(images/holiday/ws_nav.png) -488px -31px no-repeat;}
#leasing.current a:hover {background: transparent url(images/holiday/ws_nav.png) -570px -31px no-repeat;}
#contact.current a:hover {background: transparent url(images/holiday/ws_nav.png) -649px -31px no-repeat;}

#location a:link {background: transparent url(images/holiday/ws_nav.png) -0px 0px no-repeat;}
#stores a:link {background: transparent url(images/holiday/ws_nav.png) -197px 0px no-repeat;}
#calendar a:link {background: transparent url(images/holiday/ws_nav.png) -359px 0px no-repeat;}
#specials a:link {background: transparent url(images/holiday/ws_nav.png) -488px 0px no-repeat;}
#leasing a:link {background: transparent url(images/holiday/ws_nav.png) -570px 0px no-repeat;}
#contact a:link {background: transparent url(images/holiday/ws_nav.png) -649px 0px no-repeat;}

#location a:visited {background: transparent url(images/holiday/ws_nav.png) -0px 0px no-repeat;}
#stores a:visited {background: transparent url(images/holiday/ws_nav.png) -197px 0px no-repeat;}
#calendar a:visited {background: transparent url(images/holiday/ws_nav.png) -359px 0px no-repeat;}
#specials a:visited {background: transparent url(images/holiday/ws_nav.png) -488px 0px no-repeat;}
#leasing a:visited {background: transparent url(images/holiday/ws_nav.png) -570px 0px no-repeat;}
#contact a:visited {background: transparent url(images/holiday/ws_nav.png) -649px 0px no-repeat;}

#location a:hover {background: transparent url(images/holiday/ws_nav.png) -0px -31px no-repeat;}
#stores a:hover {background: transparent url(images/holiday/ws_nav.png) -197px -31px no-repeat;}
#calendar a:hover {background: transparent url(images/holiday/ws_nav.png) -359px -31px no-repeat;}
#specials a:hover {background: transparent url(images/holiday/ws_nav.png) -488px -31px no-repeat;}
#leasing a:hover {background: transparent url(images/holiday/ws_nav.png) -570px -31px no-repeat;}
#contact a:hover {background: transparent url(images/holiday/ws_nav.png) -649px -31px no-repeat;}

#location a:active {background: transparent url(images/holiday/ws_nav.png) -0px -62px no-repeat;}
#stores a:active {background: transparent url(images/holiday/ws_nav.png) -197px -62px no-repeat;}
#calendar a:active {background: transparent url(images/holiday/ws_nav.png) -359px -62px no-repeat;}
#specials a:active {background: transparent url(images/holiday/ws_nav.png) -488px -62px no-repeat;}
#leasing a:active {background: transparent url(images/holiday/ws_nav.png) -570px -62px no-repeat;}
#contact a:active {background: transparent url(images/holiday/ws_nav.png) -649px -62px no-repeat;}

/* End Navigation */ 

#feature {width: 778px; height: 339px; margin: 5px 0; }
#featureText {width: 260px; position: relative; top: -70px; left: 30px; margin: 0; padding: 0; font-size: 11px; color: #333; }
#feature a:link, #feature a:visited {color: #660; text-decoration: none;}
#feature a:hover {text-decoration: underline; }
#contentImage {width: 255px; height: 318px; margin: 5px; padding: 0; display: inline; float: left;}
#content {width: 775px; height: 100%; margin: 5px 0; border:solid 1px #e7e7e7;}
.clear {clear: both;}
#featureContent {width: 400px; height: 200px; position: relative; top: 105px; left: 30px; margin: 0; padding: 0; font-weight: bold; font-size: 14px; color: #a7ab75;}
#contentArea {width: 400px; height: 100%; display: inline; float: left; margin: 5px; padding: 30px 0 0 0; font-size: 11px; color: #999;}
#contentArea .contentHeading {font-weight: bold; color: #6c0101; text-transform: capitalize;}
#contentArea a, #contentArea a:link, #contentArea a:visited {color: #6c0101; text-decoration: none;}
#contentArea a:hover {text-decoration: underline; }
#hoursWrapper {width: 253px; height: 227px; margin-right: 10px; padding: 0; float: left; display: inline; border-right: 1px; border-right-style: dotted;}
#hours {width: 220px; margin: 0; padding: -10px 0 0 0; vertical-align: top;}
.hoursText {font-size: 11px; color: #a7a7a7; padding: 2px; font-weight: normal;} 
#hoursWrapper a, #hoursWrapper a:link, #hoursWrapper a:visited {color: #6a0000; font-weight: bold; text-decoration: none;}
#hoursWrapper a:hover {text-decoration: underline; }
#featureone {width: 250px; height: 227px; margin: 0 10px 0 0; float: left; display: inline; overflow: hidden;}
#featuretwo {width: 250px; height: 227px; margin: 0; float: left; display: inline; overflow: hidden;}
#featureone .text {font-size: 11px; color: #999; padding: 5px 0; font-weight: normal;} 
#featureone .headline {font-size: 11px; font-weight: bold; color: #a7ab75; }
#featureone a:link, a:visited {font-size: 11px; color: #ccc; text-decoration: underline;}
#footer {margin: 10px auto; padding-bottom: 10px; width: 800px; text-align: center; clear: both; font-size: 10px; color: #fff;}
#footer a:link, a:visited {text-decoration: underline; color: #fff;}
#footer a:hover {text-decoration: none;}

/* Specials Page */
#contentArea table .darkhighlight {background-color: #999; color: #fff; font-weight: bold;}
#contentArea table .lighthighlight {background-color: #ccc;}
#contentArea table td {padding-left: 5px;}
#contentArea table .TopBtmBrd { border-top: 1px solid #30abdf; border-bottom: 1px solid #30abdf; }
#contentArea table .TopBtmBrdWhite { border-bottom: 1px solid #fff; }
#contentArea img {padding: 5px 0 5px 0;}
#contentArea .new { color: #C00; font-weight: bold; }
#contentArea .heading { color: #333; font-weight: bold; }


/* Image Gallery */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Form */
#form .table { background-color: #fff; }
#form .tableright { background-color: #fff; text-align: right; }
#form .tablecenter { background-color: #fff; text-align: center; }

#form .textfield { margin: 2px; padding: 3px 0 0 5px; height:20px; width:200px; border:solid 0 #fff; background: transparent url("images/formfield_bkgd.png") no-repeat; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size: 11px; }
#form .shorttextfield { margin: 2px; padding: 3px 0 0 5px; height:20px; width:69px; border:solid 0 #fff; background: transparent url("images/formfield_bkgd_short.png") no-repeat; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size: 11px; }
select { border: none; }