/* general
--------------------------------------------------- */

body * {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 62.5%;
}

img {
	display: block;
}

em, cite {
	font-style: italic;
}

strong {
	font-weight: bold;
}

acronym {
	border-bottom: 1px rgb(180,180,180) dotted;
	cursor: help;
}

ul {
	list-style: none;
}

hr, .hide {
	display: none;
}

.italic {
	font-style: italic;
}

cite {
	font-style: italic;
}

a {
	color: #000;
	text-decoration: underline;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
}



/* header
--------------------------------------------------- */

div#header-image {
	display: none;
}



/* logo
--------------------------------------------------- */

div#logo {
	display: none;
}



/* primary navigation
--------------------------------------------------- */

ul#primary-nav {
	display: none;
}



/* section heading
--------------------------------------------------- */

h2#section-heading {
	font-size: 3em;
	font-weight: normal;
	border-bottom: 1px solid rgb(200,200,200);
	margin-bottom: 1em;
}



/* gallery-wrapper
--------------------------------------------------- */

div#gallery {
	margin-bottom: 2.5em;
}

div#gallery div.project-title h2 {
	font: normal 1.8em/1.3 Georgia, serif;
	margin-bottom: 0.3em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

div#gallery div.project-title h2 a {
	text-decoration: none;
}

div#gallery div.project-title p {
	font: 1.1em/1 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: rgb(80,80,80);
	margin-bottom: 2em;
}

div#gallery div.project-title span.timeframe {
	color: rgb(80,80,80);
	text-transform: none;
	font-style: italic;
	font-size: 1.1em;
	letter-spacing: normal;
}

div#gallery img {
	border: 1px solid rgb(200,200,200);
	padding: 3px;
}

div#gallery img#g-placeholder {
	position: relative;
}

div#gallery p#g-caption {
	font: italic 1.1em Verdana, serif;
	padding: 10px 0;
}

div#gallery div.thumbnails {
	float: left;
	width: 100%;
}

div#gallery ul#g-thumbnails {
	float: left;
}

div#gallery ul#g-thumbnails li {
	float: left;
	margin-right: 10px;
}

div#content h3.proj-overview {
	font-size: 1.6em;
	margin-top: 0;
	margin-bottom: 1em;
}



/* project-listing
--------------------------------------------------- */

div#project-listing {
	display: none;
}



/* main-wrapper
--------------------------------------------------- */

div#main img {
	padding: 3px;
	border: 1px solid rgb(200,200,200);
}

div#main img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 0.5em;
}



/* content
--------------------------------------------------- */

div#content {
	color: rgb(40,40,40);
	font-family: Georgia, serif;
}

div#content h3 {
	font: normal 1.6em Georgia, serif;
	padding-bottom: 0.1em;
	border-bottom: 1px solid rgb(200,200,200);
	margin-bottom: 0.2em;
	margin-top: 1.4em;
	color: #000;
}

div#content p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin-bottom: 1.2em;
}

div#content p.opening {
	margin-bottom: 2.1em;
}

div#content span.caps {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.9em;
}



/* content - portfolio listing
--------------------------------------------------- */

div#content div.folio-item {
	width: 100%;
	float: left;
	clear: left;
	padding-bottom: 1.6em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.6em;
}

div#content div.folio-item h4 {
	font: normal 1.8em Georgia, serif;
	font-style: normal;
}

div#content div.folio-item h4 a {
	text-decoration: none;
}

div#content div.folio-item h4 img {
	float: left;
	margin-right: 20px;
	position: relative;
	top: 1px;
}

div#content div.folio-item h4 a:hover img {
	border: 1px solid rgb(170,170,170);
}

div#content div.folio-item p {
	margin-left: 120px;
	margin-bottom: 0;
	font-style: italic;
}

div#content div.folio-item p.links {
	margin-left: 122px;
}



/* content - portfolio listing
--------------------------------------------------- */

div#content div.list-item {
	width: 100%;
	float: left;
	clear: left;
	padding-bottom: 1.6em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.6em;
}

div#content div.list-item h4 {
	font: normal 1.7em Georgia, serif;
	font-style: normal;
}

div#content div.list-item h4 a {
	text-decoration: none;
}

div#content div.list-item h4 img {
	float: left;
	margin-right: 20px;
	position: relative;
	top: 1px;
}

div#content div.list-item p {
	margin-left: 78px;
	margin-bottom: 0;
}



/* content - client comments
--------------------------------------------------- */

div#content div.comments {
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;	
}

div#content div.comments p.comments {
	font-style: italic;
	margin-bottom: 0.5em;
}

div#content div.comments p.source {
	color: rgb(136,104,0);
	margin: 0;
	font: 1em/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}



/* content - slides
--------------------------------------------------- */

div#slides-wrapper {
	display: none;
}



/* content - enquiries form
--------------------------------------------------- */

div#content form {
	float: left;
	width: 540px;
}

div#content div.form-field {
	border-bottom: 1px dotted rgb(210,210,210);
	padding: 0.8em 0;
	float: left;
}

div#content div.form-field label {
	float: left;
	width: 100px;
	color: rgb(122,110,83);
	color: rgb(80,80,80);
	font-size: 1.2em;
	font-style: italic;
	position: relative;
	top: 7px;
	display: block;
}

div#content div.form-filter label {
	top: 3px;	
}

div#content div.form-field input, div#content div.form-field textarea {
	float: left;
	width: 270px;
	border: 1px solid rgb(180,180,180);
	padding: 6px 4px;
	font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: rgb(50,50,50);
}

div#content div.form-field textarea {
	width: 410px;
}

div#content div.form-field input#enq-filter {
	width: 100px;
	float: none;
}

div#content div.form-field div.text {
	float: left;
	width: 418px;
}

div#content div.form-field div.text p {
	color: rgb(80,80,80);
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0.6em;
}

div#content div.form-field div.text p.note {
	font-style: italic;
}

div#content div.form-field div.text p.que {
	color: rgb(50,50,50);
}

div#content div.form-field input.submit {
	float: left;
	position: relative;
	left: 100px;
	background: rgb(63,100,121);
	color: #fff;
	padding: 0.6em 2em;
	font: italic 1.2em/1.6 Georgia, "Times New Roman", Times, serif;
	width: auto;
	margin: 0;
	border: 3px double;
}

div#content div.form-field input.submit:hover, div#content div.form-field input.submit:active, div#content div.form-field input.submit:focus {
	cursor: pointer;
	background: rgb(87,123,143);
	border: 3px double;
	color: #fff;
}



/* sidebar
--------------------------------------------------- */

div#sidebar {
	display: none;
}




/* home page styles
--------------------------------------------------- */

body#home h3#home-intro {
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: 1em;
	border-bottom: 1px dashed rgb(180,180,180);
	margin-bottom: 1em;
}

body#home p#home-links {
	display: none;
}

body#home div#content h3 {
	margin: 0 0 1em 0;
	font-size: 1.6em;
}

body#home div#content h4 {
	font-style: normal;
}

body#home div#content h4 a {
	text-decoration: none;
}

body#home div#content img {
	margin-bottom: 0.4em;
}

body#home div#content p.summary {
	margin-bottom: 0.5em;
}

body#home div#content p.links {
	font: 1em/1 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 0;
}



/* home page styles - featured-project
--------------------------------------------------- */

body#home div#content div.featured-project {
	margin-bottom: 3em;
}

body#home div#content div.featured-project h4 {
	font: normal 2.1em/1 Georgia, serif;
	margin-bottom: 0.3em;
}

body#home div#content div.featured-project h4 a {
	text-decoration: none;
}

body#home div#content div.featured-project p.summary {
	line-height: 1.5em;
}



/* home page styles - recent-projects
--------------------------------------------------- */

body#home div#content div.recent-projects {
	float: left;
	width: 540px;
	margin-bottom: 1.8em;
}

body#home div#content div.recent-projects div.wrapper {
	width: 540px;
	float: left;
}

body#home div#content div.recent-project {
	width: 255px;
	margin-bottom: 1.4em;
}

body#home div#content div.recent-project a.image-link {
	border: none;
}

body#home div#content div.recent-project a.image-link:hover img {
	border: 1px solid rgb(170,170,170);
}

body#home div#content div.recent-projects div.left {
	float: left;
	width: 255px;
	padding-right: 14px;
	border-right: 1px dotted rgb(200,200,200);
}

body#home div#content div.recent-projects div.right {
	float: right;
	width: 255px;
}

body#home div#content div.recent-project h4 {
	font: normal 1.6em/1em Georgia, serif;
	margin-bottom: 0.4em;
}

body#home div#content div.recent-project h4 a {
	text-decoration: none;
}

body#home div#content div.recent-project p.summary {
	line-height: 1.5em;
	font-style: italic;
}

body#home div#content div.recent-project p.links {
	border-bottom: 1px dotted rgb(200,200,200);
	padding-bottom: 1.5em;
}

body#home div#content div.recent-projects div.left p.links {
	width: 255px;
}

body#home p.more {
	clear: left;
}



/* footer
--------------------------------------------------- */

div#footer-wrapper {
	display: none;
}