form {margin:0;}

html, body {background:#111417 url('media/wallpaper_bg.jpg');margin: 0; padding: 0; text-align: left;height:100%;}

img {display: block;border:0;padding:0;margin:0;}

#container {width:700px;margin:0 auto 0 auto;background:#000 url('media/wrapper_bg.jpg') repeat-y;min-height: 100%;height: auto;}
* html #container {height:100%;}
#banner {margin:0 2px;}

#menu {width:180px;padding:13px 0 0 33px;float:left;}
#menu ul {list-style:none;padding:0;margin:0;}
#menu li {border-bottom:1px #171717 solid;}
#menu a {color:#838C8C;font:12px verdana,sans-serif;line-height:1.6em;text-decoration:none;padding:7px 18px;display:block;}
#menu a:hover, #menu a.selected {background:#171717;color:#FFF;}

#copy {width:423px;padding:20px 33px 0 31px;float:left;}
.bodytext, .bodytext a {color:#838C8C;font:12px verdana,sans-serif;line-height:1.6em;text-decoration:none;}
.bodytext a {color:#FFF;}
.bodytext a:hover {text-decoration:underline;}
.bodytext p {margin:0 0 15px 0;}
.bodytext h1 {color:#838C8C;font:normal 28px georgia,times,serif;text-decoration:none;margin:0 0 5px 0;padding:0;}
.bodytext h2 {color:#606060;font:normal 17px georgia,times,serif;line-height:1.6em;text-decoration:none;margin:0 0 10px 0;padding:0;}
.bodytext .divide {padding-top:15px;border-top:1px #171717 solid;}
.bodytext .sub {padding-top:15px;}
.bodytext table {border-bottom:1px #171717 solid;border-left:1px #171717 solid;}
.bodytext td {border-top:1px #171717 solid;border-right:1px #171717 solid;text-align:center;padding:3px 10px;}
.bodytext td.title {text-align:left;}
.bodytext td.col3, .bodytext td.col1 {background:#090909;}

.bodytext blockquote {font-size:11px;line-height:1.5em;background:url('media/quote1.jpg') 0 0 no-repeat;margin:0;padding:0 40px 0 40px;}
.bodytext blockquote.divide {background:url('media/quote1.jpg') 0 15px no-repeat;}
.bodytext blockquote .author {color:#606060;font-weight:bold;background:url('media/quote2.jpg') top right no-repeat;}

.gallery img {float:left;padding:0 8px 16px 8px;}

.bodytext form {font-size:11px;}
.bodytext input, textarea {background:#171717 !important;border:0;font:11px verdana,sans-serif;color:#FFF;margin-bottom:10px;padding:3px 5px;}
.button {font:normal 17px georgia,times,serif;}

.clear {clear:both;height:0;}

#map_holder {width:660px; height:400px;margin:0 auto;}
#mapguide {width:660px;margin:0 auto;}
#mapguide label {padding-right:20px;margin-right:20px;}
#mapguide h2 {margin-top:10px;}
label.shopping {background:url('media/marker_blue.jpg') top right no-repeat;}
label.food_drink {background:url('media/marker_yellow.jpg') top right no-repeat;}
label.entertainment {background:url('media/marker_red.jpg') top right no-repeat;}
#mapguide form {display:inline;}
#mapguide input {vertical-align:middle;}
#mapguide a {padding-right:20px;margin-right:20px;}
#mapguide a.selected {background:url('media/tick.jpg') top right no-repeat;}

#footer {margin-top:30px;padding:0 20px;}
#footer_content {border-top:1px #171717 solid;padding:15px 13px;color:#404040;font:11px verdana,sans-serif;line-height:1.6em;text-decoration:none;}
#footer_content a {color:#404040;font:11px verdana,sans-serif;line-height:1.6em;text-decoration:underline;}
#footer_content a:hover {color:#838C8C;}

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;display:inline;}
#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; }