@charset "UTF-8";
/* CSS Document */

html {background: url(../images/grain02.gif); background-attachment: fixed;}
body {margin: 0px auto;}
img {border: 0px;}

a:link {color: #A9B95D; text-decoration: none;}
a:active {color: #A9B95D; text-decoration: none;}
a:visited {color: #A9B95D; text-decoration: none;}
a:hover {color: #BCBEC0; text-decoration: none;}

.clearer {clear: both;}

#container {width: 960px; margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px;}

#header {margin: 20px 0 0 0;}

#navigation {margin: 20px 0 0 0;}

/* portfolio */
.sectionNames {font-size: 20px;}

/* contact */
#contact {margin: 20px 0 0 0; color: #BCBEC0;}

/* slider */
#slider {margin: 20px 0 0 0;}

/* people */
#people {width: 960px; overflow: auto; margin: 20px 0 0 0;}
#people img {margin: 0 5px 0 0;}

/* objects */
#objects {width: 960px; overflow: auto; margin: 20px 0 0 0;}
#objects img {margin: 0 5px 0 0;}

/* architecture */
#architecture {width: 960px; overflow: auto; margin: 20px 0 0 0;}
#architecture img {margin: 0 5px 0 0;}

/* life */
#life {width: 960px; overflow: auto; margin: 20px 0 0 0;}
#life img {margin: 0 5px 0 0;}

/* sliding boxes */
.boxgrid { 
	width: 240px; 
	height: 360px; 
	margin: 20px 0 0 0;
	float:left; 
	background:#161613; 
	border: solid 0px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
	
.boxgrid p { 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
.captionfull .boxcaption {
	top: 260;
 	left: 0;
 }
 
.caption .boxcaption {
	top: 220;
 	left: 0;
 }