@charset "utf-8";
/* CSS for LOT 71 */

/* reset all styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #8a9bab;
	background: #FFFFFF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* begin styles here */
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
a:link, a:active, a:visited { color: #8a9bab; text-decoration: underline; }
a:hover { text-decoration: none; color: #ef771e; }
p { font-size: .75em; }
.hidden { display: none; }

#wrapper { width: 970px; margin: 0 auto; }
#flash-spacer { width: 1100px; height: 500px; display: block; }
#main-strip { position: absolute; top: 120px; left: 0px; width: 100%; text-align: center; }

#header { height: 120px; background: url('/images/bg_header.jpg') center bottom no-repeat; position: relative; }
#header #logo { position: absolute; top: 22px; left: 10px; }
#header #topnav { position: absolute; top: 22px; right: 10px; height: 11px; }
#header #topnav li { float: left; height: 11px; margin-left: 15px; display: inline; }
#header #topnav li a { display: block; height: 11px; line-height: 0px; font-size: 0px; background-position: left top; background-repeat: no-repeat; text-decoration: none; }
#header #topnav li a:hover { background-position: left -11px; }
#header #topnav li a.home { background-image: url('/images/topnav_home.gif'); width: 34px; }
#header #topnav li a.about { background-image: url('/images/topnav_about.gif'); width: 36px; }
#header #topnav li a.services { background-image: url('/images/topnav_services.gif'); width: 48px; }
#header #topnav li a.work { background-image: url('/images/topnav_work.gif'); width: 55px; }
#header #topnav li a.work.active { background-position: left -11px; }
#header #topnav li a.press { background-image: url('/images/topnav_press.gif'); width: 29px; }
#header #topnav li a.clients { background-image: url('/images/topnav_clients.gif'); width: 39px; }
#header #topnav li a.influences { background-image: url('/images/topnav_influences.gif'); width: 59px; }
#header #topnav li a.contact { background-image: url('/images/topnav_contact.gif'); width: 46px; }
#header #topnav li a.about-active { background: url('/images/topnav_about.gif') left -11px no-repeat; width: 36px; display: block; height: 11px; }
#header #topnav li a.services-active { background: url('/images/topnav_services.gif') left -11px no-repeat; width: 48px;  display: block; height: 11px; }
#header #topnav li a.work-active { background: url('/images/topnav_work.gif') left -11px no-repeat; width: 55px; display: block; height: 11px; }
#header #topnav li a.press-active { background: url('/images/topnav_press.gif') left -11px no-repeat; width: 29px; display: block; height: 11px; }
#header #topnav li a.clients-active { background: url('/images/topnav_clients.gif') left -11px no-repeat; width: 39px; display: block; height: 11px; }
#header #topnav li a.influences-active { background: url('/images/topnav_influences.gif') left -11px no-repeat; width: 59px; display: block; height: 11px; }
#header #topnav li a.contact-active { background: url('/images/topnav_contact.gif') left -11px no-repeat; width: 46px; display: block; height: 11px; }

#main-content { margin: 0 10px; }
#main-content h1 { margin-bottom: 18px; float: left; color: #ef771e;  font-size: 1.5em; font-weight: normal;  }
#main-content #about-left { width: 315px; float: left; }
#main-content #about-left h2 { margin: 10px 0 18px 0; }
#main-content #about-right { width: 635px; float: right; }
#main-content #services-left {width: 485px; float: left; }
#main-content #services-left h2 { margin-top: 10px; }
#main-content #services-left p { line-height: 1.3em; width: 220px; margin-top: 10px; margin-bottom: 25px; }
#main-content #services-left .content-block { width: 242px; float: left; padding-bottom: 0; }
#main-content #services-right { width: 465px; float: left; text-align: right; }
#main-content #services-right p { line-height: 1.3em; }
#main-content #services-right img { display: block; margin-bottom: 10px; }
#main-content #work-left {width: 485px; float: left; }
#main-content #work-left p { line-height: 1.3em; }
#main-content #work-right { width: 465px; float: left; text-align: right; }
#main-content #work-right p { line-height: 1.3em; }
#main-content #work-right img { display: block; margin-bottom: 10px; }
#main-content #project-left { width: 315px; float: left; }
#main-content #project-left h2 { margin: 10px 0 18px 0; }
#main-content #project-left p.top { margin: 10px 0 17px 0; line-height: 1.3em; }
#main-content #project-right { width: 635px; float: right; }
#main-content #project-right #project-image { cursor: pointer; }
#main-content #press-left { width: 220px; float: left; display: block; overflow: auto; height: 480px; }
#main-content #press-left h3 { font-weight: bold; font-size: .75em; margin: 10px 0 7px 0; }
#main-content #press-left h3 a.link { text-decoration: none; font-weight: bold; font-size: 100%; margin: 10px 0 7px 0; }
#main-content #press-left p { line-height: 1.3em; }
#main-content #press-left a.link { margin-top: 5px; font-size: .75em; display: block; }
#main-content #press-left div { border-bottom: 1px solid #dfe9ee; padding-bottom: 10px; width: 200px; }
#main-content #press-left div.last { border: none; }
#main-content #press-right { width: 700px; float: right; }
#main-content #press-right h2 { color: #ef771e;  font-size: 1.1em; margin: 8px 0 12px 0; font-weight: normal; }
#main-content #press-right h4 { font-size: .75em; margin-bottom: 15px; font-weight: normal; }
#main-content #press-right h4 span { color: #dfe9ee; padding: 0 7px; }
#main-content #press-right p { width: 385px; margin-bottom: 15px; line-height: 1.3em; }
#main-content #press-right div.float-image { float: right; text-align: right; }
#main-content #press-right div.float-image img { margin-bottom: 10px; display: block; }
#main-content #press-right div.float-image p { width: auto; }
#main-content #clients-left {width: 485px; float: left; }
#main-content #clients-left h2 { margin-top: 10px; clear: both; }
#main-content #clients-left p.top { margin: 10px 0 25px 0; line-height: 1.3em; width: 460px; }
#main-content #clients-left ul { float: left; display: inline; margin: 7px 15px 20px 0; }
#main-content #clients-left ul li { font-size: .75em; padding: 3px 0 3px 3px; float: left; clear: left; white-space: nowrap; }
#main-content #clients-right { width: 465px; float: left; text-align: right; }
#main-content #clients-right p { line-height: 1.3em; }
#main-content #clients-right img { display: block; margin-bottom: 10px; }

#main-content #influences-left { width: 605px; float: left; padding-top: 10px; }
#main-content #influences-left p.top { margin: 10px 0 25px 0; line-height: 1.3em; width: 590px; }
#main-content #influences-left li { margin-bottom: 15px; font-size: .75em; color: #ef771e; }
#main-content #influences-right { width: 345px; float: right; }
#main-content #influences-right #img { float: left; width: 345px; }
#main-content #influences-right #img img { display: block; margin-bottom: 5px; }
#main-content #influences-right #img p { line-height: 1.3em; margin-top: 10px; }
#main-content #influences-right #img h2 { color: #ef771e; font-size: 1.0em; margin: 8px 0 0 0; font-weight: normal; }

#main-content #contact-left { width: 285px; float: left; }
#main-content #contact-left h2 { margin: 10px 0 13px 0; clear: both; }
#main-content #contact-left p { margin: 10px 10px 13px 0; clear: both; line-height: 150%;}
#main-content #contact-left fieldset { width: 250px; border-right: 1px solid #dfe9ee; }
#main-content #contact-left dl { margin-top: 10px; }
#main-content #contact-left dl dt { float: left; width: 50px; display: block; clear: left; }
#main-content #contact-left dl dt label { font-size: .75em; line-height: 18px; }
#main-content #contact-left dl dd { float: left; width: 180px; display: block; margin-bottom: 8px; }
#main-content #contact-left dl dd input { width: 154px; border: 1px solid #dfe9ee; height: 16px; font-size: .75em; color: #8a9bab; font-family: Tahoma, Geneva, sans-serif; }
#main-content #contact-left dl dd #contact_inquiry_submit { width: 154px; border: 1px solid #dfe9ee; height: 22px; font-size: .75em; color: #8a9bab; font-family: Tahoma, Geneva, sans-serif; }
#main-content #contact-left dl dd select { width: 156px; border: 1px solid #dfe9ee; height: 18px; font-size: .75em; color: #8a9bab; font-family: Tahoma, Geneva, sans-serif; }
#main-content #contact-left dl dd textarea { width: 154px; border: 1px solid #dfe9ee; height: 98px; font-size: .75em; color: #8a9bab; overflow: auto; font-family: Tahoma, Geneva, sans-serif; }
#main-content #contact-right { width: 665px; float: right; }
#main-content #contact-right h2 { margin: 10px 0 13px 0; clear: both; }
#main-content #contact-right #address { float: left; width: 150px; display: inline; position: relative; margin-right: 40px;}
#main-content #contact-right #address p { line-height: 1.4em; margin: 5px 0; }
#main-content #contact-right p.maps { clear: both; float: left; line-height: 1.4em; margin-top: 10px; width: 562px; text-align: right;}


#footer { width: 950px; margin: 40px 10px 0 10px; height: 40px; border-top: 1px solid #dfe9ee; }
#footer p { padding-top: 10px }
#footer span { color: #dfe9ee; padding: 0 7px; }

#tabs { width: 295px; height: 23px; display: block; float: left; background: url('/images/bg_tab.gif') left bottom repeat-x; }
#tabs li { height: 23px; float: left; margin-right: 2px; display: inline; }
#tabs li a { line-height: 23px; height: 23px; width: 100%; display: block; background-repeat: no-repeat; background-position: left top; }
#tabs li a:hover { background-position: left -23px; }
#tabs li#bio { width: 40px; background: url('/images/tab_bio.gif') left -23px no-repeat; }
#tabs li#bio a { background-image: url('/images/tab_bio.gif'); }
#tabs li#space { width: 55px; background: url('/images/tab_space.gif') left -23px no-repeat; }
#tabs li#space a { background-image: url('/images/tab_space.gif'); }
#tabs li#process { width: 72px; background: url('/images/tab_process.gif') left -23px no-repeat; }
#tabs li#process a { background-image: url('/images/tab_process.gif'); }
#tabs li#objectives { width: 88px; background: url('/images/tab_objectives.gif') left -23px no-repeat; }
#tabs li#objectives a { background-image: url('/images/tab_objectives.gif'); }
#tabs li#solution { width: 78px; background: url('/images/tab_solution.gif') left -23px no-repeat; }
#tabs li#solution a { background-image: url('/images/tab_solution.gif'); }
#tabs li#influences { width: 90px; background: url('/images/tab_influences.gif') left -23px no-repeat; }
#tabs li#influences a { background-image: url('/images/tab_influences.gif'); }
div.tab-content { width: 295px; }
div.tab-content p { margin: 15px 5px 0 10px; line-height: 1.3em; }

#work { width: 465px; display: block; }
#work li { padding: 10px 0; background: url('/images/bg_work_tabs.gif') 15px bottom no-repeat; width: 100%; }
#work li.last { background: none; }
#work li a.tab { height: 17px; line-height: 0px; font-size: 0px; width: 100%; display: block; background-position: left top; background-repeat: no-repeat; text-decoration: none; }
#work li a.tab:hover { background-position: left -17px; }
#work li#environmental { display: block; }
#work li#environmental a.tab { width: 124px; background-image: url('/images/hdr_environmental.gif'); }
#work li#events { display: block; }
#work li#events a.tab { width: 192px; background-image: url('/images/hdr_events.gif'); }
#work li#consumer { display: block; }
#work li#consumer a.tab { width: 137px; background-image: url('/images/hdr_consumer_retail.gif'); }
#work li#performing { display: block; }
#work li#performing a.tab { width: 134px; background-image: url('/images/hdr_performing_arts.gif'); }
#work li#entertainment { display: block; }
#work li#entertainment a.tab { width: 241px; background-image: url('/images/hdr_enter_hospitality.gif'); }
#work li#luxury { display: block; }
#work li#luxury a.tab { width: 241px; background-image: url('/images/hdr_luxury.gif'); }
#work li#fashion { display: block; }
#work li#fashion a.tab { width: 241px; background-image: url('/images/hdr_fashion.gif'); }
#work li#interiors { display: block; }
#work li#interiors a.tab { width: 241px; background-image: url('/images/hdr_interiors.gif'); }
#work li#live { display: block; }
#work li#live a.tab { width: 241px; background-image: url('/images/hdr_live.gif'); }
#work li#installations { display: block; }
#work li#installations a.tab { width: 241px; background-image: url('/images/hdr_installations.gif'); }

#work li a.tab.active { background-position: left -34px; }
#work li a.tab.active:hover { background-position: left -17px; }
#work li ul { display: none; }
#work li ul li { background: none; padding: 0; }
#work li ul li p { width: 450px; margin-left: 15px; margin-top: 5px; }
#work li ul li p span { color: #dfe9ee; padding: 0 3px; }

#thumb-controls { position: relative; height: 102px; }
#thumb-controls p { line-height: 1.3em; margin-top: 10px; width: 330px; }
#thumb-controls #prev { position: absolute; left: 0px; bottom: 0px; }
#thumb-controls #next { position: absolute; left: 285px; bottom: 0px; }
#thumbs { width: 296px; height: 102px; position: absolute; right: 0px; top: 0px; }
#thumbs li { width: 68px; height: 45px; float: left; margin: 6px 0 0 6px; display: inline; font-size: 0px; position: relative; }
#thumbs li a { position: absolute; left: 0px; top: 0px; background: url('/images/bg_thumb_active.gif') left top no-repeat; height: 45px; width: 68px; }
#thumbs li a:hover { background-position: left -45px; }
#thumbs li a.active { background-position: left -45px; }
#thumbs li img { margin: 0; display: block; }

a#back-projects { background: url('/images/btn_back_projects.gif') left top no-repeat; width: 160px; height: 17px; display: block; float: right; text-decoration: none; }
a#back-projects:hover { background-position: left -17px; }
a#prev { background: url('/images/btn_prev.gif') left top no-repeat; width: 46px; height: 17px; display: block; text-decoration: none; }
a#prev:hover { background-position: left -17px; }
a#next { background: url('/images/btn_next.gif') left top no-repeat; width: 46px; height: 17px; display: block; text-decoration: none; }
a#next:hover { background-position: left -17px; }
a#send { background: url('/images/btn_send_message.gif') left top no-repeat; width: 90px; height: 17px; display: block; text-decoration: none; }
a#send:hover { background-position: left -17px; }

#main-content #contact-left dl dd .fieldWithErrors input, 
#main-content #contact-left dl dd .fieldWithErrors textarea,
#main-content #contact-left dl dd .fieldWithErrors select {
  border: 1px solid #ff0000;
}