/*
*		CSS
*	
*		@media:		screen
*		@author:		Max Wheeler, Icelab Pty Ltd
*		@created_on:	2008-03-27.
*
===============================================*/

@media screen
{
body { width: 760px; margin: 0 auto; padding: 30px 0; font-size:10pt;}
#backto { display: block !important; margin-bottom: 40px; font-style: italic; text-align: left; color: #444;}
	#backto a { color: #444; font-weight: normal;}
}

#backto { display: none; }

h1 {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: .25em;
	padding-bottom: .6em;
	border-bottom: 1px #666 solid;
	display: block;
}

.wrapper:after { 
content:  "."; 
display: block;
height: 0;
_height: 1%;
clear: both;
line-height: 0;
visibility: hidden;
}

/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */ 

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */

/* If you have navigation on your site, you might want to add something like this: */
#globalnav,
#footer ul,
#crumbs,
.services #projects,
.popeye-stagewrap,
.popeye-tools-wrap,
.jumpto,
.office .vcard .url,
#office-locations,
#printview
{ display:none }

.large,
.intro {
	font-size: 120%;
}

.small-title {
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: .25em;
	margin: .8em 0 1.4em;
}

.vcard {
	overflow: hidden;
	zoom: 1;
	clear: left;
	padding-bottom: 1em;
	width: auto !important;
}
	.vcard img,
	.person img,
	.office img,
	.home #services ul li img {
		border: 1px #111 solid;
		margin: .05em 1em .5em 0;
	}
		#seniors .person img {
			margin-top: 1.5em;
		}
	.vcard span.title {
		display: block;
	}

#seniors {
	margin-top: 3em;
}

.staff .small-title {
	border-top: 1px #111 solid;
	padding-top: .7em;
	margin-bottom: 0.7em;
}

.person,
.office {
	overflow: hidden;
	zoom: 1;
	border-top: 1px #ccc solid;
}
	.person h4,
	.office h3 {
		font-size: 120%;
		margin-bottom: 0;
	}
		.office h3 {
			margin-bottom: .5em;
		}
	.person h5 {
		margin-top: 0;
		margin-bottom: .8em;
	}
.office .vcard {
	display: inline;
}
	.office .vcard .street-address,
	.office .vcard .tel {
		display: block;
	}
		.office .vcard .phone {
			margin-top: .8em;
			clear: left;
		}
.office .contacts {
	clear: left;
}
	.office .small-title {
		margin-bottom: .8em;
		margin-top: 1.4em;
	}
		.office .contacts .vcard {
			display: block;
		}
			.office .contacts .vcard .title,
			#contacts .vcard .title {
				font-style: italic;
			}
			.vcard .email {
				font-weight: normal;
				text-decoration: none;
			}
			.office .contacts .vcard .tel {
				display: inline;
			}
				.office .contacts .vcard .phone {
					margin-top: 0;
				}

#content h2 {
	font-size: 160%;
	margin-bottom: .5em;
	margin-top: 0.5em;
}
#content #details.project h2 {
	border: 0;
	margin-bottom: 0;
	padding-bottom: .1em;
}
	h3.client {
		margin: 0 0 .5em;
		font-weight: normal;
		font-style: italic;
		font-size: 110%;
	}

#footer {
	margin-top: 1.5em;
	clear: both;
	border-top: 1px #666 solid;
	font-style: italic;
}
	#footer p {
		float: none;
		text-align: left;
	}
	
.services #images {
	float: right;
	margin-left: 2em;
	width: 152px;
}
	.services #images ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block !important;
	}
	.services #images ul li {
		background: none !important;
		margin: 0;
		padding: 0;
		line-height: 0;
	}
		.services #images img {
			height: 150px;
			width: 150px;
			margin: 0 0 .5em 0;
			border: 1px #111 solid;
		}
		#contacts {
			margin-top: 2em;
		}
		#contacts h3 span {
			font-style: italic;
			letter-spacing: 0;
			text-transform: none;
		}
		
#client-list img {
	display: none;
}

.home #services,
.home #news {
	border-top: 1px #ccc solid;
}
	.home #services ul {
		list-style: none;
		padding: 0;
	}
		.home #services ul li {
			overflow: hidden;
			zoom: 1;
		}
		.home #services ul li a {
			text-decoration: none;
			font-size: 120%;
		}
		.home #services ul li img {
			margin-top: 0;
			height: 35px;
			width: 55px;
		}