/* Reset Browser CSS*/
html{color:#000;background:#FFF;}a{cursor:pointer;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}legend{color:#000;}a:focus{-moz-outline-style:none; border:0px;}strong{font-weight:bold;}


/* Core */
html { background:#fff; }
body { font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#50595e; }
img { /*behavior: url('/iepngfix.htc');*/ }

h1 { font-size:2.6em; font-weight:bold; margin-bottom:10px; color:#2d3337; } /* 32px */
h2 { font-size:2em; line-height:1.5em; font-weight:bold; margin-bottom:10px; color:#2d3337; } /* 24px */
h3 { font-size:1.5em; font-weight:bold; margin-bottom:10px; color:#2d3337; } /* 18px */
h4 { font-size:1.16em; margin-bottom:7px; color:#2d3337; line-height:1.4em; } /* 14px */
h5 { font-size:1.33em; font-weight:bold; margin-bottom:7px; color:#2d3337; } /* 16px */
h6 { font-size:1.16em; font-weight:bold; margin-bottom:7px; color:#2d3337; } /* 14px */
p { margin-bottom:6px; line-height:1.66em; }
a { font-weight:bold; text-decoration:none; color:#f29400; }
a:hover, a:focus, a:active { border-bottom:dotted 1px; }

ins { text-decoration:underline; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
pre { margin:10px 0; white-space:pre-wrap; font-family:monospace; }
samp, code, kbd { font-family:monospace; }
q { font-style:italic; color:#67b7cd; }
blockquote { padding:5px 0 5px 70px; margin-bottom:10px; color:#67b7cd; font-style:italic; background:#fff url(images/bg-blockquote-white.png) no-repeat top left; }
abbr, acronym, .help { border-bottom:1px dotted #a3907c; cursor:help; }

ul, ol { padding:5px 0 10px 0; }
ul li ul, ol li ol { padding-bottom:5px; }
ul li { margin-left:20px; list-style:disc; padding-bottom:3px; }
ul li ul li { list-style:inherit; }
ol li { margin-left:20px; list-style-type:decimal; padding-bottom:3px; }
ol li ol li { list-style-type:lower-alpha; }

dl { padding:5px 0 10px 0; }
dl dt { margin-top:7px; }
dl dd { margin-left:15px; }

table.table { width:100%; text-align:center; border-collapse:collapse; }
table.table caption { margin-bottom:10px; }
table.table tr.alt { background-color:#f1f1f1; }
table.table tr th { background-color:#fff; color:#67b7cd; font-weight:bold; border-bottom:solid 2px #c7ccd1; padding:5px 3px; text-align:center; }
table.table tr td { border-bottom:solid 1px #e3e3e3; padding:5px 3px; border-right:solid 1px #ffffff; font-size:0.9em; }
table.table tr td label { margin-right:10px; }
table.table tr th.left, table tr td.left { text-align:left; padding-left:10px; }

form fieldset {  }
form fieldset legend { display:none; }
form div.row { clear:left; float:left; padding-bottom:10px; width:620px; }
form .row label { display:block; float:left; width:140px; padding:7px 0; font-size:1.16em; font-weight:bold; color:#2d3337; }
form .row input { float:left; margin-right:15px; }
form .row input.input { padding:7px; margin-left:20px; width:250px; border:solid 1px #c7ccd1; color:#2d3337; margin-right:0; }
form .row input.checkbox { border:0; padding:0; margin-right:5px; }
form .row textarea { padding:7px; margin-left:20px; border:solid 1px #c7ccd1; color:#2d3337; width:374px; min-height:100px; }
form .row select { margin-top:7px; }
form .group { float:left; padding:7px 0; }
form .group label { padding:0; margin-top:-2px; margin-right:30px; width:auto; }
form .group input.radio { border:0; padding:0; margin-right:5px; }
form input.button { cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:bold; color:#52b2cc; border:solid 1px #c7ccd1; background:#fff url(images/submit-bg.png) repeat-x; height:27px; padding:0 20px; }
form input.button:hover, form input.button:focus { border-color:#e3e3e3; }
form input.button:active { background-position:0 -27px; }


/* Core Layout */
#top .logo { position:absolute; left:-4px; top:0; background:transparent url(images/default/logo-orangepeel.png) no-repeat; }
#top .logo a { display:block; width:168px; height:90px; border:none; }
#top .logo a span { display:block; margin-left:-3000px; }

#navwrap { position:relative; width:940px; margin:0 auto; }

#featurewrap { border-bottom:solid 2px #2d3337; }
#featurewrap div { width:940px; margin:0 auto; }
#featurewrap a { border:none; }
#featurewrap img { display:block; }

#nav { display:block; position:absolute; right:0; top:20px; margin:0; padding:0; }
#nav a { display:block; height:33px; border:none; background:transparent url(images/menu.png) no-repeat; }
#nav a span { display:none; }
#nav li a:hover { background-position-y:-33px; }
#nav li { display:block; float:left; margin-left:20px; }
#nav .work a { width:56px; background-position:0 0; }
#nav .studio a { width:64px; background-position:-56px 0; }
#nav .blog a { width:52px; background-position:-120px 0; }
#nav .contact a { width:70px; background-position:-172px 0; }

#content { width:940px; margin:0 auto; padding:50px 10px 35px 10px; }


/* Default Footer */
#footer { width:940px; margin:0 auto; padding:15px 0; font-size:0.83em; border-top:solid 3px; margin-bottom:100px; }
#footer a { font-weight:normal; }
#footer ul { display:block; margin:0; padding:0; }
#footer ul li { display:block; width:140px; float:left; margin-left:20px; }
#footer ul li:first-child { margin-left:0px; }
#footer ul li ul li { width:60px;  padding:0; margin:0; padding-bottom:3px; }
#footer strong { display:block; margin-bottom:5px; }
#footer .copyright { float:right; text-align:right; width:auto; }
.copyright .logo { display:block; float:right; width:91px; height:31px; margin-bottom:10px; }
.copyright span { display:block; clear:both; }
.copyright .logo span { clear:none; display:none; }
.copyright a:hover { border:none; }

/* Footer colours */
#footer { border-color: #e5e5e5; color:#96999b; }
#footer a { color:#96999b; }
.copyright .logo { background:transparent url(images/default/logo-footer-orangepeel.png) no-repeat; }


/* Page Specific */
/* Home */
.intro { display:block; padding:0 0 30px 0; margin:-20px 0 20px 0; font-weight:normal; border-bottom:solid 1px #e5e5e5; font-size:1.5em; }
#cases div { float:left; width:300px; margin-left:20px; }
#cases div:first-child { margin-left:0; }
#cases img { margin-bottom:10px; }

/* Work */
.work-title { display:block; border-bottom:solid 1px #e5e5e5; margin-bottom:20px; }


/* Studio */
.studio-title { display:block; width:205px; padding-right:15px; text-align:right; float:left; }
.studio-intro { display:block; width:700px; border-left:solid 1px #2d3337; padding-left:19px; float:left; margin-bottom:30px; }
.studio-intro h2 { font-size:1.16em; font-weight:normal; color:#50595e; }

ol.process { display:block; margin:0; padding:0; }
ol.process li { display:block; float:left; padding-left:20px; margin:20px 0 40px 0; padding-top:150px; width:220px; }
ol.process li h6 { color:#52b2cc; }
ol.process li.discover { background:#fff url(images/process-discover.jpg) no-repeat; padding-left:0; }
ol.process li.design { background:#fff url(images/process-design.jpg) no-repeat; }
ol.process li.review { background:#fff url(images/process-review.jpg) no-repeat; }
ol.process li.manage { background:#fff url(images/process-manage.jpg) no-repeat; }

.contactwrap { float:left; width:380px; padding-left:80px; background:#fff url(images/studio-contact.jpg) no-repeat; }
.balancewrap { float:left; width:380px; margin-left:20px; padding-left:80px; background:#fff url(images/studio-balance.jpg) no-repeat; }

/* Contact */
#formwrap { float:right; width:620px; }
#formwrap form { padding-top:30px; }
#left-column { width:220px; }
.required { color:#52b2cc; }
.message-note { display:block; float:left; clear:left; width:140px; color:#50595e; font-style:italic; font-size:0.83em; }
.email-note { display:block; color:#50595e; margin-left:160px; font-style:italic; font-size:0.83em; float:left; clear:left; }
div.buttons { margin-left:160px; }
a.hello { display:block; background:#fff url(images/contact-hello.jpg) no-repeat; padding-left:35px; height:24px; line-height:24px; }
#left-column .wrap { margin-bottom:30px; }
dl dt { display:block; margin:0; padding:0; width:60px; font-weight:bold; float:left; }
dl dd { display:block; margin:0; padding:0; padding-bottom:10px; margin-left:70px; margin-right:0; }
.company-info { font-size:0.83em; }

/* Over-rides */
.clear { display:block; clear:both; height:1px; font-size:1px; line-height:1px; }