html { background:black; height:100%;} 
body { background:url('/css/images/bg.jpg') top center no-repeat; font-family:Helvetica, Arial, Verdana, sans-serif;letter-spacing:0.1em;height:100%;}

p {font-size:15px;line-height:1.5em;color:#b3b8c7;}

#constrain { width:870px; margin:0 auto; color:white; }

#constrain a { color:white; text-decoration:none; }

h1, h2 { text-indent:-9999px; height:62px; }

/* NAV */

#nav {
	float:right;
	list-style: none;
	margin: 0;
	padding: 0 0 1.2em 0;
	height: 44px;
	overflow: hidden;
	width: 870px;
}

#nav li {
	height:44px;
	display:inline;
	float:right;
}

#nav a { 
	display:block;
	height:44px;
	text-indent:-9999px;
	margin-left:38px;
}

#nav a:hover { background-position: 0 -44px; }

#nav a:active, #nav a .selected { background-position: 0 0px; }

#home a { 
	width:35px; 
	background:url('/css/images/nav-home.gif') top left no-repeat; 
	background-position:0 -88px;

}

#heistman a { 
	width:63px; 
	background:url('/css/images/nav-heistman.gif') top left no-repeat; 
	background-position:0 -88px;
}

#scenes-from-a-wedding a { 
	width:160px; 
	background:url('/css/images/nav-scenes-from-a-wedding.gif') top left no-repeat; 
	background-position:0 -88px;
}

#the-dinner-party a { 
	width:115px; 
	background:url('/css/images/nav-the-dinner-party.gif') top left no-repeat; 
	background-position:0 -88px;
}

#laredo a { 
	width:48px; 
	background:url('/css/images/nav-laredo.gif') top left no-repeat; 
	background-position:0 -88px;
}

#about a { 
	width:41px; 
	background:url('/css/images/nav-about.gif') top left no-repeat; 
	background-position:0 -88px;
}

#press a { 
	width:40px; 
	background:url('/css/images/nav-press.gif') top left no-repeat; 
	background-position:0 -88px;
}

#contact a { 
	width:54px; 
	background:url('/css/images/nav-contact.gif') top left no-repeat; 
	background-position:0 -88px;
}

/* END NAV */

#intro { margin:0 0 2em 0; }

#constrain h3 {font-size:20px;}
#constrain h4 {font-size:12px;line-height:2em;font-weight:normal;border-bottom:1px solid #595f6b;}

.colleft, .colright { width:430px;padding-top:1em;}
.colleft {float:left;}
.colright {float:right;}

.colleft p, .colright p { font-size:12px; line-height:1.4em; color:#dde3f2;margin:1em 0;}
.colright h5 { font-size:13px; }
.colright ul { width:190px; float:left; padding-left:15px; border-left:1px solid #333;}
.colright ul li { font-size:9px; color:#b3b8c7;padding:10px 0 0 0;}

.colleft h3 { border-bottom:1px solid #595f6b; }
.colright h3 { border-bottom:1px solid #595f6b; }

.attribution, .colleft .attribution, .colright .attribution { margin:0.5em 0 0 0; font-size:75%; font-style:italic; color:#666;}

/* GALLERY */

.gallery {border:10px solid white; margin: 0 0 2em 0;}

.gallery div { 
	background-color:black; 
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	font-size:10px;
	height:30px;
	line-height:30px;
	padding:0 1em;
	margin-top:-33px;
	position:relative;
}

.gallery .top { top:-222px; }
.gallery .btm { top:0; }

.gallery div h3, .gallery div span { display:inline; }
.gallery div h3 { font-size:12px; }
.gallery div span { float:right; }

#spacer { display:block;height:1em; clear:both;}

.panel-overlay h3 { line-height:2em; display:inline; }
.panel-overlay p {font-size:10px; display:inline; }

/* END GALLERY */

.video { margin:1em 0; border:1px solid #b3b8c7; }
.video p { margin-left:1em; }

#footer { background:url('/css/images/bg_footer.jpg') bottom right no-repeat; height:100px; text-align:right; padding-right:115px;font-size:9px;line-height:120px;color:#858585;clear:both;position:relative;top:1em;}