/* flo 20080917 */

body {
 background-color:#444;
 color:#BBBBBB;
 font:0.9em "Trebuchet MS", verdana, arial, sans-serif;
}
#wrapper {
/* margin:1em 10%;*/
margin:0 auto;
position:relative;
width:850px;
}
.alternate {
 display:none;
}









#header {
 background:transparent url(/themes/gordonhopkins/images/return-white.png) no-repeat 0 50%;
color:#f7caca;
 font-size:220%;
 font-weight:bold;
 letter-spacing:40px;
 margin:1em 0 2em -60px;
 padding-left:60px;
 text-align:left;
 text-transform:uppercase;
}
#header a {
        color:#f7caca;
 text-decoration:none;

}
#header a:hover {
        color:white;
 text-decoration:none;
}
#header em {
/*      background-color:red;*/
 color:#333;
 display:block;
 font-size:70%;
 font-style:normal;
 font-weight:normal;
 letter-spacing:3px;
 position:absolute;
 right:-7px;
 text-align:right;
 text-transform:capitalize;
 top:65px;
 width:200px;
}
#footer {
 border-top:1px solid #333;
 color:#222;
 margin-top:2em;
 padding:0.5em 0;
 position:relative;
 width:100%;
}
#footer a {
        color:#222;
        text-decoration:none;
}
#footer span.alternate {
        display:inline;
}
#footer .right {
	color:#393939;
}


#footer a:hover {
 color:#cf0;
}
a {
 text-decoration:none;
 color:#BBBBBB;
}
a:hover {
 color:#F7CACA;
 text-decoration:underline;
}
a img {
 border:0;
}
.right {
 float:right;
/*  margin:0 0 0.2em 1em; */
}
.left {
 float:left;
/*  margin:0 1em 0.2em 0; */
}
address, address a {
color:#F7CACA;
font-style:normal;
}
address em {
color:#333;
}

/* gallery area */
#loader {
 background:transparent url(/themes/gordonhopkins/images/loading.gif) no-repeat 50% 8px;
/*  border:outset 2px #333; */
 color:#666;
 height:12px;
 left:42%;
 padding-top:50px;
 position:absolute;
 text-align:center;
 top:30%;
 width:16%;
}


.gallery #footer {
 bottom:-3em;
}

.slideshow {
 height:450px;
 position:relative;
 width:100%;
}
.slideshow img {
 border:0;
 padding:0;
 position:relative;
  z-index:40;
}
.slideshow .scene {
 height:450px;
 position:relative;
 width:70%;
 z-index:40;
}
.slideshow fieldset {
 border:0;
 left:0;
 margin:0;
 padding:0;
 width:100%;
}
.thumbnails {
 position:absolute;
 right:0;
 top:0;
 width:190px;
 z-index:20;
}
#track {
 background-color:#4f4f4f;
 height:450px;
 position:absolute;
 right:0;
 top:0;
 width:1px;
 z-index:30;
}
#handle {
 background-color:#F0A2A2;
/*      background: transparent url(/themes/gordonhopkins/images/handle-grey.png) no-repeat 0 0;*/
cursor:move;
        height: 42px;
margin-left:-5px;
 position:absolute;
        width: 10px;
}
.thumbnails ul {
 height:100%;
 margin:0;
 padding:0;
}
.thumbnails li {
 float:left;
 list-style:none;
 margin:0 8px 4px 0;
  position:relative;
}
.thumbnails img {
 border:1px solid #444;
 padding:2px;
}

.thumbnails a:hover img {
 background-color:#fff;
 border-color:#000;
}

.thumbnails .selected img, .thumbnails .selected a:hover img {
 background-color:white;
 border-color:#777;
}

.slideshow .images_navigation {
 height:2em;
 position:relative;
 width:70%;
}
.slideshow .images_navigation legend {
 display:none;
}
.slideshow .images_navigation a .alternate {
 display:block;
}
.slideshow .images_navigation .previous, .slideshow .images_navigation .next {
 display:none;
 position:absolute;
/*  width:20px; */
 z-index:50;
}
.slideshow .images_navigation .previous {
 left:0;
}
.slideshow .images_navigation .next {
 right:0;
/*  left:0; */
/*  top:1em; */
}
.slideshow .legend {
 left:0;
 position:absolute;
 text-align:center;
 width:70%;
 z-index:20;
}
html>/**/* .slideshow .legend {
 margin-top:-1.5em;
}
.slideshow .legend span {
 font-size:1.1em;
}

/* home */
.home #header {
 background:none;
}
.home #header em {
display:none;
}
.home img {
        display:block;
 margin:1.5em 2em 0.5em 0;
}
.home #content ul {
        margin-left:-10px;
        padding-left:0;
}

.news {
 margin-left:330px;
 margin-top:-400px;
position:absolute;
 width:25%;
}
.news h3 {
/* border-bottom:1px solid #f7caca;*/
 font-size:1em;
 font-weight:bold;
 margin-bottom:0;
 margin-left:-8px;
 padding-bottom:0;
 padding-left:7px;
}
.news h3, .news h3 a {
 color:#f7caca;
}
.news em {
 font-size:0.8em;
}
.news p {
 font-size:90%;
 margin:0.2em 0;
}

.home #content ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.home #content li {
        list-style:none;
        float:left;
        padding:0 2em 0 0;
        text-align:center;
        width:100px;
}
.home #content li.first {
                margin-bottom:2.2em;
        margin-left:-37px;
                width:200px;
}
.home #content li.second {
        clear:left;
        margin-left:-51px;
}
.home #content li a img {
        display:block;
        margin:0 auto;
}