br.clearBoth {
	clear: both;
}




/* ############################### */
/* general ####################### */
/* ############################### */

body {
	background-image: url(../images/page_bkgd_non_home.jpg); 
	background-position: 50% 278px;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, helvetica, sans-serif;
	font-size : 62.5%;
	color: #1d0311;
}

a {
	color: #8e8188;	
}

a:hover {
	text-decoration: none;
}


h2 {
	margin-top: 0;
}


body#home {
background-image: url(../images/page_bkgd_non_home.jpg);
background-position: 50% 278px;
}

body#portfolio {
	background-image: none;
}

body#portfolioIntroPage {
	background-position: 50% 278px;
}

#wrapper {
/* WIDTH WAS 760px */
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;
	position: relative;
	font-size: 1.3em;
	padding-bottom: 4em;
}

#top {
	position: relative;
	background-color: transparent;
	height: 170px;
}

#contact-info {
	position: absolute;
	top: 40px;
	right: 0px;
	text-align: right;
	z-index: 2;
}
#contact-info p {
	margin: 0 !important;
}

#contact-info p.telephone {
	color: #ff007c;
}


#topNav {
	position: absolute;
	left: 200px;
	top: 0;
	background-color: transparent;
}
#topNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topNav ul li {
	float: left;
}
#topNav ul li a {
	background-image: url(../images/nav_matrix.gif);
	display: block;
	height: 40px;
	background-repeat: no-repeat;
	background-color: white;
	overflow: hidden;
	text-indent: -5000px;
	outline: none;
}


li#navHome a {
	background-position: 0 0;
	width: 64px;
}
li#navDesignInteriors a {
	background-position: -64px 0;
	width: 68px;
}
li#navFurniture a {
	background-position: -132px 0;
	width: 94px;
}
li#navSeating a {
	background-position: -226px 0;
	width: 75px;
}
li#navPortfolio a {
	background-position: -301px 0;
	width: 94px;
}
li#navGreen a {
	background-position: -395px 0;
	width: 132px;
}
li#navContact a {
	background-position: -527px 0;
	width: 73px;
}
/* --- */
li#navHome a:hover, li#navHome a.on {
	background-position: 0 -40px;
}
li#navDesignInteriors a:hover, li#navDesignInteriors a.on {
	background-position: -64px -40px;
}
li#navFurniture a:hover, li#navFurniture a.on {
	background-position: -132px -40px;
}
li#navSeating a:hover, li#navSeating a.on {
	background-position: -226px -40px;
}
li#navPortfolio a:hover, li#navPortfolio a.on {
	background-position: -301px -40px;
}
li#navGreen a:hover, li#navGreen a.on {
	background-position: -395px -40px;
}
li#navContact a:hover, li#navContact a.on {
	background-position: -527px -40px;
}




#logo {
	position: relative;
	width: 200px;
	height: 168px;
	background-image: url(../images/logo_fresh.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	left: 0;
	top: 0;
}

#logo a {
	position: relative;
	display: block;
	left: 17px;
	top:100px;
	width: 155px;
	height: 0px !important;
	padding-top: 50px;
	overflow: hidden;
	text-indent: -5000px;
}

h1 {
	position: absolute;
	text-indent: -5000px;
	width: 450px;
	height: 70px;
	background-position: 0 -52px;
	background-repeat: no-repeat;
	background-color: transparent;
	left: 200px;
	top: 92px;
	margin-top: 0;
}
body#home h1 {
	background-image: url(../images/h1_home.gif);
}
body#designInteriors h1 {
	background-image: url(../images/h1_design.gif);
}
body#furniture h1 {
	background-image: url(../images/h1_furniture.gif);
}
body#seating h1 {
	background-image: url(../images/h1_seating.gif);
}
body#portfolio h1, body#portfolioIntroPage h1 {
	background-image: url(../images/h1_portfolio.gif);
}
body#green h1 {
	background-image: url(../images/h1_sustainability.gif);
}

body#contact h1 {
	background-image: url(../images/h1_contact.gif);
}
body#clients h1 {
	background-image: url(../images/h1_clients.gif);
}

body.visuals h1 {
	background-image: url(../images/h1_visuals.gif) !important;
}


#mainArea {
	clear: both;
	background-color: transparent;
	padding: 0 0 2em 0;
}

#slides {
	height: 220px;
	background-color: transparent;
}

#content-hat {
	background: url(../images/content_hat.png) left top no-repeat transparent;
	height: 7px;
	margin: 20px 0 0 0;
	overflow: hidden;
}


#content-shoe {
	background: url(../images/content_shoe.png) left bottom no-repeat transparent;
	height: 7px;
	margin: -2em 0 20px 0;
	overflow: hidden;
}

#content {
	background: url(../images/content_body.png) 0 0 no-repeat transparent;
	padding: 20px 20px 20px 220px;
	line-height: 1.5em;
	position: relative;
	overflow: hidden;
	height: 1%;
}

body#portfolioIntroPage #content-hat {
	background-image: url(../images/content_hat_opaque.png);
}

body#portfolioIntroPage #content-shoe {
	background-image: url(../images/content_shoe_opaque.png);
}

* html body#portfolioIntroPage #content-hat {
	background-image: url(../images/content_hat_ie6.gif);
}

* html body#portfolioIntroPage #content-shoe {
	background-image: url(../images/content_shoe_ie6.gif);
}

body#portfolioIntroPage #content {
	padding: 3px 10px 80px 10px;
	background-image: none;
	background-color: white;
}

html body.visuals #content {
	padding: 3px 10px 10px 10px !important;
}


a.linkClients{
	position: absolute;
	display: block;
	left: 1px;
	top: 193px;
	width: 108px;
	height: 22px;
	text-indent: -5000px;
}

#footer {
}
#footer p {
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


#footer span {
	font-size: 14px;
}

p.footer-tag {
	float: right;
	font-size: 14px !important;
	font-weight: normal !important;
	margin-bottom: 0;
}

p.footer-pc {
	float: left;
	color: #999;
	clear: both;
}

p.footer-pc a {
	text-decoration: none;
	color: #999;
	font-weight: normal;
}
p.footer-pc a:hover {
	text-decoration: underline;
}

p.footer-linkedin {
	float: left;
	color: #ccc;
	margin-bottom: 0;
}







/* refresh new styles */

#link-view-client-portfolio {
	text-align: right;
	clear: both;
}

#link-view-client-portfolio a {
	color: #ff007c;
	background: url(../images/icon_pointer.gif) 7px .6em no-repeat white;
	padding: .5em 10px .5em 25px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


#link-view-client-portfolio a:hover {
	background-color: #1d0311;
	color: white;
}


#link-download-digital-brochure {
	position: absolute;
	left: 20px;
	bottom: 15px;
	display: none;
}

body#portfolio #link-download-digital-brochure {
	left: 0;
}


#link-download-digital-brochure a {
	background: url(../images/icon_page.gif) 7px .55em no-repeat #e3f3d0;
	padding: .5em 10px .5em 25px;
	line-height: 2em;
	color: #1d0311;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
}

#link-download-digital-brochure a:hover {
	background-color: white;
}


#content-portfolio-panels {
	margin-top: 20px;
}

#portfolioIntroPage #content-portfolio-panels {
	margin-top: 0;
}

div.panel-row {
	clear: both;
}

div.panel {
	float: left;
	width: 152px;
	height: 152px;
	margin: 0 5px 5px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

#content-portfolio-panels .last-in-row {
	margin-right: 0;
}

div.panel a {
	display: block;
	width: 152px;
	height: 42px;
	padding: 0px;
	padding-top: 110px;
	font-weight: bold;
	font-size: .9em;
	line-height: 1em;
	text-decoration: none;
}

div.panel a span {
	background-color: white;
	display: block;
	height: 33px;
	padding: 5px 10px;
	filter:alpha(opacity=70);
	opacity: .7;
	color: black;
	visibility: hidden;
}

div#visuals-link a span {
	visibility: visible !important;
}

div.panel a:hover span {
	visibility: visible;
}






#content-case-study {
	padding-top: 20px;
	line-height: 1.5em;
}

#display-image {
	float: left;
	width: 385px;
	height: 385px;
}

#project-content {
	float: right;
	width: 385px;
}

#project-thumbnails {
	height: 125px;
	position: absolute;
	top: 595px;
}

#project-thumbnails ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#project-thumbnails li {
	float: left;
	width: 115px;
	height: 115px;
	background: transparent;
	margin-right: 20px;
}

#project-thumbnails li.last-project-thumb {
	margin-right: 0;
}

.project-thumb img {
	border: none;
}

.project-thumb a {
	outline: none;
}


#link-back_to_project_list {
	position: absolute;
	right: 415px;
	top: 725px;
	line-height: .8em;
}

body.visuals #link-back_to_project_list {
	position: relative !important;
	left: 20px !important;
	top: 0 !important;
}

#link-back_to_project_list a {
	color: #ff007c;
	background: url(../images/icon_pointer_rev.gif) 7px .6em no-repeat #eee;
	padding: .5em 10px .5em 25px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


#link-back_to_project_list a:hover {
	background-color: #1d0311;
	color: white;
}





p.standfirst {
	font-size: 1.7em;
	line-height: 1.2em;
}

p.footnote {
	font-size: .9em;
	line-height: 1.1em;
}



p.p-highlighted {
	color: #999999;
}



blockquote {
	font-family: "Georgia", Times, serif;
	margin: 1em 0;
	font-size: 1.1em;
	color: #666666;
	line-height: 1.3em;
	padding: 20px;
	background-color: #e1e1e1;
}

.quote-source {
	font-size: .9em;
	font-weight: bold;
}

p.contact-details {
	font-size: 130%;
}



a img {
	border: none;
}




div.in-content-column {
	float: left;
}

div.column-1 {
	width: 300px;
	margin-right: 20px;
}

div.column-2 {
	width: 220px;
}

div.contact-form {
	background-color: white;	
	padding: 10px;
	margin-bottom: 20px;
}

div.contact-form h2 {
	font-size: 100%;	
}

form#form-contact label {
	float: left;
	width: 70px;
	margin-bottom: 2px;
}

form#form-contact div.checkbox-block label {
	float: none;
	width: auto;
	font-size: 11px;
}

form#form-contact input {
	float: left;
	width: 140px;
	margin-bottom: 2px;
	font-family: inherit;
	font-size: 12px;
}

form#form-contact input.submit {
	width: auto;
}

form#form-contact div.checkbox-block input {
	float: none;
	width: auto;
}

form#form-contact textarea {
	font-family: inherit;
	font-size: 12px;
	width: 215px;
}

form#form-contact div.checkbox-block {
	padding-bottom: 5px;
}

.required {
	color: red;
}


.errorParagraph, .errorList {
	color: red;
	font-size: 11px;
	line-height: 1;
}