body { margin: 17px 18px ; background-color: #66696c; opacity: 0.999 ; }

a { color: #fff ; text-decoration: none ; outline: none ; }

#container { position: relative ; }

#branding { height: 108px ; color: #fff ; background: transparent url(/images/site/logo.png) no-repeat left top ; }
#branding a { display: block ; width: 156px ; height: 108px ; text-indent: -9999px ; }

#navmain { position: absolute ; left: 158px ; top: 0 ; width: 247px ; height: 64px ; padding: 22px 15px 22px ; 
           background: transparent url(/images/site/grey95.png) repeat left top ; line-height: 1.3; }
#navmain ul { list-style: none ; }
#navmain li { float: left ; position: relative ; margin-top: 0 ;  }
#navmain a { margin-right: 3px ;  padding: 0 15px 0 2px ; 
             background: transparent url(/images/site/slash.png) no-repeat right 3px ;
             font-size: 1.5em ; text-transform: lowercase ; color: #999 ; }
#navmain a:hover { margin-top: 0 ; }
#taster #navmain a{ color: #fff ; }

#navmain li.active a { color: #fff ; }
#navmain li.first a { padding-left: 0 ; }
#navmain li.last a { padding-right: 0 ; background: none ; }
#navmain li a:hover, 
#taster #navmain li a:hover { color: #cccccc; text-decoration: none ; }
#navmain li.active a:hover { cursor: default; color: #ffffff; }

#navsection { position: absolute ; left: 17px ; top: 122px ; width: 156px ;
	          font-size: 1.1em ; font-weight: bold ; line-height: 14px ; z-index: 3; }
#navsection h4 { position: absolute ; height: 0 ; left: -9999px ; }
#navsection ul.sections { width: 123px ; list-style: none ; }
#navsection ul.articles { position: absolute ; left: 156px ; top: 0 ; width: 230px ; list-style: none ; }
#navsection li.active a,
#navsection li.active li.active a { color: #f8981c ; }
#navsection li.active li a { color: #fff ; font-weight: normal ; }
#navsection li a:hover,
#navsection li.active a:hover,
#navsection li.active li a:hover,
#navsection li.active li.active a:hover { color: #999 ; }

#navcontent { height: 27px; position: absolute; left: 435px; top: 446px;
	padding-left: 14px; margin: 0; border-left: 2px solid #66696c;
	font-size: 10px; line-height: 26px; color: #999999; z-index: 10; }
	
#navcontent .prevnotactive { position: absolute; left: 30px; top: 2px; height: 27px; width: 10px; text-indent: -9999px;
							 background: transparent url(/images/site/up_999.png) no-repeat -4px top; }
#navcontent .prevactive { position: absolute; left: 30px; top: 2px; height: 27px; width: 10px; text-indent: -9999px;
						  background: transparent url(/images/site/up_fff.png) no-repeat -4px top; }
#navcontent .prevnotactive a, #navcontent .prevactive a { display: block; height: 27px;  }

#navcontent .nextnotactive { position: absolute; left: 20px; top: 2px; height: 27px; width: 10px; text-indent: -9999px;
							 background: transparent url(/images/site/down_999.png) no-repeat -4px top; }
#navcontent .nextactive { position: absolute; left: 20px; top: 2px; height: 27px; width: 10px; text-indent: -9999px;
						  background: transparent url(/images/site/down_fff.png) no-repeat -4px top; }
#navcontent .nextnotactive a, #navcontent .nextactive a { display: block; height: 27px;  }

#navportfolio { position: absolute ; left: 820px ; top: -108px ; width: 67px ; height: 108px ; 
              color: #fff ; background: transparent url(/images/site/grey95.png) repeat left top ; }
#navportfolio h3 { position: absolute ; left: 0 ; top: 0 ; visibility: hidden ; }
#navportfolio ul { position: absolute ; left: 2px ; top: 27px ; width: 26px ; height: 8px ; 
				   background: transparent url(/images/site/angledquotes.png) no-repeat scroll left -8px; }
#navportfolio li { position: absolute ; list-style: none ; }
#navportfolio li.prev { left: 0 ; }
#navportfolio li.next { left: 16px ; }
#navportfolio a { display: block ; width: 8px ; height: 8px ; text-indent: -9999px ;
                  background: transparent url(/images/site/angledquotes.png) no-repeat left top ; font-size: 1px; }
#navportfolio li.next a { background-position: right top ; }  
   	
#navportfolio p { position: absolute ; left: -18px ; top: 73px ; width: 65px ;
                  text-align: center ; font-size: 11px ; line-height: 1.2 ; color: #999; }
#navportfolio p #currbkgrnd { color: #fff; }
#content p#backgroundpic { position: absolute ; left: 0 ; top: 0 ; visibility: hidden ; }

/* Downloads Navigation */

#navdownloads { margin-top: 1px; margin-left: 16px; font-size: 1.1em; }
#navdownloads li { padding-bottom: 4px; }
#navdownloads li a { font-weight: normal; }
#navdownloads li.active a { color: #f8981c; }

/* Content Styling */

#content { color: #fff ; position: relative; z-index: 2; }

#content-supp { position: absolute; left: 437px; top: -108px; padding: 27px 18px 0 ; width: 345px; height: 81px;
           		background: transparent url(/images/site/grey95.png) repeat left top ; }
#content-supp ul {
	color: #F8981C; 
	list-style: none;
	font-size: 1.1em;
}
#content-supp ul a {
	text-decoration: underline;
	color: #ffffff;
	line-height: 1.1;
}

#content h1 { color: #999 ; font-size: 1.5em ; font-weight: normal ; margin-bottom: 0.8em ; }
#content h1 span { color: #fff ; }
#content h1 { visibility: hidden; }
#taster #content h1,
#projects #content h1,
#notfound #content h1 { visibility: visible; }
#news #content h1 { visibility: visible; color: #F8981C; }
#content p#description { font-size: 1.1em ; line-height: 1.1 ; }
#content p#description #morelink { color: #F8981C; }
#content p#description a { text-decoration: underline; }

#content-main {
	width: 381px;
	height: 429px;
	padding-top: 17px;
	margin-left: 437px;
	font-size: 1.1em;
	line-height: 1.2;
	background: #66696c;
}
#taster #content-main { padding-top: 0; height: 0; }

#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 {
	margin: 0 18px 1.0em;
	line-height: 1.2;
	color: #F8981C
}
#content-main h2 { font-size: 2.4em; margin-bottom: 0.5em; }
#content-main h3 { font-size: 1.8; margin-bottom: 0.5em; }
#content-main h4 { font-size: 1.4; }
#content-main h5 { font-size: 1.2; font-weight: normal; margin-bottom: 0; }

#content-main p,
#content-main blockquote {
	margin: 0 18px 1.0em;
}
#content-main ul,
#content-main ol {
	margin: 0 18px 1.0em 18px ;
	list-style: none ;
}
#content-main ul ul,
#content-main ol ol,
#content-main ul ol,
#content-main ol ul {
	margin: 0 18px 1.0em;
}
#content-main li { margin-bottom: 0 ; }

#content-main a { text-decoration: underline; }

#content-main #picture1,
#content-main #picture2,
#content-main #picture3,
#content-main #picture4 { margin: 0 0 1.0em; }

#navartsreplacement { 
	position: absolute;
	left: 158px;
	top: auto;
}

#news #content-main p#projectlink { color: #F8981C; }
#news #content-main p#projectlink a { text-decoration: underline; }

#siteinfo { position: absolute ; left: 156px ; top: 61px ; width: 241px ; height: 33px ; 
			padding: 0 18px ; color: #fff ; font-size: 1.1em ; line-height: 1.1 ; }
#siteinfo .vcard .fn { position: absolute ; left: 0 ; top: 0 ; visibility: hidden ; }
#siteinfo .vcard .email { position: absolute ; right: 12px ; top: 0 ; }
p.note { position: absolute; left: 277px; top: -14px; width: 336px; }

#siteinfo-credits { background: transparent url(/images/site/grey95.png) repeat-x left top;
					width: 802px; padding: 8px 2px 8px 14px; clear: both; font-size: 9px;
					color: #999999; position: relative; z-index: 1; }
#siteinfo-credits .by { position: absolute; right: 12px; }
#siteinfo-credits .by a { color: #999; }
#siteinfo-credits .by a:hover { text-decoration: underline; }
#projects #siteinfo-credits { width: 871px; }
#taster #siteinfo-credits { display: none; }

/* Contact Page zoommap */

p.contact { position: relative; width: 381px; height: 270px; overflow: hidden; }
p.contact img { position: absolute; z-index: 2; }
#zoompic { position: absolute; left: 0; top: 0; z-index: 1; }

/* Studio - People */
#content-supp.person h1 { visibility: visible; }
#content-main.person img { margin: 0 18px 10px 18px; }
#content-main.person a { font-weight: bold; color: #F8981C; }
#content-main.person #navartsreplacement { top: 14px; }
#content-main.person #navartsreplacement h4 { margin-bottom: 0; font-size: 1.1em; font-weight: normal; line-height: 14px; }
#content-main.person #navartsreplacement ul { font-size: 1.0em; line-height: 14px; }
#content-main.person #navartsreplacement a { text-decoration: none; color: #ffffff; }
#content-main.person #navartsreplacement a:hover { color: #F8981C; }