/* [ BODY ] */
html, body {margin:0;padding:0;}
body{	text-align: center;	font-family:  Arial, Verdana, Helvetica, sans-serif; background: #000; color: #444;	font-size: 75%; }

a{color: #fff;	text-decoration: none;}
a:focus, a:hover, a:active {text-decoration: underline; }
a:hover {  color: #e0807e;}
p, li {	line-height: 1.8em; }

/* [ HEADINGS ] */
h1, h2 {font-family: "Trebuchet MS", Verdana, sans-serif;	margin: 0;	letter-spacing:-1px; }
h1 { padding: 0; font-size: 1.9em;	color: #000;}
h2 { padding-top: 10px;	font-size:1.9em;}

pre { font-size: 1.2em;	line-height: 1.2em;	overflow-x: auto; }

div#page {	width: 960px;	margin: 0 auto; text-align: left; background-color: #000; }

div#container {	padding: 20px 20px 0 20px;}
div#ads { clear: both;	padding: 12px 0 12px 66px;}

.thecontrols { float: right; }

/* [ HEADER ] */
div#header {float: left; background: #666; width: 960px; margin: 30px 0 20px -20px; }

/* LOGO */
div#header #logo {float: left;}
div#header #logo #banner { position:relative; overflow:hidden; width: 174px; height: 31px;}
div#header #logo #banner span { position:absolute; left:0; top:0; z-index:1;  width:174px; height:33px; background:url("../images/logo.jpg") top left no-repeat; }
div#header #logo #banner  a:hover span {background:url("../images/logo.jpg") bottom left no-repeat; }
div#header h1 {font-size:1em;}

div#header ul { float: right; color: white; margin: 0; padding: 0; }
div#header ul li { font-size: 1.4em;  float: left; list-style-type: none; margin: 0; padding: 0; } 
div#header ul li a { margin: 0; padding: 0 10px; color; white; }

/* [ CONTENT ] */
.content p { color: white; font-size: 11pt; text-align: center; font-family: Century Gothic, sans-serif; }

/* [TEXT CONTENT]  */
.text-content { width: 660px; margin: 160px auto 0 auto; height: 704px; }
.text-content p { font-weight: normal;line-height: 14pt; margin: 0 0 10px 0;color: white; font-size: 11pt; text-align: center; font-family: Century Gothic, sans-serif;  }
.text-content .address {}
.text-content .address p {font-size: 12pt; margin: 0; padding:0; }
.text-content .contact { margin-top: 15px;}
.text-content .contact p {font-size: 12pt; margin: 0; padding:0; }
.text-content .contact a { color: #105fa2; }

#map_canvas {  width: 500px; height: 410px; margin: 40px auto 0 auto; }


/* [ FOOTER ] */
div#footer { font-size: 1.4em; float: left; width: 100%; background: #666; clear: both; color: #777; margin: 0 auto 10px auto;  text-align: center; }
div#footer ul { float: left; color: white; margin: 0; padding: 0; }
div#footer ul li {   float: left; list-style-type: none;   } 
div#footer ul li a { display: block; padding: 0 10px; color; white; }
div#footer ul li a:hover { color: #e0807e; text-decoration:none; }
div#footer ul li a.current { color: #ff3333; }

div.caption-container {	color: #eee; height: 20px; }

div.image-title { text-align:center; color: white; font-size: 1.2em; }
div.image-desc {line-height: 1.3em;	padding-top: 12px; }

div.download {	margin-top: 8px;}
div.photo-index {color: #888; }

/* [ IMAGES ] */
div.navigation a.prev {	background-image: url(prevPageArrowWhite.gif);}
div.navigation a.next {	background-image: url(nextPageArrowWhite.gif);}
div.loader {background-image: url(loaderWhite.gif);}


div.slideshow img {	border-color: #333; }
ul.thumbs li.selected a.thumb {	background: #fff; }

/* [ PAGINATION ] */
div.pagination a:hover { background-color: #111; }
div.pagination span.current { background-color: #fff; border-color: #fff; color: #000; }