/*
   style.css
   Fulton Trotter Architects
   
   Created by Callum Wilson on 2010-05-04.
   Copyright 2010 Oxygen Kiosk Pty Ltd. All rights reserved.
*/
/* Colours & Sizes
text: #000
green highlight: #9c0
---------------------------------------- */


/* Global Reset and base settings
---------------------------------------- */
* {margin: 0; padding: 0;}
/*html, body {height:100%;}*/
body {font: 11px/16px normal Arial, Helvetica, Sans-Serif; color: #000; background: #fff url('../images/repeating-band.png') left 119px repeat-x; padding-left:30px;}

/* Typography
---------------------------------------- */
h2, h3, h4, h5, h6 {font-weight:normal;}
	h2 a, h3 a {text-decoration:none;}
p, li, td, th, dd, dt, legend {font:12px/16px normal Arial, Helvetica, Sans-Serif;}
p, ul, ol, dl {margin: 12px 0 6px 0;}
/*	p + p, ul + p {margin: 0;}*/
a:link {color:#9c0; text-decoration: none;}
a:visited {color:#9c0; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {}
p + ul, p + ol, p + dl {margin:6px 0;}
li {padding-left:1em; margin-bottom:6px;}
ul li {background: url('../images/bullet.png') left 4px no-repeat; list-style: none;}

dl {}
dt, dd {margin: 5px 0;}
dt {float:left; clear:both; width:100px; font-size: 1.090909em; line-height: 1.333333em;}
dd {font-size: 1.090909em; line-height: 1.333333em; float:right; width:500px;}
h1 {}
h2 {font-size:20px; color:#9c0; line-height:20px;}
/*	div.pullquote + h2 {margin-top: 24px; line-height:1px;}*/
h3 {font-size:15px; color:#9c0; line-height: 20px; margin:12px 0; margin-bottom:0px;}
	h3 + p {margin-top:0px;}
h4 {font-size:1em; font-weight:bold;}
h5 {}
h6 {}
table {width:100%; border-collapse: collapse; margin-top:8px;}
	table thead {border-bottom:1px solid #9c0;}
	table tr {border-bottom:1px solid #9c0;}
		table tr:last-child {border-bottom:none}
	table tr th {font-size:16px; text-align:left; padding-bottom:5px;}
	table tr td {font-size:12px; padding: 5px 0; vertical-align:top;}
		table tr td:first-child {width:150px;}
		table tr td:nth-child(2) {width:100px;}
		table tr td:nth-child(3) {width:400px;}
		
		table tr td ul {margin: 0;}
			table tr td ul li {margin-bottom: 0;}
			table tr td p {margin: 0;}

/* Images
---------------------------------------- */
a img {border: none;}

/* Logo
---------------------------------------- */
h1#logo {padding-top:35px; margin-bottom:20px;}
	h1#logo a {display:block; width:200px; height:42px; background:transparent url('../images/logo.png') center no-repeat;}

/* Navigation
---------------------------------------- */
/* Main */
ul#nav {float:left; margin:0;}
	ul#nav li {float:left; background:none; padding:0; margin:0; font-size:13px; text-transform:lowercase; position:relative;}
		ul#nav li a {float:left; color: #000; font-weight:bold; text-decoration:none;margin-right:15px; padding-bottom:6px;}
		ul#nav li a:hover, ul#nav li.active a {color: #9c0;}
		
		/* Second Level */
		ul#nav li ul {
			position:absolute; 
			width:130px; 
			top:10px; 
			left:-9999em; 
			background: transparent url('../images/fifty.png') top left repeat; 
			background:rgba(0,0,0,0.5);
			padding: 5px 0;
		} 
		ul#nav li:hover ul, ul#nav li.sfHover ul {left:auto;}
			ul#nav li ul li {color: #fff; float: none;}
				ul#nav li ul li.haschild {background: transparent url('../images/menu-marker.png') 115px center no-repeat;}
			ul#nav li ul li a {color: #fff; float: none; margin-right:0; margin-bottom:0; padding: 2px 15px 2px 15px; display:block; font-weight:normal;}
			ul#nav li.active ul li a {color: #fff;}
			
			/* Third Level */
			ul#nav li ul li ul, ul#nav li:hover ul li ul {left: -9999em; top:-12px;}
			ul#nav li ul li:hover ul, ul#nav li ul li.sfHover ul {left: 130px;}
			
			/* Fourth Level */
			ul#nav li ul li ul li ul, ul#nav li:hover ul li ul li ul {left: -9999em; top:-12px;}
			ul#nav li ul li ul li:hover ul, ul#nav li ul li ul li.sfHover ul {left: 130px;}

/* Sub */
div#sub-mask {clear:left;height:230px; overflow:hidden; width:280px; float:left; margin-right:30px; margin-top:28px; position:relative; z-index:2;}
	body.nojs div#sub-mask {overflow:auto;} /*this is applied only if js is not enabled */
ul.cat_menu {margin:0; position:relative;}
	ul.cat_menu li {font-size:20px; color:#fff;background:none; margin:0; padding:0; line-height:20px;}
	ul.cat_menu li a {color:#fff;text-decoration:none;}
		ul.cat_menu li ul {font-size:12px; color:#000;}
			ul.cat_menu li ul li {font-size:12px; color:#000; line-height:16px;}
				ul.cat_menu li ul li a {color:#000; text-decoration:none;}
					ul.cat_menu li ul li a:hover {color:#fff;}
					
ul.cat_menu-tools, ul.category-thumbnails-tools {position:absolute; bottom: 4px; left:0; z-index: 3;}
ul.cat_menu-tools {margin: 0; bottom: 0px;}
	ul.cat_menu-tools li, ul.category-thumbnails-tools li {background: 0; padding:0; float:left; margin-right:5px; margin-bottom: 4px;}
		ul.cat_menu-tools li a, ul.category-thumbnails-tools li a {display:block; float:left; width:15px; height:15px; text-indent:-9999em;}
		ul.cat_menu-tools li.up a, ul.category-thumbnails-tools li.up a {background:transparent url('../images/buttons.png') 0 -30px no-repeat;}
		ul.cat_menu-tools li.down a, ul.category-thumbnails-tools li.down a {background:transparent url('../images/buttons.png') 0 -45px no-repeat;}
/* Seach form
---------------------------------------- */
#header form {width:150px; float:right; position:relative; top:-5px;}
	#header form * {vertical-align:middle;}
		#header form label {position:absolute; top:5px; left:5px}
	#header form input[type="text"] {width:125px; height:18px; line-height:18px;border:1px solid #000; background:#fff; vertical-align:middle; margin-top:2px;}

/* Search Results
---------------------------------------- */
ul#results, ul#results li {list-style: none; margin: 0; padding: 0; background: none;}
ul#results li {margin: 10px 0;}
	ul#results li p {margin: 0;}

/* Featured Image
---------------------------------------- */
div#featured-image {height: 100%; position:relative; z-index: 1; }
	body.contact div#featured-image, 
	body.links div#featured-image,
	body.tenders div#featured-image,
	body.site-map div#featured-image,
	body.search div#featured-image,
	body.tenders div#featured-image,
	div#featured-image img {float:left;position:relative; z-index: 1;}
	body.text div#featured-image, body.method div#featured-image, div#featured-image.small-image  {padding-left:340px; margin-left: -30px;}
		body.method	div#featured-image.topquote{margin-left: -30px;}
ul#thumbs {margin:0; background:url('../images/thumbs-background.png') left top repeat; margin-bottom:20px;}
	ul#thumbs li {background: none; padding:0; margin-right:2px; float:left; width:60px; height:40px; margin-bottom:0; position:relative;}
	ul#thumbs li:last-child {margin-right: 0;}
		ul#thumbs li img {display:block;}
		
/* Featured Blockquote
---------------------------------------- */
div#featured-image blockquote {left: 340px; bottom: 10px; position:absolute;}
	div#featured-image blockquote p.quote {color: #fff; font-size:18px; line-height:1; margin-top:0; margin-bottom: 0;}
	div#featured-image blockquote p.citation {color: #000; font-size:10px; margin-top: 0;}
	
	div#featured-image.small-image blockquote {left: 370px;}

/* Contact Forms
---------------------------------------- */
form.zemContactForm {width:350px;}
	form.zemContactForm fieldset {border: none;}
		form.zemContactForm fieldset legend {color: #9c0; font-size:14px; font-weight:normal; margin-bottom:5px;}
		form.zemContactForm fieldset ol {list-style: none; margin: 0; padding: 0;}
			form.zemContactForm fieldset ol li {list-style: none; margin: 0; padding: 0;}
				form.zemContactForm fieldset ol li label {display:block;}
				form.zemContactForm fieldset ol li label.zemRequired:after {content: "*";}
			form.zemContactForm fieldset ol li.name,form.zemContactForm fieldset ol li.phone, form.zemContactForm fieldset ol li.email {float:left; width:50%; }
			form.zemContactForm textarea {font: 11px/16px normal Arial, Helvetica, Sans-Serif; color: #000; background: #fff; padding: 5px;}
			

/* Layout
---------------------------------------- */
#wrapper {width:928px;}
#header {height:119px; position:relative; z-index: 3;}
#band {position:relative; margin-bottom:5px; z-index: 2; height: 300px;}
#content {position:relative; padding-top:20px;}

/* Individual Page Styles
---------------------------------------- */
body.projects #content, body.text #content, body.method #content, body.people #content, body.contact #content, body.links #content, body.news #content, body.site-map #content, body.search #content, body.tenders #content, #errorcontent {margin-left:310px;}

/* Home Page
---------------------------------------- */
body.default #content {padding-top:5px;}

.fadein { position:relative; width:618px; height:300px; float: right; overflow: hidden;  background: rgba(0,0,0,0.5);}
.fadein img { position:absolute; left:0; top:0; }

#welcome {width:270px; float:left;}
	#welcome p {color: #fff; font-size:16px; line-height:23px; margin-top:25px; margin-bottom:16px;}
		#welcome p + p {margin-top:15px;}

ul.home-list, ul.home-list li {list-style: none; margin: 0; padding: 0; background:transparent;}
ul.home-list {float:left;}
	ul.home-list li {float: left; width: 130px; margin-right:10px; text-transform:uppercase; font-size:11px;}
	ul.home-list li a {color: #000; text-decoration:none;}
		ul.home-list li a:hover {color: #9c0;}
		ul.home-list li ul {margin: 0;}
		ul.home-list li li {float: none; width: auto; margin-right:0;}
		
		ul.home-list li ul.home-contact li a {color: #9c0;}
		ul.home-list li ul.home-contact li a:hover {color: #000;}

ul.news {list-style: none; margin: 0; padding: 0; float:right;}
	ul.news li {height:150px; width:150px; float:left; margin: 0; margin-right:6px; padding: 0; list-style: none; background: #99cc00 url('../images/home-thumb-bg.png') center bottom no-repeat; font-size:11px;}
	ul.news li:last-child, ul.news li.last {margin-right:0;}
		ul.news li a {text-decoration: none;}
			ul.news li a img {border: none;}
			ul.news li a span {color: #000;display:block; padding:2px 5px;}
			ul.news li a:hover span {color: #fff;}
/* Text */
body.text #content {}
div.pullquote {position:absolute; left: -320px; width:270px; margin-top: -2px; /*top:-19px;*/}
	div.pullquote blockquote p {font-size:16px; line-height:24px; color: #9c0; margin: 0;}
	div.pullquote p.citation {font-size:11px; font-weight:bold; margin-top:0; color: #000;}


/* Projects */
body.projects #content {margin-left:310px; padding-top:5px;}
body.projects #content h2 {margin-top: 15px;}
p.project-location {font-weight:bold; margin-top: 0;}
ul.project-tools {}
	ul.project-tools li {background: 0; padding:0; float:left; margin-right:18px; text-transform:uppercase; font-size:11px;}
		ul.project-tools li a {background: 0; padding:0; float:left; margin-right:5px; padding-left:20px; line-height:15px; text-decoration:none; color: #000;}
			ul.project-tools li a:hover {color: #9c0;}
			ul.project-tools li.map a {background:transparent url('../images/buttons.png') 0 0 no-repeat;}
			ul.project-tools li.pdf a {background:transparent url('../images/buttons.png') 0 -15px no-repeat;}

#featured-image ul {list-style: none; margin: 0; padding: 0; float:right;}
	#featured-image ul li {height:150px; width:150px; float:left; margin: 0; margin-right:6px; padding: 0; list-style: none; background: #99cc00 url('../images/home-thumb-bg.png') center bottom no-repeat; font-size:11px;}
		#featured-image ul li a {text-decoration: none;}
			#featured-image ul li a {text-decoration: none;}
				#featured-image ul li a span {color: #000;display:block;}

	#featured-image ul.category-thumbnails-tools  {left:auto; right:0;}
	#featured-image ul.category-thumbnails-tools li {height:auto; width:auto;}

div.category-thumbnails-mask {height: 300px; overflow: auto;}
body.projects div#featured-image, body.news div#featured-image {float: left;}
	body.projects div#featured-image .magnify {position:absolute; background: url('../images/magnify.png') top left; width:31px; height:30px; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; z-index: 50; display: none;} 
	body.projects div#featured-image:hover .magnify {display:block;} 
body.projects div#sub-mask.listing, body.news div#sub-mask.listing {margin-right: 24px;}
body.projects #featured-image ul.category-thumbnails-list {float: right; width: 624px; position:relative;}
	body.projects #featured-image ul.category-thumbnails-list li {margin-right: 0; margin-left:6px;background: none;}

body.projects ul#thumbs {margin-top: 5px;}
	body.projects ul#thumbs li span {display:none; position:absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px;background: url('../images/magnify.png') top left; width:31px; height:30px; } 
	body.projects ul#thumbs li:hover span {display:block;} 
		body.projects ul#thumbs li.thevideo:hover span {display:none;} 


#mapwrap, #videowrap {display: none;}

/* People
---------------------------------------- */
p.email-link a {padding-left:20px; line-height:17px; height:15px;text-decoration:none; color: #000; background:transparent url('../images/buttons.png') 0 0 no-repeat; display:block;}
/* Site Map
---------------------------------------- */
body.site-map #content ul {margin: 0;}
body.site-map #content ul li {background: none;}
/*	body.site-map #content > ul > li {background-image: url('../images/content-arrow.png'); margin-left:30px;}*/

/* Links
---------------------------------------- */
body.links #content dl {width:auto;}
body.links #content dt {float: none; margin: 0; width:auto;}
body.links #content dd {float: none; margin: 0; width:auto;}

div.mem_list_head {font-size: 12px; font-weight:bold; border-bottom:1px solid #9c0; margin-bottom: 12px;}
ul.mem_list {padding-top: 12px; margin: 12px 0 12px;}

div.mem_list_column h4 {font-size: 12px; margin-bottom: 5px;}
div.mem_list_column a {display:block;}
	div.mem_list_column div.link-item {margin-bottom: 8px;}
		div.mem_list_column div.link-item p {margin: 0;}

/* About
---------------------------------------- */
body.method #content dl {}
	body.method #content dl dt {float: none; position:absolute; width:100px; margin: 0;}
	body.method #content dl dd {float:none; padding-left:100px; margin-bottom:1em; border-bottom:1px solid #9c0; padding-bottom:1em;}
		body.method #content dl dd strong {display:block;}


/* News
---------------------------------------- */
div.news-item {margin-bottom:2em;}
body.news ul#thumbs {margin-top:-20px;}
body.news #featured-image ul.category-thumbnails-list {float: right; width: 624px; position:relative;}
	body.news #featured-image ul.category-thumbnails-list li {margin-right: 0; margin-left:6px;background: none;}

	body.news ul#thumbs li span {display:none; position:absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px;background: url('../images/magnify.png') top left; width:31px; height:30px; } 
	body.news ul#thumbs li:hover span {display:block;} 

p.dateposted {font-weight:bold; margin-top: 0;}

/* Tenders
---------------------------------------- */
div.tenderdownloads {margin-bottom: 20px;}
h3.tenderdownloads {font-size: 20px; }
p.tenderdownload {margin-top: 6px;}
	p.tenderdownload a {text-decoration: none;}
		p.tenderdownload a:hover {text-decoration: underline;}
		
/* History
---------------------------------------- */
ul.history-gallery, ul.history-gallery li {list-style:none; margin:0; padding:0;}
	ul.history-gallery li {float: left; width:150px; margin-right:4px; height: 150px; font-size: 10px;}
		ul.history-gallery li a {color: #000; text-decoration: none;}
		ul.history-gallery li img, ul.history-gallery li span {display:block;}

/* Search
---------------------------------------- */
p.results-count {font-weight:bold;}

/* Tools
---------------------------------------- */
#header:after, #band:after, ul#thumbs:after, #content:after, ul.home-list:after, body.contact #content dl:after, .category-thumbnails-list:after, ul.history-gallery:after { /* For modern browsers */
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}

#header, #band, ul#thumbs, #content, ul.home-list, body.contact #content dl, .category-thumbnails-list, ul.history-gallery { display : inline-block; } /* For IE6/7 */
#header, #band, ul#thumbs, #content, ul.home-list, body.contact #content dl, .category-thumbnails-list, ul.history-gallery { display : block; } /* For IE6/7 */