/* Print CSS document for 9web.co.uk */
body {font: 76%/1.5 Arial, Helvetica, sans-serif; color:#6A665B  ;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a:link, a:visited {color:#2B88A8  ; text-decoration:none;}
a:hover {text-decoration:underline;}
a {outline:none;}
/* end links */

/* page containers */
p.skip {display:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#header {}
div#headerinner {text-align:left;}
div#contentholder {text-align:left; padding:0 0 18px 0;}
/* end page containers */

/* logo */
div#logo {float:left; padding:0 0 20px 0;}
div#logo h1 a {display:none;}
div#logo img {display:block;}
/* end logo */

/* primary navigation */
div#nav {display:none;}
/* end primary navigation */

/* strap sentence */
div#strap {float:left; width:100%; padding:10px 0 20px 0;}
div#strap h2 {font-size:1.5em; width:100%; margin:0; font-weight:normal; padding:0 0 10px 0; line-height:1.1; border-bottom:1px solid #CBCBCB  ;}
div#strap h2 a {}
div#strap h2 a#contactlink {display:none;}
/* end strap sentence */

/* featured projects on home page */
div#featured {display:none;}
/* end featured projects on home page */

/* what we do landing page */
div#whatlanding {float:left; padding:0;}
div#whatlanding div.intro {float:left;}
div#whatlanding div.intro p {font-size:1.3em;}
div#whatlanding ul {display:none;}
/* end what we do landing page */

/* what we do pages */
div#whatintro {display:none;}
/* end what we do pages */

/* left and right columns */
div#homeleft {float:left; padding:0 0 10px 0;}
div#homeright {float:left; border-top:1px solid #CBCBCB  ; padding:10px 0 0 0;}

div#fullwidth {}
div#left {width:100%;}
div#right {width:100%;}
.who div#left {}
.who div#right {display:none;}
.contact div#left {display:none;}
.contact div#right {}
.what div#left {}
.what div#right {}
.work div#left {}
.work div#right {display:none;}
.utility div#left {}
.utility div#right {display:none;}
.news div#left {}
.news div#right {display:none;}
/* end left and right columns */


/* staff profiles */
div.profile {margin:0 0 20px 0;}
div.profile h4 {}
/* end staff profiles */

/* headings */

/* end headings */

/* news */
div.date {margin:10px 0 0 0; width:100%;}
div.date p {margin:0;}
div.date em {font-style:normal; font-weight:bold; padding:0 4px 0 0;}
div.date strong {}
div.newsitem {margin:0 0 10px 0; width:100%;}
div.newsitem h4 {margin:0;}
.home div.newsitem {}
div.morenews {display:block; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #CBCBCB  ;}


div.newsitem h5 {font-size:.92em; margin:-4px 0 10px 0;}

.news div#left h3.year {clear:left; float:left; height:auto; margin:10px 0; background-image:none; text-indent:0; font-size:1.2em; width:100%;}

ul.newslinks {display:none;}
/* end news */

/* quotes */
div.quote {margin:10px 0 20px 0;}
.work div.quote {margin:10px 0 0 0; padding:10px 10px; border-top:1px solid #EAE7DF  ; border-bottom:1px solid #EAE7DF  ; width:100%;}
blockquote {padding:4px 10px 0px 20px; background:url(../assets/ldquo.png) no-repeat 2px 1px;}
blockquote span {background:url(../assets/rdquo.png) no-repeat right bottom; padding:0 20px 2px 0px; margin:0 10px 0 0;}
.home blockquote p {margin-bottom:6px;}
cite {font-style:normal; font-size:.92em; display:block; font-weight:bold;}
div.portfolio cite {margin:0 0 0 0;}
div.newsitem cite {margin:0 0 10px 0;}
.work div.quote cite {margin:0 0 0 0px;}
div.quote h5 {display:none;}
/* end quotes */

/* company stack panel */
div#stack {margin:-4px 0 0 0; width:280px;}
div#stack h4 {border-bottom:1px solid #EAE7DF  ; margin:0; font-size:1.5em; font-weight:normal;}
div#stack h4 a {padding:6px 8px 4px 8px; display:block;}
div#stack h4.active {border-bottom:1px solid #9FC6CD  ;}
div#stack div.morestack {background:#F7F5F2  ; border-bottom:1px solid #EAE7DF  ; padding:0px 10px 0px 10px; margin: 0 0 0 0; width:280px; w\idth:260px;}
div#stack div.morestack h5 {padding:10px 0 0 0; margin:0 0 10px 0; font-size:1em; font-weight:normal;}
/* company stack panel */

/* what we do right hand navigation */
div#rhnav ul {display:none;}
/* end what we do right hand navigation */

/* portfolio */
div.portfolio {float:left; display:inline; border-bottom:1px solid #CBCBCB  ; padding:20px 0 20px 0;}
div.portfolio h4 {margin:0 0 14px 0; font-size:1.5em; font-weight:normal;}
div.portfolio img {float:right; margin:0 0 10px 20px; border:1px solid #CBCBCB  ;}
div.info {margin:0;}
div.did {margin:0; padding:0 18px 0 0px;}
div.said {margin:0; padding:0 18px 0 0px;}
div.did h5 {display:none;}

div.other {display:none;}
div.case-studies {float:left; margin:10px 0 0 0;}
div.portfolio div.info h4 {margin:10px 0 10px 0;}
div.did h4, div.said h4, div.other h4, div.case-studies h4 {}

div.case-studies h4 {}
div.did ul {margin:0 0 10px 0; list-style-type:none;}
div.did ul li {padding:4px 0 4px 24px; background:url(../assets/tick.png) no-repeat 0 4px; line-height:1.2;}
div.did h5 {line-height:1.3; margin:0 0 6px 0; font-size:1em;}
div.other ul, div.case-studies ul {margin:10px 0 0 0; list-style-type:none;}
div.other ul li, div.case-studies ul li {line-height:1.2; padding:4px 0;}
div.other ul li a, div.case-studies ul li a {display:block;}
div#right div.did h4, div#right div.said h4 {margin:0 0 12px 0;}
div#right div.did {border-right:none; width:auto;}
div#right div.said {width:auto;}

.news div#right ul {margin:10px 0 10px 0;}
.news div#right ul li {}
/* end portfolio */

/* sitemap */
div#sitemap ul {margin:10px 0 0 0;}
div#left div#sitemap ul li {line-height:1.2; padding:3px 0; list-style-type:none;}
div#sitemap ul li a {}
/* end sitemap */

/* other projects links */
div#otherprojects {display:none;}
/* end other projects links */

/* pagination links */
div#pagination {display:none;}
/* end pagination links */

/* case studies */
div#galleryholder {float:left; margin:0 0 0 0; width:100%;}
div#gallery {float:left; width:100%;}
div#left div#gallery ul {list-style-type:none; padding:0; margin:0; width:100%;}
div#left div#gallery ul li {float:left; margin:0;}
div#left div#gallery ul li a {text-decoration:none;}
div#gallery ul li a img {margin:0 20px 20px 0; border:1px solid #CBCBCB  ;}
div#gallery ul li#thumb2, div#gallery ul li#thumb3 {display:none;}
/* end case studies */

/* footer */
div#footer {clear:left; text-align:left; font-size:.92em; border-top:1px solid #CBCBCB  ; width:100%;}
div#footer ul {display:none;}
div#footer ul li {}
div#footer a {}
div#footer p {float:left; margin:4px 0 0 0; display:inline;}
/* end footer */

/* general typography */
h3 {font-size:1.6em; margin:0 0 6px 0;}
h4 {font-size:1.2em; margin:10px 0 2px 0;}
h5 {font-size:1.1em; margin:0 0 0 0;}
h6 {font-size:.92em; margin:10px 0;}
p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #ccc; cursor: help;}
hr {height:1px; color:#000; border: 0; background-color: #000; margin: 10px 0;}
img {border:none;}
h4.after {margin:30px 0 5px 0; border-bottom:1px solid #EAE7DF  ;}
/* end general typography */

/* lists */
div#left ul {margin:0 0 1em 3em;}
div#left ul li {padding:0; list-style-type:square;}
div#left ul ul {margin:.3em 0 .3em 3em;}
div#left ul ul li {list-style-type:square;}
div#left ul ul ul li {list-style-type:square;}
div#left ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

dl {margin: 0 0 10px 0;}
dt {margin: 10px 0 0 0; font-weight:bold;}
dd {margin: 0 0 0 0;}
/* end lists */

/* contact page */
.contact dl {float:left; margin-bottom:14px;}
.contact dl dt {margin:0;}
.contact div.list {float:right;}
.contact div#right img {margin:0 0 0 0; text-align:left; float:left; clear:both;}
.contact div#right p a {display:none;}
/* end contact page */

/* paragraph lists */
div.list {font-style:normal; font-weight:normal; margin: 0 0 10px 0;}
div.list p {margin:0;}
/* end paragraph lists */

/* image floats */
img.right {float:left; margin:0 10px 10px 0;}
/* end image floats */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #E3DAC5  ; border-top:1px solid #E3DAC5  ;}
th {padding: .2em .4em; background:#E3DAC5  ; text-align:left;}
td {padding: .4em; border-bottom:1px solid #E3DAC5  ; border-left:1px solid #E3DAC5  ;}
table caption {text-align:left; font-size:1em; font-weight:bold;}
/* end tables */

/* forms */
div.formholder {float:left; width:100%;}
form {margin: 6px 0 10px 0; float:left; background:#F4F1E7  ; padding:16px 16px 16px 16px; border-top:1px solid #E2DED1  ; border-bottom:1px solid #E2DED1  ; width:392px; w\idth:360px;}
fieldset {border:none;}
legend {font-size:1em; margin:0 0 14px 0; color:#6A665B  ; font-weight:bold;}
* html legend {margin-left:-8px;} /* fudge for IE6 to display the legend correctly */
*:first-child+html legend {margin-left:-8px;} /* fudge for IE7 to display the legend correctly */
label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 156px; float:left;}
input, textarea, select {width:190px; float:left; margin:1px 0 6px 0; border: 1px solid #E2DED1  ; background:#fff;}
input, textarea {padding:1px;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
option {background: #fff;}
input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
input.button {display:inline; margin:5px 0 0 156px; width:auto; cursor:pointer; border:none; float:left; background:transparent;}
form div.line {border-bottom:1px solid #E2DED1  ; margin:0 -16px 16px -16px; height:10px; clear:left;}
form div.line hr {display:none;}
/* end forms */

/* lists out */
div.newsitem ul {margin:0 0 1em 3em;}
div.newsitem ul li {padding:0; list-style-type:square;}
div.newsitem ul ul {margin:.3em 0 .3em 3em;}
div.newsitem ul ul li {list-style-type:square;}
div.newsitem ul ul ul li {list-style-type:square;}
div.newsitem ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}