/* @override http://localhost:8888/baca/css/screen.css */

/**
* Warning - this layout is fragile in IE7 - the z-index depths will only work for the intended nesting due to 
* the z-index bug where each 'positioned' element creates a new 'stacking context'.
*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding: 0;
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	border: 0;
}

a:focus {
	outline:none;
}

body {
	line-height: 1.5;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #222;
	display: block;
}

#top {
	position: fixed;
	z-index:9000;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: #666 1px solid;
	background: #fff;
	background: rgba(255,255,255,0.7);
}

#logo {
	float: left;
	height: 53px;
}

#header {
	width: 964px;
	height: 53px;
	margin: 16px auto 0 auto;
	vertical-align: bottom;
	position: relative;
}

.nav {
	position: absolute;
	bottom: 0;
	left: 192px;
	text-transform: uppercase;
}

	.nav li {
		float: left;
		list-style-type: none;
	}
	
		.nav li ul { 
			float: none;
			position: absolute;
			border: 1px solid #666;
			background: #fff;
			background: rgba(255,255,255,0.85);
		}
		
		.nav li ul li {
			float: none;
		}
		
	.nav a, .nav a:visited {
		display: block;
		width: 140px;
		font-size: 1.4em;
		vertical-align: bottom;
		text-align: center;
		text-decoration: none;
		outline: none;
		color: #000;
	}
		
		.nav a:hover, .nav a:focus {
			color: #F37545;
		}
		
		.nav a.selected {
			color: #F37545;
		}
		
	.nav ul a, .nav ul a:visited {
		padding: 2px 0;
		font-size: 0.8em;
		line-height: 1em;
	} 
	
#contact_details {
	margin: 0 8px 0 0;
	float: right;
}

	#contact_details a, #contact_details a:visited {
		color: #000;
		text-decoration: none;
	}

.container {
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	/* this z-index is only necessary for IE to persuade it that everything in here should be above the vistas */
	z-index:2;
}

.project, .project_placeholder {
	overflow: hidden;
	width: 850px;
	height: 485px;
	margin: 0 auto 0 auto;
	font-size: 0.9em;
	background: #fff;
}

.action, .main, .details {
	float: left;
	margin: 16px 0;
}

	.action {
		width: 163px;
		min-height: 320px;
		padding: 4px 8px 4px 4px;
		text-align: right;
	}
	
	.action a {
		display: block;
		text-decoration: none;
		color: #bcbec0;
	}

		.action a.active, .action a:hover {
			color: #000;
		}
		
	.action li {
		list-style-type: none;
	}
	
	.main {
		overflow: hidden;
		padding: 4px 8px;
		border-left: 1px dotted #999;
		border-right: 1px dotted #999;
		padding-top: 45px;
		font-size:11px;
	}
	
	.news_main {
		padding: 4px 8px;
		margin: 16px;
		overflow:auto;
		height:400px;
	}
	
	.details {
		width: 163px;
		padding: 4px 4px 4px 8px;
		font-size:11px;
		position: absolute;
		left: 673px;
	}
	
	.stats {
		font-size:9px;
	}
	
		.details table {
			margin: 20px 0;
		}
		
		.details td {
			padding: 0px;
		}
		
			.details td.column-1 {
				width:55px;
			}
			
		.details p {
			margin: 20px 0;
		}
			
	/* Overridden styles for template B. */
	.template_b .main {
		width: 650px;
		margin: 16px 0 0 0;
		border-right: none;
		padding-top:4px;
	}
	
	.template_b h3, .template_b h4 {
		text-align: right;
	}
	
		.template_b h4 {
			margin-bottom: 16px;
		}

	.template_b .details { 
		width: 655px;
		margin: 0;
		border-left: 1px dotted #999;
		position:absolute;
		left:175px;
		top:318px;
	}
	
		.template_b .details table { 
			float: right;
			margin: 0 0 16px 16px;
			padding: 0 64px 0 8px;
			border-left: 1px dotted #999;
		}
		
		.template_b .details p {
			margin: 0;
		}
		
div.pagination {
	line-height: 32px;
	text-align: center;
	color: #666;
	position:absolute;
	top:20px;
	left:0;
	width:100%;
}

a.prev img:hover, a.next img:hover {
	opacity: 0.8;
}

	.prev.disabled img, .next.disabled img {
		opacity: 0.4;
	}
	
img.number {
	margin: 0 4px 2px 4px;
}

	img.number:hover, img.number.disabled {
		background-color: #ff7f00;
	}

#screen_trigger {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7000px;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index:8000;
}

	body.home #screen_trigger {
		opacity: 0;
		filter:alpha(opacity=0);
		display:none;
	}

#popup_positioner {
	position: fixed;
	width: 100%;
	top: 180px;
	z-index:10000;
}


	#popup {
		display: none;
		width: 850px;
		height: 485px;
		margin: 0 auto;
		position: relative;
		background-color:white;
	}
	
	#popup.show_immediately {
		display:block;
	}
	
	#popup_close {
		position: absolute;
		top: 445px;
		left: 800px;
		cursor: pointer;
		z-index:10001;
	}
	#popup_download {
		position: absolute;
		top: 445px;
		left: 770px;
		cursor: pointer;
		z-index:10002;
		display:none;
	}
	
	#popup_loading {
		position: absolute;
		width: 24px;
		height: 24px;
		top: 230px;
		left: 420px;
		background: url('../img/ajax-loader.gif') no-repeat 0 0 transparent;
		display:none;
	}
	
	#popup_ajax {

	}
	
	#popup.no_bg {
		background:none;
	}
	
		#popup #right_col {
			position:absolute;
			left:540px;
			top:30px;
			width:290px;
			font-size: 14px;
		}
		
			#popup #right_col.contact {
				position:absolute;
				left:570px;
				top:30px;
				width:260px;
				font-size: 14px;
			}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.4em;
	font-weight: normal;
	color: #111;
	line-height: 1em;
}

	h2 {
		margin-bottom: 1.68em;
		text-transform: uppercase;
	}
	
	h3 {
		font-size: 22px;
		margin-bottom: 0.32em;
	}
	
	h4 {
		font-size: 16px;
	}

a img {
	border: none;
}

/* vistas */

#vistas_positioner {
	left:0;
	margin:0 auto;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
	height: 9115px;
	background: url('../img/river.jpg') no-repeat center 120px ;
}

#vistas {
	width:0;
	position:relative;
	width:0;
	top:120px;
	margin:0 auto;
}

#rower {
	position:absolute;
	left: -166px;
	top: 536px;
}


#billboard {
	position:absolute;
	left: -35px;
	top: 715px;
}

#dordrecht {
	position:absolute;
	left: -393px;
	top: 1029px;
}

#hands {
	position:absolute;
	left: -394px;
	top: 2653px;
}

#wheel {
	position:absolute;
	left: -442px;
	top: 5043px;
}

#wind {
	position:absolute;
	left: 59px;
	top: 7049px;
}

#menatwork {
	position:absolute;
	left: -331px;
	top: 2122px;
}

#lecture {
	position:absolute;
	left: -481px;
	top: 7618px;
}

#surf {
	position:absolute;
	left: -295px;
	top: 4410px;
}

#lifeguide {
	position:absolute;
	left: -596px;
	top: 541px;
}

#barges {
	position:absolute;
	left: -360px;
	top: 1498px;
}

#lawns {
	position:absolute;
	left: -523px;
	top: 253px;
}

#glasshouse {
	position:absolute;
	left: -360px;
	top: 1785px;
}

#warmemorial {
	position:absolute;
	left: -468px;
	top: 3188px;
}

#portfolio {
	position:absolute;
	left: -106px;
	top: 3942px;
}

#moneybags {
	position:absolute;
	left: -592px;
	top: 5945px;
}

#cityhall {
	position:absolute;
	left: -696px;
	top: 6556px;
}

#random {
    position:absolute;
	left: -142px;
	top: 8305px;
}

img.contact_image {
	margin: 2em 0 0 2em;
}

.publications {
	
}

.publication {
	width:120px;
	display:inline;
	margin:20px 0 0 30px;
	float:left;
}
.publication p {
	font-size:8pt;
}
.clear {
	clear:both;
}

.portfolio_iframe {
	overflow:hidden;
}

ul#icon_menu li {
	position:absolute;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 18pt;
}
ul#icon_menu li a {
	text-decoration: none;
	color: #2ba9e1;
	width:400px;
	display: block;
	padding: 5px 0 5px 90px;
}
ul#icon_menu li a:hover {
	text-decoration: none;
	color: #ff7f00;
}
li.icon_menu_item_1 {
	left:120px;
	top:150px;
}
li.icon_menu_item_2 {
	left:161px;
	top:206px;
}
li.icon_menu_item_3 {
	left:183px;
	top:268px;
}
li.icon_menu_item_4 {
	left:193px;
	top:337px;
}
li.icon_menu_item_5 {
	left:152px;
	top:411px;
}
li.icon_menu_item_6 {
	left:120px;
	top:478px;
}

#practice_synopsis {
	position: absolute;
	width: 954px;
	left: -482px;
	top: -7px;
	font-style: italic;
}