/* 
-----------------------------------------------------------------------------
NULL BROWSER DEFAULTS
-----------------------------------------------------------------------------*/
* {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
ul {list-style:none;}
iframe {border:0;}

/*
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {text-align:center;font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;}

a {text-decoration:none;cursor:pointer;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;}
a img {border:0;} 

h1,h2,h3,h4,h5,h6 {font-weight:bold;font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;}

h2 {font-size:15px;margin:0 0 6px 0;}
h3 {font-size:10px;text-shadow:none;text-transform:uppercase;}
h4 {font-size:13px;margin:0 0 6px 0;}
h5 {font-size:13px;}
h6 {font-size:11px;}

small {font-size:9px;line-height:1.2;}

strong {font-weight:bold;}

/*
-----------------------------------------------------------------------------
LAYOUT:  Global
-----------------------------------------------------------------------------*/
#gallery-subnav {clear: both;}
.subgallery {display: none;}
.subgallery .selected {display: block;}
.subgallery li {
	float: left;
	display: block;
}

#header {
	width: 934px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 12px 0;

}

#header-links {
	float: right;
	text-align: right;
	margin-top: 30px;
	font-size: .9em;
	visibility:hidden;
}



#header-logo {
	float:left;
	padding: 23px 5px 8px 5px;
	margin: 0 0 8px 0;
}

#main-image img{
/**	width: 864px;
	height: 576px; **/
	border: 1px solid #222;
}

#main-image {
	height: 576px;
}

#main-image-bg {
	background: #000;
	width 864px;
	padding: 20px 16px 8px 16px;
	border: 1px solid #222;
}

#container {
	clear: left;
	width: 926px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #111;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #222;
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #888;
} 


#mainContent {
  margin: 12px 12px 12px 12px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*
-----------------------------------------------------------------------------
GALLERY NAVIGATION 
-----------------------------------------------------------------------------*/
#gallery-nav {
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 0 4px 12px;
}

#gallery-nav-holder {
	/* 
	border: 1px solid #000; 
	background: #111;
	width: 500px;
	*/

	margin: 2px 0 0 0;
	width: 932px;
	margin: 0 auto;
	text-align: left;
}

#gallery-nav-header {
	font-weight: bold;
	text-transform:uppercase;
	font-size: .8em;
	border-bottom: 1px solid #000;
	color:#444444
}

#image-nav {
	
	padding: 0px 0px 2px 18px;
	font-size: .9em;
	font-weight: bold;
	word-spacing: 9px;
	letter-spacing: -.1em;
	clear:both;
	/*
	background:#303030;
	border-top: 1px solid #000;
	*/
}

#image-nav .selected{
	color: #FFF;
	font-size: 1.05em;	
}

#gallery-nav li{
	margin: 4px 8px 0 0;
	float: left;
	display: block;
	padding-right: 8px;
	font-size: 1em;
	word-spacing: -.10em;
	letter-spacing: -.05em;
}

#gallery-nav li ul {
	visibility: hidden;
	position:absolute;
}

#gallery-nav a {
	display: block;
}

#gallery-nav .selected{
	color: #FFF;
}

#image-caption  {
	text-align: left;
	font-style: italic;
	padding: 4px 0 0 12px;
	color: #CCC;
	/** line-height: 12px; **/
}





/*
-----------------------------------------------------------------------------
COLORS
-----------------------------------------------------------------------------*/
body  {
	background: #000; 
	color: #888;
}

#header-logo h1 a{ color: #FFF;}

a { text-decoration: none; color: #999}
a:hover { color: #fff; text-decoration: none;}