body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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}
ol,ul {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}

body {font-size:62.5%;background:#fff;color:#333;font-family:Cambria,Georgia,Times New Roman,Baskerville Old Face,Serif}

#page {width:960px;margin:10px auto;color:#333;}

#content h1 {font-size:3em;line-height:1;margin:0 0 10px;color:#333;border:3px solid #e4dfaf;border-width:3px 0;padding:10px 0 10px 10px;margin:10px 0}
h2 {font-size:2em;line-height:1;margin:0.25em 0}

a {color:#000;text-decoration:none;border-bottom:1px dotted #333;padding:0 0 0.1em}
a:hover {color:#c00;border-color:#c00;}

p {margin:0 0 1em;}

#main {position:relative;float:left;width:605px;margin:0 0 5px;background:#629cba}
#home #main {min-height:300px;}
#main h1 {float:left;}
#main h1 a {display:block;width:302px;height:38px;text-indent:-9999px;background:url(/common/images/imaginaryonline.gif) 0 0 no-repeat;border:0;margin:30px 28px 0 28px}
#main blockquote {clear:both;display:block;width:538px;height:104px;text-indent:-9999px;background:url(/common/images/quote-eames.gif) 0 0 no-repeat;border:0;position:absolute;bottom:50px;left:30px;}
#main blockquote#eames {width:538px;height:104px;background:url(/common/images/quote-eames.gif) 0 0 no-repeat;}
#main blockquote#gropius {bottom:20px;width:537px;height:138px;background:url(/common/images/quote-gropius.gif) 0 0 no-repeat;}
#main blockquote#jobs {width:536px;height:76px;background:url(/common/images/quote-jobs.gif) 0 0 no-repeat;}

#service {float:left;width:605px;background:#e4dfaf}
#service h2 {margin:33px 0 7px 21px;height:29px;overflow:hidden;}
#service h2 a {display:block;width:390px;height:29px;text-indent:-9999px;background:url(/common/images/web-design-development.gif) 0 0 no-repeat;border:0}
#service h2 a:hover {background-position:0 -29px}
#service #service-strategy {margin:0 0 0 22px}
#service #service-strategy a{background-image:url(/common/images/strategy-planning.gif)}
#service #service-seo {margin:7px 0 26px 22px}
#service #service-seo a {background-image:url(/common/images/search-optimisation.gif)}

#nav {float:right;position:relative;width:347px;height:400px;border-bottom:65px solid #c00;overflow:hidden}
#nav li {margin:0;padding:0;float:left}
#nav li a {float:left;width:63px;height:365px;background:#333;border:0;border-right:8px solid #fff;}
#nav li#nav-about a {border-right:0;}
#nav li a em {position:absolute;bottom:0;display:block;text-indent:-9999px;width:115px;height:30px;}
#nav-notebook a em {left:71px;background:url(/common/images/nav-notebook.gif) 0 -30px no-repeat;}
#nav-contact a em {left:142px;background:url(/common/images/nav-contact.gif) 0 -30px no-repeat;}
#nav-work a em {left:213px;background:url(/common/images/nav-work.gif) 0 -30px no-repeat;}
#nav-idea a em {width:78px;right:104px;background:url(/common/images/nav-idea.gif) 0 -30px no-repeat;}
#nav-about a em {width:83px;right:40px;background:url(/common/images/nav-about.gif) 0 -30px no-repeat;}
#nav li a:hover {background:#000;border-top:30px solid #fff}
#nav li a:hover em {background-position:0 0}

#footer {float:left;margin:0;padding:20px 0;overflow:hiddden;font-family:Arial,Sans-Serif}
#footer li {float:left;border-left:1px solid #ccc;padding:0 5px;color:#999}
#footer li:first-child {border:0}
#footer li a {color:#999;border:0}
#footer li a:hover {color:#000}

#content  {clear:left;float:left;width:605px}

.hide {display:none !important}