body {
  font-family : Arial, sans-serif;
	font-size: 0.8em;
	/*background-color: #edeff4;*/
	color: #999;
}
img {
	border: none; 
}
#wrapper {
	width: 808px;
	padding: 0px;
	margin: 80px auto 0 auto;
	background-color: #FFFFFF;
}
#projectsite.more #wrapper {
	_width: 818px;
}
ul, ol {
	padding: 0;
	margin: 0;
}
.nav { 
	float: left;
	height: 92px;
	width: 92px;
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	margin: 8px 0 0 8px;
}
.nav.first {
	margin: 8px 0 0 0;
}
.nav.firstTop {
	margin: 0;
}
.nav.top {
	margin: 0 0 0 8px;
}
.nav.emptyTop {
	margin: 0 0 0 8px;
	width: 94px;
	height: 94px;
	border: none;
}
.nav.empty {
	margin: 8px 0 0 8px;
	width: 94px;
	height: 94px;
	border: none;
}
.nav.firstEmpty {
	margin: 8px 0 0 0;
	width: 94px;
	height: 94px;
	border: none;
}
.nav.firstEmptyTop {
	margin: 0;
	width: 94px;
	height: 94px;
	border: none;
}
.nav a{
	text-decoration: none; 
	text-align: center;
	text-transform: uppercase;
	color: #000;
	display: block;
	height: 92px;
	_height: 0px;
	width: 92px;
}
.nav.single a  {
	padding-top: 34px;
	height: 56px;
}
.nav.double a{
	padding-top: 28px;
	height: 62px;
}
.nav#projects {
	margin: 0 0 0 8px;
}
.nav#clients {
	margin: 0 0 0 8px;
}
.nav#news {
	margin: 8px 0 0 8px;
}
.nav#contact {
	margin: 8px 0 0 8px;
	background-color: #f49697;
	border: 1px solid #918f8f;
}
.nav#contact a{
	color: #e7e3e3;
}
#home .nav#contact, #contactsite .nav#contact {
	background-color: #ea2d2f;
	border: 1px solid #000;
}
#home .nav#contact a, #contactsite .nav#contact a{
	color: #fff;
}
.nav.empty #advertising, #newssite .nav.empty #newsLink {
	border: 1px solid #000;
	height: 58px;
}
.nav.emptyTop #commercial, .nav.empty #eventOrg, .nav.firstEmpty #property, .nav.empty #media {
	border: 1px solid #000;
	height: 64px;
}
#studentHousing , #architect, #commercial, #brands, #homeOwner, #eventOrg, #advertising, #outdoor, #property, #media {
	font-family: Arial Narrow;
}
#ourbusiness {
	margin: 0 0 0 8px;
	padding: 0;
	background: #918f8f;
	border: 1px solid #918f8f;
}
#ourbusiness a {
	color: #c8c7c7;
}
#home #ourbusiness {
	background: #000;
	border: 1px solid #000;
}
#home #ourbusiness a {
	color: #fff;
}

/*--------- IMG -----------*/
#content img{
	float: left;
	border: 1px solid black;
	width: 92px;
	height: 92px;
}
.imgbox{
	border: 1px solid black;
	width: 92px;
	height: 92px;
}
img#project1{
	padding: 0;
	margin: 0;
}

img#project2 , img#project4 {
	margin: 8px 0 0 0;
}
img#project3, img#project10, img#project5, img#project7, img#project8 {
	margin: 8px 0 0 8px;
}
img#project9, img#project6 {
	margin: 8px 0 0 8px;
}
#clientssite img#project2, #clientssite img#project3, #clientssite img#project4, #clientssite img#project6, #clientssite img#project5 {
	margin: 0;
}
#clientssite img#project3, #clientssite img#project4, #clientssite img#project6, #clientssite img#project5 {
	border: none;
}

/* ---------SPLASH PAGE -----------*/
#splash{
	width: 336px;
	margin: 120px auto 0 auto;
}

#splash{
	color: #000;
}
#splash h1{
	font-size: 0.8em;
	font-weight: normal;
}
#splash p{
	font-style: italic;
}
span.redItalic{
	color: #e82f2f;
	font-weight: bold;
}
span.blackBold, span.redBold{
	font-style: normal;
	font-size: 1.1em;
	font-family: Impact;
}
span.redBold{
	color: #e82f2f;
}
span.underline{
	text-decoration: underline;
}
body #splash img{
	width: 176px;
	height: 11px;
	float: none;
	border: none;
}
#splash #enter{
	float: right; 
	border: 1px solid #000;
	padding: 5px 3px;
}
#splash #enter a{
	color: #000;
	font-style: italic;
	text-decoration: none;
}
#splash #enter span{
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}

/*--------graue links-----------*/
.grey {
	border: 1px solid #918f8f;
}
.grey a {
	color: #918f8f;
}
.red a {
	color: #ea2d2f;
}
.mealy {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#contactsite #projects, #contactsite #news, #contactsite #clients, #projectsite #clients, #projectsite #news {
	border: 1px solid #918f8f;
}

/*--------Contactsite----------*/
#contactdetails, #jobOpps, #CV, #empty {
	float: left;
	color: #fff;
	width: 296px;
	height: 296px;
	background: #ea2d2f url("../images/bg-contactbox.jpg") top left repeat-x;
	border: 1px solid #000;
}

#clientBox {
	float: left;
	color: #000;
	width: 296px;
	height: 296px;
	border: 1px solid #000;
	font-style: italic;
	overflow: auto;
	scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #fff;
    scrollbar-shadow-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
}
#contactdetails a, #jobOpps a, #CV a{
	color: #fff;
}
#contactdetails p{
	margin: 18px;
	font-style: italic;
}
#contactdetails p#firstP{
	margin: 30px 0 0 18px;
}

.nav#a{
	margin: 8px 0 0 8px;
}
.nav#b{
	margin: 8px 0 0 0;
	float: right; 
	border-color: white; 
}
.nav#c{
	margin: 8px 0 0 0;
	float: right;
}
#contactsite #news, #projectsite #news {
	margin: 8px 0 0 8px;
}
#contactsite #contact, #projectsite #contact {
	float: right;
	margin: 8px 0 0 8px;
}
#leftBigBox{
	width: 400px;
	height: 298px;
	float: left;
}
#outerGrowing{
	width: 292px;
	height: 292px;
	float: left;
	margin: 8px 0 0 8px;
}
#contactsite #project1, #contactsite #project2, #contactsite #jobs, #contactsite #adam, #projectsite #project1, #clientssite #project1, #newssite #project1 {
	margin: 0;
	border: none;
}
img#founder {
	border: none;
	margin: 0;
	padding: 0;
}


/*---Contactsite jobs + adam---*/
#jobOpps h1, #CV h1, #projectBox h1, #clientBox h1, #newsBox h1 {
	margin: 8px;
	font-size: 1em;
}
#jobOpps p, #CV p, #projectBox p, #clientBox p, #newsBox p {
	margin: 8px;
	font-style: italic;
}
#contactsite.jobs #adam, #contactsite.adam #adam, #contactsite.richard #adam {
	margin: 8px 0 0 8px;
	border: 1px solid #000;
}

/*---clientssite---*/
#clientssite #outerGrowing {
	width: 94px;
	height: 94px;
	margin: 0 0 0 8px;
	padding: 0;
}
#clientssite #projects.nav{
	_margin: 0 0 0 -196px ;
}
#clientssite #clients.nav{
	_margin: -94px 0 0 8px ;
}
#clientssite.sub #projects.nav{
	_margin: 0 0 0 6px;
}
#clientssite.sub #clients.nav{
	_margin: -188px 0 0 8px ;
}
#clientssite.sub #mediaNav.nav{
	_margin: 18px 0 0 0;
}
#clientssite #mediaNav.nav{
	float: right; 
	margin: 110px 0 0 0;
}
#clientssite #empty {
	float: left;
	color: #000;
	width: 296px;
	height: 296px;
	background: #fff;
	border: 1px solid #000;
}
#clientBox a {
	color: #000;
	margin: 8px;
	text-decoration: underline;
	font-weight: bold;
}
#clientBox a:hover{
	color: #ea2d2f;
}
#testimonials p {
	margin-top: 20px;
}
/*---newssite---*/
#newssite img#project4, #newssite img#project3, #newssite img#project2 {
	margin: 0;
}
#newssite #outerGrowing {
	width: 298px;
	height: 298px;
	float: left;
	margin: 8px 0 0 0;
}
#newsBox {
	color: #000;
	float: right;
	width: 296px;
	height: 296px;
	border: 1px solid #000;
	overflow: auto;
	scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #fff;
    scrollbar-shadow-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
}
/*---projectsite---*/
#projectsite #project4 {
	margin: 8px 0 0 0;
}
#projectsite #project6 , #projectsite #project9 {
	margin: 8px 0 0 8px;
}
#projectsite #outerGrowing {
	width: 196px;
	height: 196px;
	float: left;
	margin: 0 0 0 8px;
}
#projectsite.more #outerGrowing {
	width: 298px;
	height: 298px;
	float: left;
	margin: 0 0 0 8px;
}
#projectsite #leftBigBox{
	width: 298px;
}
#projectsite.more #leftBigBox{
	width: 196px;
}
#rightBigBoxProjects{
	width: 306px;
	height: 298px;
	float: right;
}
#projectsite.more #rightBigBoxProjects {
	_width: 316px;
}
#projectsite #projects  {
	margin: 0 0 0 8px;
	float: left;
 }
#projectBox {
	float: right;
	width: 296px;
	height: 296px;
	border: 1px solid #000;
	margin: 0 0 0 -196px;
	_margin: 0;
}
#projectBox img{
	border: none;
	width: 296px;
	height: 270px;
}
#projectBox li {
	list-style: none;
	display: inline;
	float: left;
	margin: 5px 0 0 5px;
}
#projectBox li  a {
	text-decoration: none;
	color: #000;
	padding: 0 8px;
}
#projectBox li a:hover	{
	color: #ea2d2f;
}
#gallery {
	float: left;
	width: 296px;
	height: 270px;
}
#text {
	float: left;
	color: #fff;
	width: 296px;
	height: 270px;
	background: #000;
}
#video {
	float: left;
	color: #fff;
	width: 296px;
	background: #fff;
}
.videoWhite{
	width: 296px;
	height: 245px;
	padding-top: 25px;
}
#projectsite #empty {
	float: left;
	width: 296px;
	height: 296px;
	background: #fff;
	border: 1px solid #000;
}

/*---footer---*/
#footer{
	margin: 80px 0 0 0;
	border-top: 1px solid #ccc;
	padding: 3px 0 0 0;
}
#footer p{
	float: right; 
	padding: 0;
	margin: 0;
}
#footer img{
	float: left;
}

.clear	{	
	clear: both;
}