/*
==================================================
KKS Site Styles
==================================================
*/

/*COLOURS
Black:		#453135
Grey:		#989a90
Gold:		#af9e79
Gold-Dark	#a1874d
Red:		#d6083b
Light Tan:	#edece5
Yellow:		#ffcc00
Blue:		#6dcff6
Blue-Dark:	#00aeef
Blue/Grey:	#9dbcbe
*/

/* Body Attributes
-------------------------------------------------- */

* {margin: 0; padding: 0;}

ul, ol {list-style-type: none; padding-bottom: 0px;}

body {font-size: 11px; line-height: 15px; font-family: Verdana, sans-serif; color: #453135; background-color: #edece5;}


/* Class Attributes 
-------------------------------------------------- */
h1 {clear:both; padding: 0 0 15px 0px; font-size: large;}
h2 {}
h3 {text-transform: uppercase; font-size: 10px; font-weight: normal;}
h4,
.comment {color: #453135; font-weight: normal;}
h5 {text-transform: uppercase; font-weight: normal; color: #b3b3b3;}
p {padding-top: 5px;}

.clear:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;}

img {border: none; padding: 1px 0 0 0;}

dt, dd {line-height: 16px;}
dd {margin-bottom: 10px;}

a,
a:hover {text-decoration: none; color: #989a90;}
a:hover {text-decoration: none; color: #d6083b;}

#body_shell, #body_shell2, #body_shell3 {position: relative; width: 840px; text-align:left; margin: 0 0 0 45px; clear: left; margin-left: auto; margin-right: auto;}
#body_shell2 {background: url(../images/river.gif) top center no-repeat; #ff0; height: 600px;}
#body_shell3 {background: url(../images/southamptonBG.gif) top center no-repeat; #989a90; height: 700px;}

.navopaque {opacity: 0.8;}

#header {height: 95px; padding: 15px 0 0 0; text-align: left; clear: both;}
	.menu1 li a {text-decoration: none; color: #453135;}
	.menu1 li a:hover {text-decoration: none; color: #d6083b;}
	
	#logo {width: 150px; float: right; padding-right: 15px;}
	
#header,	
#colwrap, #colwrap2 {padding-left: 15px; background-color: #fff;}

#colwrap, #colwrap2, #colwrap3 {width: 315px; padding-right: 15px; padding-bottom: 15px; float: left;}
	#col2div {width: 315px; float: left; clear: left;}
	
	#colwrap2, #colwrap2 img {padding-top: 0;}
	#colwrap2 {width: 465px;}
	
	.bigphoto {padding-bottom: 15px;}
	#kksvideo {padding-bottom: 0; padding-top: 0;}
	
#colwrap3 {padding-left: 15px; width: 150px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; float: left; color: #d9dad3;}
	
	#slideshow {float: left; width: 459px; background-color: #fff;}
		#slideshow img {padding: 0;}
		
	#slideshowno {float: left; width: 459px; clear: none; background-color: #fff;}
	
	#gamewrap,
	#who-game #colwrap {height: 447px; float: left; width: 480px; background-color: #fff; clear: left; padding: 0 15px 5px 15px;}	

	#game2 {float: left; width: 480px;}

	.newsitem {padding-bottom: 15px; font-weight: none;}
		.date {text-transform: uppercase; font-size: 10px; color: #999;}
		.newsitem p {padding: 0;}
		.newsitem a {color: #d6083b;}
		
		.bodylink {color: #453135; text-decoration: underline;}

.menu1,
.col2,
.colwrap0 {width: 150px; padding: 0 15px 0 0; text-align: left; float: left;}

.col2 {width: 465px; clear: left;}
	.col2 li, #whatwrap li {list-style-type: circle; list-style-image: url(../images/bullet2.gif); list-style-position: outside; margin-left: 14px;}
	.col2 h3 {text-transform: none;}
	.blurb {padding-bottom: 15px;}
	
	#whatwrap ul {padding-bottom: 15px;}
	
.worklist1 {width: 100%; float: left; clear: left; padding: 5px 0 5px 0; color: #989a90;}
	.worklist1 li {border-bottom: 1px dotted #ccc; width: 100%; color: #453135;}
	.worklist1 li a {text-decoration: none; color: #8d8f86;}
	.worklist1 li a:hover {text-decoration: none; color: #453135;}
	.toggle1 li {display:inline;}
	
	.who-leadership #colwrap2 .worklist1 li {border-bottom: none;}
	
	.casestudylist li {color: #cdcdcd;}
	.projectdetails li {color: #453135;}
	
	.worklist1 #nortonrose, #hunton, #beetham, #cheapside, #abford, #southampton {list-style-type: circle; list-style-image: url(../images/bullet2.gif); color: #d6083b; list-style-position: outside; margin-left: 14px;}
	
#servicewrap {width: 315px; border-top: 1px dotted #af9e79;}
	
.servicesector, .servicesector2, .servicecols, .servicecols2 {width: 150px; float: left; padding: 5px 15px 10px 0;}
	.servicesector li {color: #989a90;}
	.servicesector li a {text-decoration: none; font-size: 11px; color: #8d8f86; line-height: 10px;}
	.servicesector li a:hover, .servicesector2 li a:hover {text-decoration: none; color: #453135;}
	.servicesector h3, .servicesector2 h3 {color: #af9e79;}
	
	.servicecols li, .servicecols2 li {list-style-type: circle; list-style-position: outside; margin-left: 12px;}
	
	#whatwrap p {margin-bottom: 14px; padding: 5px; color: #fff; background-color: #d6083b;}
	
	.what .servicesector h3 {color: #af9e79;}
	.what #servicewrap {border-top: 1px dotted #453135;}
	
	.servicesector2, .servicecols2 {width: 150px; padding-right: 0;}
	.servicecols p, .servicecols2 p {padding-bottom: 5px;}

	.servicesector li.disabled a {color: #b3b3b3;}

#thumbs, #creditphoto, #feature {float: left; width: 150px; background-color: #fff; padding: 5px 5px 5px 10px;}
#thumbs {height: 18px;}
	#thumbs:hover, #feature:hover {background-color: #d6083b; color: white;}
	#thumbs a:hover, #feature a:hover {color: white;}
	#creditphoto h4, #feature h4 {color: #b3b3b3;}
	#thumbs img {padding-right: 8px; padding-bottom: 8px; padding-top: 0px;}
	#creditphoto {padding-top: 10px; padding-left: 0; background-color: transparent; clear: left;}
	#creditphoto h3 {text-transform: none; color: #fff;}
	
#feature {opacity: 0.9;}
#feature a {display: block;}

#photocredit {right: 0; bottom: 0; position: absolute; width: 450px; opacity: .5; padding: 5px; text-align: right;}

#thumbs2 {float: left; width: 465px; background-color: #fff; padding-top: 15px; padding-left: 15px; padding-bottom: 15px; padding-right: 15px;}
	#thumbs2 img {padding-right: 3px; padding-bottom: 3px;}

.who-leadership img {padding-bottom: 15px;}

.home #news a,
#news #news-archive a,
#news-press #press a,
.what #what a,
.whatnav #whatnav a,
.who #who a,
.who-leadership #who a,
.who-leadership #leadership a,
.who-social #social a,
.who-game #game a,
.how #how a,
.where #where a,
.strategy a#strategy,
.interior-architecture a#interior-architecture,
.graphic-design a#graphic-design,
.integrated #integrated a,
.development-strategy a#development-strategy,
.dev-strat a#development-strategy,
.occupier-strategy a#occupier-strategy,
.work-map a#map,
.all #all a,
.corporate a#corporate,
.legal a#legal,
.financial a#financial,
.marketing-collateral a#marketing-collateral,
.environmental-branding a#environmental-branding,
.development-marketing a#development-marketing,
.new-build a#new-build,
.refurbishment a#refurbishment,
.press #press a,
.occupierwork1 #occupierwork1 a,
.nortonrose #nortonrose a,
.hunton #hunton a {text-decoration: none; color: #d6083b;}

#serviceselected a {text-decoration: none; color: #453135;}

.worklist1 #selected a,
.christmas #christmas a,
.video #video a,
.awaydays #awaydays a {text-decoration: none; color: #453135;}


/* quote images */

#quotecol {float: left; width: 437px; height: 530px;}

#what-graphic-design #quotecol {background: url(../images/Quote_GraphicDesign.gif) top left no-repeat;}
#what-graphic-design-marketing-collateral #quotecol {background: url(../images/Quote_GraphicDesign_MarketingColl.gif) top left no-repeat;}
#what-graphic-design-environmental-branding #quotecol {background: url(../images/Quote_GraphicDesign_Environmental.gif) top left no-repeat;}
#what-graphic-design-development-marketing #quotecol {background: url(../images/Quote_GraphicDesign_DevMarketing.gif) top left no-repeat;}
#what-interior-architecture #quotecol {background: url(../images/Quote_Interior.gif) top left no-repeat;}
#what-interior-architecture-interior-architecture-legal #quotecol {background: url(../images/Quote_Interior_Legal.gif) top left no-repeat;}
#what-interior-architecture-interior-architecture-financial #quotecol {background: url(../images/Quote_Interior_Financial.gif) top left no-repeat;}
#what-interior-architecture-interior-architecture-corporate #quotecol {background: url(../images/Quote_Interior_Corporate.gif) top left no-repeat;}
#what-strategy-development-strategy #quotecol {background: url(../images/Quote_DevStrat.gif) top left no-repeat;}
#what-strategy-development-strategy-new-build #quotecol {background: url(../images/Quote_DevStrat_NewBuild.gif) top left no-repeat;}
#what-strategy-development-strategy-refurbishment #quotecol {background: url(../images/Quote_DevStrat_Refurb.gif) top left no-repeat;}
#what-strategy-occupier-strategy #quotecol {background: url(../images/Quote_OccupierStrat.gif) top left no-repeat;}
#what-strategy-occupier-strategy-legal #quotecol {background: url(../images/Quote_OccupierStrat_Legal.gif) top left no-repeat;}
#what-strategy-occupier-strategy-corporate #quotecol {background: url(../images/Quote_OccupierStrat_Corporate.gif) top left no-repeat;}
#what-strategy #quotecol {background: url(../images/Quotes_stratdiagram.gif) top left no-repeat;}


	/* BGs and Image swapping
	-------------------------------------------------- */

	.how,
	.news,
	.news-press,
	.who,
	.what,
	.who-leadership {background: url(../images/BgDotsAlpha.png) top left no-repeat #d6083b;}
	
	.where {background: url(../images/BgDotsAlpha.png) top left no-repeat #9dbcbe;}
	
	.graphic-design,
	.interior-architecture,
	.development-strategy,
	.occupier-strategy,
	.what-strategy {background: url(../images/BgDotsAlpha.png) top left no-repeat #989a90;}
	
        .development-strategy-project {background-color: #989a90;}

	.who-social {background: url(../images/BgDotsFun.jpg) top left no-repeat #d6083b;}
	
	.what2 {background: url(../images/BgDotsAlpha.png) top left no-repeat #989a90;}
	#work-map {background: url() top left no-repeat #edece5;}
	.southampton, .what {background-color: #989a90;}
	.interiorbg {background: url(../images/BgDotsInterior.gif) top left no-repeat #989a90;}
	.designenvirobg {background: url(../images/BgDotsDesignEnviro.gif) top left no-repeat #989a90;}
	
        .dev-strat  {background: url(../images/.jpg) top left no-repeat #989a90;}
        
/* map - popup */

#work-map #colwrap {padding: 0;}
#work-map #colwrap h1,
#work-map #colwrap p {padding-left: 15px;}
#work-map #colwrap h1 {width: 275px;}

#popup {position: absolute; width: 250px; background-color: #fff; padding: 7px; font-size: 10px;}
#popup .worklist {float: none; padding-bottom: 0;}

/* sIFR
-------------------------------------------------- */
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
    font-size:24px;
    font-weight: bold;
    height: 40px;
    padding: 0;
}