body { background: #000; text-align: center;} 


div#header {
	background: #000 ;
	width: 780px; 
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	float: center;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	color: #ddd;
}

html>body div#header { padding-top: 10px; }

div#locations {
	background: #000;
	width: 720px;
	padding: 7px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#locations a { color: #777; }  

div#locations a:hover { color: #fff; } 

/* --------------------------- */



/* P A R A G R A P H S   A N D   O T H E R   T E X T   A R E A S  |  Styling for text content */
/* --------------------------- */


a { color: #ccc }

h1 {
	font: normal 12pt/150% Arial, Verdana, "Lucida Grande", sans-serif;
	text-align: right;
	padding-right: 30px;
	padding-top: 20px;
	color:  #6B6A62;
}


h1.a:link { color: #ccc; font: normal 10pt/130% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif; margin: 0px; }
h1.a:hover { color: #B6B4A7; }


p {
	margin: 0px 0px 3px 0px;
	font: normal 8pt/150% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	color: #6B6A62;
}

p.all_locations {
	margin: 8px 0px 3px 45px;
	font: normal 8pt/150% Arial, Verdana, "Lucida Grande", sans-serif;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1.5pt;
}

p.description {
	margin-top: 15px;
	text-align: center;
	margin-right: 30%;
	margin-left: 30%;
}


p.gallerylocation {
	font: normal 10pt/150% Arial, Verdana, "Lucida Grande", sans-serif;
	text-align: right;
	padding-right: 30px;
	padding-top: 20px;
	color: #707062;
}

div#photo img { padding: 10px; border: 1px solid #444; }




li.gallerylocation a { color: #6B6A62; letter-spacing: .5pt; text-transform: uppercase; font: normal 7pt/130% Arial, Verdana, "Lucida Grande", sans-serif; margin: 0px; }

li.gallerylocation a:hover { color: #B6B4A7; }

li.gallerylocation { color: #B6B4A7; letter-spacing: .5pt; display: inline; text-transform: uppercase; font: bold 7pt/130% Arial, Verdana, "Lucida Grande", sans-serif; border-left: 1px solid #312D22; padding: 6px; padding-top: 0px; padding-left: 30px; padding-right: 30px; margin: 0px; }

span.thumbnail img { border: 0px; }

span.thumbnail a:hover { border: 3px solid #fff }

/* I M A G E S  |  Styling for panoramics, inline blog photos, photo gallery photos, and thumbnails of all sorts */
/* --------------------------- */

div#gallery img {
	border: 1px solid #aaa;
	padding: 15px;
	margin: 10px;
}

div#gallery a img {
	border: 1px solid #000;
}

div#gallery a:hover img {
	border: 1px solid #B49620;
}

/* --------------------------- */

a.next { background: url(../images/photos/next.gif) no-repeat; text-decoration: none; display: block; width: 14px; height: 17px; margin-top: 0px; padding: 0px; margin: 0px; margin-top: -15px; float: right;}
a.next:hover { background-position: 0px -17px; text-decoration: none;}

a.prev { background: url(../images/photos/prev.gif) no-repeat; text-decoration: none; display: block; width: 14px; height: 17px; margin-top: 0px; padding: 0px; margin: 0px; margin-top: -15px; float: right;}
a.prev:hover { background-position: 0px -17px; text-decoration: none;}

a:link { color: #ccc; font: normal 10pt/130% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif; margin: 0px; }

a:hover { color: #B6B4A7; }


/* comments  */
#comments, #respond {
	border-bottom: 1px dotted #d9d351;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #464f06;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #FADEA2;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #d9d351;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#000000;
	border: 1px solid #8caa31;
	padding: 3px;
	margin-top: 3px;
                color: #8caa31;
}
#commentform textarea{
	width: 515px;
	height: 115px;
	background:#000000;
	border: 1px solid #8caa31;
	padding: 2px;
	margin-top: 3px;
                color: #8caa31;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #000000;
}
#commentform #submit{
	background: #000000 ;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #8caa31;
	border:1px solid #8caa31;	
                float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

#wrap {
	float: center;
	width: 800px;
	overflow: hidden;
}


#comment {
	float: left;
	width: 800px;
	overflow: hidden;
	text-align: left;

}

#content {
	float: center;
	width: 800px;
	overflow: hidden;
}

/* page close */
#close {
	clear: both;
	background: #ffffff;
	color: #ffffff;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 0px;
}
/* footer bar */
#footer {
	margin: 0px auto;
                width: 950px;
                height: 30px;
 color: #ccc; font: normal 10pt/130% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif; 
	line-height: 100%;
}
#footer a, #credit a:visited {
                margin-top: 8px;
color: #ccc
}
/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

#hotspotwrap{
margin-top:60px;z-index:20;width:50px;position:absolute;margin-left:650px;
}