body {
	font-family: Arial, Verdana;
	font-size: small;
	padding: 0;
	margin: 0;
	color: #666666;
}

img {
	border: none;
}

hr {
	border-color: #666666;
}

div#page {
	width: 700px;
	margin: 0 auto;
}

div#page div#header {
	height: 70px;
	padding: 30px 0 0 0;
	border-bottom: 1px solid #666666;
	overflow: auto;
}

div#page div#header img {
	float: left;
}

div#page div#navigation {
	float: right;
	padding: 10px 0 0 0;
}

div#page div#navigation ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

div#page div#navigation ul li {
	margin: 0 3px;
	float: left;
}

div#page div#navigation ul li a {
	color: #666666;
	text-decoration: none;
}

div#page div#navigation ul li a:hover,
div#page div#navigation ul li.selected a
{
	text-decoration: underline;
}

div#page div#content {
	width: 100%;
	margin: 20px 0;
	overflow: auto;
}

div#page div#footer {
	width: 100%;
	border-top: 1px solid #666666;
}

div#page div#footer p {
	text-align: right;
	font-size: 90%;
}

div#page div#content div.projectTypeBlock {
	width: 167px;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}

div#page div#content div.projectTypeBlock h2 {
	font-weight: 100;
	font-size: 125%;
	background: url(/assets/theme/images/background.png);
	color: #FFF;
	margin: 5px;
	padding: 5px 3px;
	position: absolute;
	bottom: 0px;
	width: 151px;
	text-transform: uppercase;
	font-style: italic;
	text-align: center;
}

div#page div#content div.projectTypeBlock h2 span {
	font-weight: 100;
	font-size: 70%;
}

div#page div#content div.projectTypeBlock h2 a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

div#page div#content div.projectTypeBlock div.moreInfo {
	background: url(/assets/theme/images/background.png);
	color: #FFF;
	margin: 5px;
	padding: 3px;
	position: absolute;
	bottom: 35px;
	width: 151px;
}

div#page div#content div.projectTypeBlock#public div.moreInfo {
	bottom: 58px;
}

div#page div#content div.projectTypeBlock div.moreInfo h3 {
	font-weight: 100;
	font-size: 120%;
	margin: 0;
	padding: 0;
}

div#page div#content div.projectTypeBlock div.moreInfo p {
	font-weight: 100;
	font-size: 100%;
	margin: 10px 0 0 0;
	padding: 0;
}

div#page div#content div.projectTypeBlock#privateHouses {
	margin: 0;
	background: url(/neon/download/file/projects-home/private-houses.png);
	height: 400px;
}

div#page div#content div.projectTypeBlock#residential {
	background: url(/neon/download/file/projects-home/residential.png);
	height: 400px;
}

div#page div#content div.projectTypeBlock#public {
	background: url(/neon/download/file/projects-home/commercial-public.png);
	height: 400px;
}

div#page div#content div.projectTypeBlock#masterplanning {
	background: url(/neon/download/file/projects-home/master-planning.png);
	height: 400px;
}

div#page div#content div.projectTypeBlock.detailInfo {
	width: 345px;
	float: left;
	margin: 0 10px 0 0;
	overflow: visible;
}

div#page div#content div.projectTypeBlock.detailInfo h4 {
	font-size: 120%;
	font-weight: 100;
	margin: 0;
	padding: 0;
}

div#page div#content div.projectTypeBlock.detailInfo h5 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #ababab;
}

div#page div#content div.projectTypeBlock.detailPhoto {
	margin: 0;
	padding: 0;
}


div#page div#content div.projectTypeBlock.detailInfo div#moreThumbs ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}
div#page div#content div.projectTypeBlock.detailInfo div#moreThumbs ul li {
	float: left;
	margin: 3px 6px 0 0;
}

div#page div#content div#otherProjects {
	clear: both;
	width: 100%;
	border-top: 1px solid #666666;
}

div#page div#content div#otherProjects h4 {
	font-weight: 100;
	font-size: 120%;
}

div#page div#content div#otherProjects ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#page div#content div#otherProjects ul li {
	width: 49%;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	overflow: auto;
}

div#page div#content div#otherProjects ul li img {
	margin: 0;
	padding: 0;
	float: left;
}

div#page div#content div#otherProjects ul li p {
	margin: 0;
	padding: 12px 0 0 5px;
	float: left;
}

div#page div#content h2.pageHeaders {
	font-weight: 100;
	font-size: 150%;
	margin: 0;
	padding: 0;
}

div#page div#content div.detailPhoto p.backToProjects {
	text-align: right;
}

div#page div#content div.detailPhoto p.backToProjects a {
	color: #666;
	text-decoration: none;
}

div#page div#content div.detailPhoto p.backToProjects a:hover {
	text-decoration: underline;
}

div#page div#content.contact p {
	margin: 0;
}

div#page div#content.contact p a {
	color: #666666;
	text-decoration: none;
}

div#page div#content.contact p a:hover {
	text-decoration: underline;
}

div#page div#content.contact iframe {
	float: right;
}

div.article p a {
	color: #fa8500;
}

#clientList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#clientList ul li {
	float: left;
	width: 350px;
	margin: 0 0 10px 0;
	padding: 0;
}