/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
/* If you need to style the menu, you should add those styles in this screen.css file */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

@import url(reset.css);


body 				{ background: #000; font-family: Verdana, Arial, sans-serif;}
.container 			{ width: 950px; }


/* /////////////// TYPE STYLES //////////////// */

#main_content 		{ font-size: 13px; }
#main_content p 	{ margin: 5px 0 20px 0; color: #fff;}
h2					{ font-size: 16px; margin: 6px 0 5px 0; color: #666; font-weight: normal; letter-spacing: 4px; text-transform: uppercase; }
h3					{ font-size: 15px; margin: 25px 0 5px 0; font-weight: bold; color: #FFF; }	
h4					{ font-size: 13px; margin: 20px 0 5px 0; font-weight: bold; color: #FFF; }

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

strong				{ font-weight: bold; }
em					{ font-style: italic; background: transparent;}

/* /////////////// DIV STYLES //////////////// */

#header 			{ width: 948px; height: 142px; border: 1px solid #FFF; margin-top: 42px; margin-bottom: 15px; background: url(../img/buildings.jpg) no-repeat right top; position: relative; }
#header h1 			{ float: left; margin: 0; padding: 0; }
#header h1 a 		{ display: block; width: 397px; height: 129px; background: url(../img/logo.gif) no-repeat; text-indent: -5000px; }

/* MAIN MENU */
#nav 				{ position: absolute; left: 543px; top: 114px; font-size: 13px; color: #FFF; letter-spacing: 1px; }
#nav a 				{ text-transform: uppercase; color: #FFF; float: left; padding: 1px 11px 0 11px; }
#nav a:hover 		{ color: #EE2E24; }
#nav a.current 		{ color: #EE2E24; }
#submenu a.current	{ color: #EE2E24; }

/* SUB MENU */
.sub				{ text-align: right; }
.sub a				{ color: #FFF; text-decoration: none; font-size: 12px; text-align: right; text-transform: uppercase; }
.sub a:hover		{ color: #EE2E24; }
.sub li				{ line-height: 15px; margin: 10px 0;}

/* CONTENT STYLES */
#main_content 		{ width: 750px; float: right; color: #FFF; position:relative; }
.two_col #main_content { width: 360px; float: right; margin-right: 15px;}
#main_content img	{ padding: 8px 0 0 0; }
.floatright			{ float: right; margin: 0 0 0 20px; }
.floatleft			{ float: left; margin: 0 20px 10px 0;}
hr 					{ margin: 20px 0; padding: 0; background: transparent;}

#sub_content 		{ float: left; width: 160px; }

#sidecontent		{ float: right; width: 375px; margin: 5px 0 0 0;}

#footer				{ text-align: right; font-size: 11px; color: #666; padding: 30px 0; }

/* GALLERY STYLES */

#content p.caption { position: absolute; z-index:99; left:0; top:10px; width:750px; margin:0; }
ul#photo-select { text-align: right; border-top: 1px solid #333;}
ul#photo-select li a { font-size: 11px; color: #ddd; }
ul#photo-select li a:hover { color: #EE2E24; }
ul#photo-select li a.active { color: #EE2E24; }
.image_wrapper	{ margin-top: 0px; position:relative; padding-top:85px; height:525px; width:750px; }
.gallery		{ width:750px;height:525px;float:left;position:absolute; top:0px; left:0px; }
.scrollable		{ clear:both; padding-top:0px; position:relative; top:27px; z-index:99; }


div.scrollable img {cursor:pointer;}