/* @override http://www.swanburypenglase.com/wp-content/themes/SPA/css/master.css */

body, html {
	background: #222222;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: white;
	height:100%;
	min-height:400px;
	}
	
#background {
	display: none;
	line-height: 0px;
	position: fixed;
	overflow: hidden;
}

img {border:0;}



/* FADE IN */

#Home .fadein {display: none;}
.content {display: none;}
.backgroundPeople img {display: none}



	
/* LAYOUT */

#flashbackground {height: 100%; width:100%; position: fixed;}
	
#title {
	position:absolute;
	left: 30px;
	top: 25px;
	width: 220px;
	height: 100px;
	z-index:40;
	}
	
#tag {
	position:absolute;
	left: 270px;
	top: 25px;
	width: 700px;
	height: 100px;
	overflow:hidden;
	}
	
#tag p {text-indent: -1000px}

	
.content {
	position:absolute;
	left: 270px;
	top: 175px;
	width: 700px;
	min-height: 500px;
	border-top: 1px solid #fff;
	}

	
#People .content {width:580px;}
#peoplelist {position:absolute; left:600px; top:-1px; width:100px; list-style: none; margin: 0; padding: 0;}

.notfound {
	position:absolute;
	left: 20px;
	top: 0px;
	width: 700px;
	min-height: 500px;
	border-top: 1px solid #fff;
	}
	
#contact {
	position:absolute;
	left: 0px;
	top: 345px;
	width: 170px;
	height: 340px;
	}

#contact img {position:absolute;bottom:15px;}

#content #details {
	clear: both;
	margin: 0;
	margin-top:100px;
	margin-left: 0;
	width: 580px;
	min-height: 100px;
	border-top: 1px solid #fff;
	}
	
#content #details div {width:100px; float:left; margin:0 20px 0 0; min-height: 100px;}


#filterbar {
	display:none;
	width: 700px;
	height:125px;
	border-top:1px solid #fff;
	margin-left: 20px;
	}
	
.filterCol {
	width:100px;
	list-style: none;
	font-size: 10px;
	line-height: 14px;
	padding: 25px 0 0 0;
	margin: 0 20px 0 0;
	float:left;
	}
	
.filterCol li {background: url(../images/arrow.png) no-repeat 0 -4px;}
/* .filterCol li:hover {color:#917f71; background-position: 0 -29px;} */
	
.location{background: url(../images/location.png) no-repeat}
.industry{background: url(../images/industry.png) no-repeat}
.date{background: url(../images/date.png) no-repeat}
.kind{background: url(../images/kind.png) no-repeat}

#projectpage h1 {margin-bottom: 7px;}

#projectdesc {
	position:absolute;
	width:720px;
	top:390px;
	left:-20px;
	padding: 0;
	}

#projectimages {
	width:700px;
	height:350px;
	background: #111;
	margin: 0;
	}
	
#projectdesc div {width:220px; float:left; margin-left:20px;}
	
#Projects .content, #Commercial .content, #Residential .content, #Hospitality .content, #Community .content, #Health .content, #Educational .content, #Interiors .content, #Conservation .content, #EstatePlanning .content, #Masterplanning .content, #UrbanDesign .content, #WSUD .content, #VisualAssessment .content, #Retail .content  {border: 0; padding: 0; margin:0; width: 720px; left:250px;}
#grid {width:720px; min-height:400px;}

.projectlist {
	display: block;
	width: 220px;
	height:175px;
	margin: 0 0 25px 20px;
	float: left;
	border-top:1px solid #fff;
	}
	
.projecthover {display:block; position: absolute; z-index: 20; width:220px; height:170px; overflow: hidden; margin:-25px 0 0 0; padding: 0;}
.projectthumb:hover {margin-left:-220px;}
.projectthumb {display:block; width:440px; height:150px; background: url(../images/thumbfade.gif); padding-top: 25px;}
.projectthumb img {float:left; margin:-20; padding: 0;}
.projectthumb h4 {width:200px; float:right; margin: 10px 10px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;font-size: 11px; }
#grid div.hovered h2{color: #917f71;}

#grid div.hovered {cursor: pointer;}
	


.newsitem {
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
	}
.newsimage {width:340px; float: right; margin: 0; display:block;}
.newsimage img{margin-top: 10px;}
.divclear {clear: both;}
.newsitem:last-child {margin-bottom: 20px;}

#content #mediaspace {
	margin-left: 0;
}	


#colourbar {display:none}

#Architecture #colourbar, #Landscape #colourbar, #Interior #colourbar {
	display: block;
	height: 4px;
	clear: both;
	margin-left: 0px;
	width: 100%;
	}
	
#Architecture #colourbar {background-color: #aa4a1a;}	
#Landscape #colourbar {background-color: #857b1d;}
#Interior #colourbar {background-color: #541747;}

#content #colWrapper {
	margin-left: -120px;
}

#content #colWrapper div.leftCol{
	margin-left: 120px;
}

/* NAVIGATION */

#nav, .subnav {
	position:absolute;
	top: 175px;
	width: 100px;
	min-height: 100px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 50;
	}
	
#nav {left: 30px;}	
.subnav {left: 150px; display:none;}
	
#nav li, .subnav li {	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	height:25px;
	vertical-align: middle;
	/* text-indent: -100px; */
	overflow: hidden;
	opacity: .3;	
	-moz-opacity: 0.3;
	}
	
#nav li a, .subnav li a {display:block; width:100px; height:25px; text-indent:-200px} 
	
#nav li:hover, .subnav li:hover {opacity:1; background-position: 0 -25px; background-color: rgba(0,0,0,0.2);}

#Home #nav li {opacity:1; -moz-opacity: 1;}	

.navProfile {background:url(../images/nav/profile.png) 0 0}
#Profile .navProfile {opacity:1; -moz-opacity: 1;}
#Profile .subnav li, #Services .subnav li, #Projects .subnav li, #News .subnav li  {opacity:1; -moz-opacity: 1;}
#Profile .navProfile, #Studio .navProfile, #People .navProfile, #Awards .navProfile {opacity:1; -moz-opacity: 1;}
#Profile .subnavProfile, #Studio .subnavProfile, #People .subnavProfile, #Awards .subnavProfile {display:block}

.navStudio {background:url(../images/nav/studio.png)}
#Studio .navStudio {opacity:1; -moz-opacity: 1;}
.navPeople {background:url(../images/nav/people.png)}
#People .navPeople {opacity:1; -moz-opacity: 1;}
.navAwards {background:url(../images/nav/awards.png)}
#Awards .navAwards {opacity:1; -moz-opacity: 1;}


.navServices {background:url(../images/nav/services.png)}
#Services .navServices {opacity:1; -moz-opacity: 1;}
#Services .navServices, #Architecture .navServices, #Landscape .navServices, #Interior .navServices {opacity:1; -moz-opacity: 1;}
#Services .subnavServices, #Architecture .subnavServices, #Landscape .subnavServices, #Interior .subnavServices {display:block;}

.navArchitecture {background:url(../images/nav/architecture.png)}
#Architecture .navArchitecture {opacity:1; -moz-opacity: 1;}
.navLandscape {background:url(../images/nav/landscape.png)}
#Landscape .navLandscape {opacity:1; -moz-opacity: 1;}
.navInterior {background:url(../images/nav/interior.png)}
#Interior .navInterior {opacity:1; -moz-opacity: 1;}


.navProjects {background:url(../images/nav/projects.png)}
#Projects .navProjects, #Commercial .navProjects, #Residential .navProjects, #Hospitality .navProjects, #Community .navProjects, #Health .navProjects, #Educational .navProjects, #Interiors .navProjects, #Conservation .navProjects, #EstatePlanning .navProjects, #Masterplanning .navProjects, #UrbanDesign .navProjects, #WSUD .navProjects, #VisualAssessment .navProjects, #Retail .navProjects {opacity:1; -moz-opacity: 1;}
#projectpage .navProjects {opacity:1; -moz-opacity: 1;}
#Projects .subnavProjects, #projectpage .subnavProjects, #Commercial .subnavProjects, #Residential .subnavProjects, #Hospitality .subnavProjects, #Community .subnavProjects, #Health .subnavProjects, #Educational .subnavProjects, #Interiors .subnavProjects, #Conservation .subnavProjects, #EstatePlanning .subnavProjects, #Masterplanning .subnavProjects, #UrbanDesign .subnavProjects, #WSUD .subnavProjects, #VisualAssessment .subnavProjects, #Retail .subnavProjects {display:block;}
#projectpage .subnavProjects .navFilter {display: none;}

.navCommercial{background:url(../images/nav/commercial.png)}
#Commercial .navCommercial {opacity:1; -moz-opacity: 1;}
.navResidential{background:url(../images/nav/residential.png)}
#Residential .navResidential {opacity:1; -moz-opacity: 1;}
.navHospitality{background:url(../images/nav/hospitality.png)}
#Hospitality .navHospitality {opacity:1; -moz-opacity: 1;}
.navCommunity{background:url(../images/nav/community.png)}
#Community .navCommunity {opacity:1; -moz-opacity: 1;}
.navHealth{background:url(../images/nav/health.png)}
#Health .navHealth {opacity:1; -moz-opacity: 1;}
.navEducational{background:url(../images/nav/educational.png)}
#Educational .navEducational {opacity:1; -moz-opacity: 1;}
.navInteriors{background:url(../images/nav/interiors.png)}
#Interiors .navInteriors {opacity:1; -moz-opacity: 1;}
.navConservation{background:url(../images/nav/conservation.png)}
#Conservation .navConservation {opacity:1; -moz-opacity: 1;}
.navEstatePlanning{background:url(../images/nav/estateplanning.png)}
#EstatePlanning .navEstatePlanning {opacity:1; -moz-opacity: 1;}
.navMasterplanning{background:url(../images/nav/masterplanning.png)}
#Masterplanning .navMasterplanning {opacity:1; -moz-opacity: 1;}
.navUrbanDesign{background:url(../images/nav/urbandesign.png)}
#UrbanDesign .navUrbanDesign {opacity:1; -moz-opacity: 1;}
.navWSUD{background:url(../images/nav/wsud.png)}
#WSUD .navWSUD {opacity:1; -moz-opacity: 1;}
.navVisualAssessment{background:url(../images/nav/visualassessment.png)}
#VisualAssessment .navVisualAssessment {opacity:1; -moz-opacity: 1;}
.navRetail{background:url(../images/nav/retail.png)}
#Retail .navRetail {opacity:1; -moz-opacity: 1;}


.navViewall {background:url(../images/nav/viewall.png)}
#Projects .subnav .navFilter {background:url(../images/nav/filter.png); opacity:.3;}


.navNews {background:url(../images/nav/news.png)}
#News .navNews {opacity:1; -moz-opacity: 1;}
#News .navNews, #Latestnews .navNews, #Newsletters .navNews {opacity:1; -moz-opacity: 1;}
#News .subnavNews, #Latestnews .subnavNews, #Newsletters .subnavNews {display:block;}

.navLatestnews {background:url(../images/nav/latestnews.png)}
#Latestnews .navLatestnews {opacity:1; -moz-opacity: 1;}
.navNewsletters {background:url(../images/nav/newsletters.png)}
#Newsletters .navNewsletters {opacity:1; -moz-opacity: 1;}






	






/* TYPOGRAPHY */

.content h1 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform:lowercase;
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	margin: 4px 0 0 0;
	}

.content p {
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: white;
	width:220px;
	margin: 20px 0 0 0;
	}
	
.projectlist h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform:lowercase;
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	margin: 4px 0 0 0;
	height:21px;
	}
	
#News .content h1 {margin-bottom: 20px;}
#Latestnews .content h1 {margin-bottom: 20px;}
#Newsletters .content h1 {margin-bottom: 20px;}
	
.newsitem h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform:lowercase;
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	margin: 4px 0 0 0;
	}

.content .newsitem p {
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: white;
	width:340px;
	margin: 10px 0 0 0;
	}

#peoplelist li {	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	padding: 0px 0 8px 0 ;
	height:17px;
	vertical-align: middle;
	overflow: hidden;
	list-style: none;
	text-transform: lowercase;	
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	opacity: .3;	
	-moz-opacity: 0.3;
	}
	
#peoplelist li:hover {opacity: 1; -moz-opacity: 1;}
#peoplelist .select {opacity: 1; -moz-opacity: 1;}
#peoplelist li a {padding-top: 4px; height: 24px;}
	
#content div {float:left; margin: 0 0px 45px 20px}
#content div.leftCol {margin-left: 0px;}
#content div p { width:220px;}

#details div p {width: 100px !important;}
#details div h1 {height: 10px; width: 100px;}

a {color:white; text-decoration: none;}
a:hover {color: #917f71;}

#peoplelist li a {width:100px; height: 25px; display:block;}

#projectdesc p {width:220px; margin: 0 0 20px 0;}
#projectdesc .small {
	font-size: 10px; 
	line-height: 12px;
	text-indent: -10px;
	padding-left: 10px;
	width: 210px;
	}
	
#projectdesc ul {
	list-style: none;
	width: 210px;
	margin-top: 0;
	margin-left:0;
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
}

#projectdesc li a {display: inline-block;margin-left: 10px;}

#prevnew{
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.9999;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: white;
	width:700px;
	margin: 10px 0 0 0;
}

.previous {
	float: left;
}

.newer {
	float: right;
}

.newslist {
	border-bottom: 1px solid #fff;
/* 	height: 35px; */
	display:block;
	width: 700px;
	padding: 8px 0;
	}
	
.newslist h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform:lowercase;
	-moz-opacity: 0.9999;
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
/* 	float:left; */
	margin:0;
	}

.newslist p.byline  {
	text-shadow: rgba(255, 255, 255, .01)  0px -1px 1px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	line-height: 16px;
	color: white;
	width:320px ;
	margin: 0 0 0 0;
/* 	float: right; */
	}
	
.newslist:hover h2 a, .newslist:hover p {
	color:#917f71;
}

#Latestnews .byline {
		-moz-opacity: 0.5;
	opacity: 0.5;
}

#Awards  p {
	font-size: 10px; line-height: 12px;
}

#content .noleftmargin {margin-left: 0}


#launch {
	position:absolute;
	top: 175px;
        left: 30px;
	width: 220px;
	min-height: 100px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 50;
	border-top: 1px solid white;
	}

#launch p {font-size:12px}