/* Global Styles
--------------------------------------------------------------------------------------------------- */


* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
body {
	background:#003300;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #CC9;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #996;
}
a:hover {
	text-decoration: none;
}

/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Primary Divisions
--------------------------------------------------------------------------------------------------- */

#container {
	width:80%;
	margin:0 auto;
	text-align:center;
	position:relative;
	min-width:690px;
}
#header {
	background:url(../gfx/banner_bg.gif) repeat-x;
	width:100%;
	height:119px;
	text-align:left;
}

#content {
	float:right;
	width:87.39%;
	text-align:left;
}



/* Secondary Divisions
--------------------------------------------------------------------------------------------------- */

.whatWeDo #main, .special #main {
	width:60%;
	float:left;
	}

.whatWeDo #sidebar, .special #sidebar {
	width:182px;
	float:right;
	border:1px solid #CC9;
	border-top:none;
	margin-right:17px;
	display:inline;
	}
	
.whatWeDo #sidebar p, .special #sidebar p {
	color:#CC9;
	font-size:0.65em;
	padding:0 5px;
	margin:5px 0;
	line-height:1.2em;
	}
	
.sample {
	float:left;
	width:132px;
	margin-left:20px;
	}
	
.sample p {
	padding-left:0;
	margin-left:0;
	padding-right:0;
	margin-right:0;
	}

/* Typography + headers
--------------------------------------------------------------------------------------------------- */


#header h1 {
	width:319px;
	height:119px;
	position:relative;
	float:left;
	z-index:2;
}
#header h1 span {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../gfx/logo.gif) no-repeat;
}

#subheader {
	width:100%;
	height:57px;
	background:url(../gfx/h_bg.jpg) no-repeat top right;
	position:relative;
	}
	
.links #subheader, .contactUs #subheader, .sitemap #subheader, .gallery #subheader {
	background:url(../gfx/h_bg_noblurb.jpg) no-repeat top right;
	}
	
#subheader h2 {
	width:607px;
	height:58px;
	position:absolute;
	background:url(../gfx/h_gallery.gif) no-repeat;
	text-indent:-5000px;
	}

.whatWeDo #subheader h2 { background:url(../gfx/h_what.gif) no-repeat; }
.about #subheader h2 { background:url(../gfx/h_about.gif) no-repeat; }
.contactUs #subheader h2 { background:url(../gfx/h_contact.gif) no-repeat; }
.doors #subheader h2 { background:url(../gfx/h_doors.gif) no-repeat; }
.links #subheader h2 { background:url(../gfx/h_links.gif) no-repeat; }
.sitemap #subheader h2 { background:url(../gfx/h_sitemap.gif) no-repeat; }
.special #subheader h2 { background:url(../gfx/h_special.gif) no-repeat; }
.movie #subheader h2 { background:url(../gfx/h_movie.gif) no-repeat; }
.log #subheader h2 { background:url(../gfx/h_log.gif) no-repeat; }

h3 {
	font-size:1em;
	color:#996;
}

p, li {
	font-size:0.7em;
}

p { line-height:1.6em; }

h3, h4, h5, p {
	margin:12px 20px 12px 22px;
	}
	
#main ul {
	margin-left:25px;
	padding-left:25px;
	}
	
#main ul li {
	padding:5px 0;
	}

/* Nav
--------------------------------------------------------------------------------------------------- */

#nav {
	width:87px;
	list-style:none;
	float:left;
	position:relative;
	top:-6px;
	z-index:3;
}
#nav a {
	display:block;
	height:75px;
	width:87px;
	position:relative;
	text-indent:-5000px;
	cursor:pointer;
}
#nav a:hover img {
	visibility:hidden;
}
#nav_what {
	background:url(../gfx/nav_what-trans.png);
}
#nav_what:hover {
	background:url(../gfx/nav_what_o-trans.png);
}
#nav_about {
	background:url(../gfx/nav_about-trans.png);
	top:-20px;
}
#nav_about:hover {
	background:url(../gfx/nav_about_o-trans.png);
}
#nav_log {
	background:url(../gfx/nav_log-trans.png);
	top:-40px;
}
#nav_log:hover {
	background:url(../gfx/nav_log_o-trans.png);
}
#nav_special {
	background:url(../gfx/nav_special-trans.png);
	top:-60px;
}
#nav_special:hover {
	background:url(../gfx/nav_special_o-trans.png);
}
#nav_doors {
	background:url(../gfx/nav_doors-trans.png);
	top:-80px
}
#nav_doors:hover {
	background:url(../gfx/nav_doors_o-trans.png);
}
#nav_gallery {
	background:url(../gfx/nav_gallery-trans.png);
	top:-100px;
}
#nav_gallery:hover {
	background:url(../gfx/nav_gallery_o-trans.png);
}
#nav a#nav_movie {
	height:91px;
	background:url(/images/common/nav/loghomemovie.gif);
	top:-100px;
	}
#nav a#nav_movie:hover {
	background:url(/images/common/nav/loghomemovie2.gif);
	}

#util {
	width:189px;
	height:17px;
	background:url(../gfx/util_nav_bg.jpg) no-repeat;
	list-style:none;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	padding-left:115px;
	padding-top:102px;
	}

#util li {
	float:left;
	font-size:0.7em;
	text-align:left;
	padding-left:10px;
}

#util li.last {
	margin-right:0;
}

#util li.first {
	padding-left:0;
}

#util a {
	color:#FFF;
	text-decoration:none;
	}

#util a:hover {
	text-decoration:underline;
}

#contact {
	width:62px;
}

#contactLinks {
clear:both;
	width:100%;
	text-align:center;
	padding-top:10px;
		text-align:center;
	border-top:1px solid #CC9;
	}

#contactLinks ul {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	}

#main #contactLinks li {
	display:inline;
	padding-left:5px;
	margin-left:5px;
	}

	
/* Zenphoto
-----------------------------------------------*/ 

.album {
	margin:6px 20px 0 22px;
	padding-right:22px;
	clear:left;
	}
	
#images{
	margin:12px 0 12px 22px;
	}
	
#albumDescEditable {
	font-size:0.75em;
	margin:12px 0 12px 22px;
	}

.image {
	float:left;
	padding:0 10px 10px 0;
	}

.album img, #image img {
	float:left;
	padding-right:10px;
	
	}

.album .albumdesc, .imageDescEditable,  .imageDesc {
	padding-left:10px;
	padding-top:70px;
	}


#main .pagelist {
	clear:left;
	list-style:none;
	margin:12px 20px 12px 22px;
	padding:0;
	width:140px;
	height:30px;
	display:block;
	padding-bottom:2px;
	}

.pagelist li {
	float:left;
	}
	
.pagelist li.prev {
	margin-left:0;
	padding:0;
	margin-right:5px;
	}
.pagelist li.current {
	margin-right:5px;
	}
	
.pagelist li.next {
	margin-left:5px;
	}

.album h3, .album p {
	margin-left:0;
	padding-left:0;
}

.imgnav {

	width:200px;
	font-size:0.7em;
	margin:6px 20px 6px 22px;
	}
	
.imgprevious {
	float:left;
	margin-right:10px;
	}


	
#image {
	margin:12px 20px 12px 22px;
	}
	
#image img {
	padding-bottom:10px;
	}