/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/*Container*/
#wrapper {
	width: 696px;
	margin: 8px auto 0 auto;
	padding: 0 3px;
	border: #E0E0E0 1px solid;
	}

/*Header*/
#header {
	width: 696px;
	height: 162px;
	}
#header h2 {
	margin: 85px 1px 0 0;
	padding: 0;
	float: right;
	color: #0095E0;
	font-size: 25pt;
	font-weight: normal;
	text-transform: lowercase;
	}
#header h2 .grey {
	color: #B8B8B8;
	}
#logo {
	margin: 25px 0 0 10px;
	float: left;
	}
	
/*Navigation*/
#navigation {
	width: 696px;
	padding: 6px 0 0 0;
	text-align: center;
	}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navigation ul li {
	display: inline;
	}
#navigation ul li a {
	padding: 0 8px;
	color: #B8B8B8;
	font-size: 9pt;
	text-decoration: none;
	text-transform: lowercase;
	border-left: #B8B8B8 1px solid;
	}
#navigation ul li a.first {
	border-left: none;
	}
#navigation ul li a:hover {
	color: #0095E0;
	}
	
/*Title Graphic*/
#titleGraphic {
	width: 696px;
	height: 227px;
	margin: 6px 0 3px 0;
	}
#titleGraphic img {
	display: block;
	}
	
/*Main*/
#main {
	width: 696px;
	height: 140px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background: url(images/bg_main.gif);
	}
#main #content {
	width: 435px;
	padding: 10px;
	float: left;
	vertical-align: top;
	color: #B8B8B8;
	}
#main #content table {
	width: 100%;
	}
#main #furtherInformation {
	width: 218px;
	padding: 10px;
	float: right;
	vertical-align: top;
	color: #FFFFFF;
	}
	
/*Typography*/
#main #content h3 {
	margin: 0 0 5px 0;
	font-size: 18pt;
	font-weight: normal;
	}
#main #content p {
	margin: 0 0 5px 0;
	font-size: 10pt;
	}
	
#main #content a.email {
	color: #0095E0;
	text-decoration: none;
	}
	
#main #furtherInformation h3 {
	margin: 0 0 5px 0;
	font-size: 12pt;
	font-weight: normal;
	}
#main #furtherInformation p {
	margin: 0 0 5px 0;
	font-size: 10pt;
	}
#main #furtherInformation a {
	color: #FFFFFF;
	text-decoration: none;
	}
#main #furtherInformation ul {
	margin: 0 0 5px 0;
	padding-left: 10px;
	}
#main #furtherInformation ul li {
	margin: 0 0 5px 0;
	font-size: 10pt;
	}

#copyright {
	margin: 0 0 5px 0;
	color: #DEDEDE;
	font-size: 8pt;
	text-align: center;
	text-transform: lowercase;
	}
	
/*Credits*/
#credits {
	width: 696px;
	margin: 5px auto;
	text-align: right;
	color: #DEDEDE;
	font-size: 8pt;
	text-decoration: none;
	}
#credits a {
	color: #DEDEDE;
	font-size: 8pt;
	text-decoration: none;
	}
#credits a:hover {
	text-decoration: underline;
	}
	
/*Homepage*/
.homepage #linkHome {
	color: #0095E0;
	}

/*Portfolio*/
.portfolio #linkPortfolio {
	color: #0095E0;
	}
.portfolio #main #content {
	}
.portfolio #main #content table {
	height: 120px;
	border: none;
	border-collapse: collapse;
	}
.portfolio #main #content table td {
	padding: 0;
	vertical-align: top;
	}
.portfolio #main #content table td#cellPortfolioCategories {
	text-transform: lowercase;
	vertical-align: bottom;
	}
.portfolio #portfolioCategories {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}
.portfolio #portfolioCategories li {
	display: inline;
	}
.portfolio #portfolioCategories li a {
	padding: 0 8px;
	color: #B8B8B8;
	font-size: 9pt;
	text-decoration: none;
	border-left: #B8B8B8 1px solid;
	}
.portfolio #portfolioCategories li a.first {
	border-left: none;
	}
/*Portfolio Navigation Buttons*/
.portfolio #portfolioCategories.restaurantsBars li a#linkRestaurantsBars,
.portfolio #portfolioCategories.hotels li a#linkHotels,
.portfolio #portfolioCategories.retail li a#linkRetail,
.portfolio #portfolioCategories.pubs li a#linkPubs,
.portfolio #portfolioCategories.architecture li a#linkArchitecture {
	color: #0095E0;
	}
/*Third Navigation*/
#thirdNavigation {
	width: 218px;
	margin: 5px 0 0 457px;
	color: #B8B8B8;
	font-size: 9pt;
	}
#thirdNavigation a {
	color: #0095E0;
	text-decoration: none;
	}
#thirdNavigation a:hover {
	color: #B8B8B8;
	}
	
/*Services*/
.services #linkServices {
	color: #0095E0;
	}
	
/*Studio*/
.studio #linkStudio {
	color: #0095E0;
	}
	
/*Clients*/
.clients #linkClients {
	color: #0095E0;
	}
	
/*Press*/
.press #linkPress {
	color: #0095E0;
	}
.press #main #content #contentWrapper {
	height: 140px;
	overflow: auto;
	}
.press #main #content .highlight {
	color: #0095E0;
	}
	
/*News*/
.news #linkNews {
	color: #0095E0;
	}
	
/*Contact*/
.contact #linkContact {
	color: #0095E0;
	}
	
.hidden {
	display: none;
	}