/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
	margin-bottom: 0px;
}

form, ul {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	color: #7e7e7e;
	background: #dae2e0;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin: 10px 0px 10px 0px; }

img { border: 0 none; }

#container {	
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 768px;
}

h1 {
	margin: 0;
	font-size: 1.85em;
	line-height: 1.1em;
	font-weight: normal;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

.content {
	position: relative;
	width: 1024px;
	height: 768px;
	text-align: left;
}

.clients, .philosophy { min-height: 645px; }
.people { min-height: 750px; }
.philosophy { min-height: 550px; }
.process-interiors, .process-sign, .process-brand { min-height: 660px; }
.process { min-height: 640px; }
.signing { min-height: 560px; }


#topnav-background {
	position: absolute;
	height: 120px; width: 100%;
	background-color: #000; 	
	opacity: 0.4; 
	filter: alpha(opacity=40);
}

#topnav {
	position: relative;
	text-align: left;
	height: 120px;
	padding: 0px 30px 2px 30px;
}

#topnav-home {
	position: relative;
	text-align: left;
	height: 120px;
	padding: 0px 30px 0px 30px;
}

.img-home {
	position: absolute;
	top: 0px; right: 30px;
	width:49px; height:85px;
	/*background: url(/images/lgo-white.png) 0 0 no-repeat;*/

	
}

#footer {
	position: absolute;
	left: 60px; bottom: 30px;
	text-align: left;
	font-size: 0.90em;
	line-height: 1.3em;	
}

#contentarea-default, #contentarea-default2 {
	width: 280px; 
}

#contentarea-default, #contentarea-black, #contentarea-white, #contentarea-casestudy, #contentarea-people, #contentarea-default2 {
	text-align: left;
	padding: 15px 15px 15px 30px;
	overflow: hidden;
}

#contentarea-contact {
	text-align: left;
	width: 230px;
	margin: 0;
	padding: 15px 15px 15px 30px;
}

DIV#contentarea-background, IMG {
	behavior:url('http://www.airdesign.co.uk/iepngfix.htc');
	}
#contentarea-background {
	width: 325px; 
	background: url(/images/bg-content.png) repeat;
	margin: 0;
	/*height:auto;*/
	overflow:hidden;
}

DIV#contentarea-background2, IMG {
	behavior:url('http://www.airdesign.co.uk/iepngfix.htc');
	}
#contentarea-background2 {
	width: 325px; 
	background: url(/images/bg-content.png) repeat;
	margin: 0;
	/*height:auto;*/
	overflow:hidden;
}

#contentarea-background-clients {
	background: url(/images/bg-content.png)  0 0 repeat;
	margin: 0;
	width: 545px;
	height:auto;
}

#contentarea-background-contact {
	background: url(/images/bg-content.png)  0 0 repeat;
	margin: 0;
	width: 280px;
	height:auto;
}

#contentarea-default li {
	list-style: none;
	padding-left: 15px;
	background: url(/images/bg-arrow-white.png) 0 0.40em no-repeat;
}

#contentarea-success {
	text-align: left;
	width: 600px;
	margin: 35px 0px 0px 30px;
}

#contentarea-success a { color: #FFF; font-weight: bold; }
#contentarea-success a:hover { color: #fbf410; font-weight: bold; text-decoration: none; }

#contentarea-clients {
	text-align: left;
	width: 500px;
	margin: 2px 0px 0px 0px;
	padding: 15px 15px 15px 30px;
}

#contentarea-clients td {
	padding: 0px 50px 0px 0px;
}

#contentarea-casestudy p {
	padding: 10px 0 0 0px;
	margin: 0;
}

#contentarea-casestudy h1 { 
	font-size: 1.0em;	
	color: #7e7e7e;
	margin: 0px 0px 0px 0px;
}

#contentarea-black h1, #contentarea-black p {
	color: #000;
}

#contentarea-white h1, #contentarea-white p {
	color: #FFF;
}

.client-said {
	position: absolute;
	top: 5px; right: 220px;
}

.grey { color: #7e7e7e; }
.white { color: #FFF; }
.black { color: #000; }
.red { color: #ff0000; }
.yellow { color: #fbf410; }

.rollovers {
	font-size: 2.2em;
	line-height: 1.1em;
	color: #FFF;		
}

#text01, #text02, #text03, #text04, #text05, #text06, #text07, #text08, #text09, #text10, #text11, #text12, #text13, #text14, #text15, #text16 {
	display:none; 
	position: absolute; 
	left:30px; top:320px;
	font-size: 1.8em;	
	line-height: 1.20em;
	width: 320px;
}

#people01, #people02, #people03, #people04, #people05, #people06, #people07, #people08, #people09, #people10, #people11, #people12, #people13, #people14, #people15, #people16, #people17 {
	display:none; 
}

#title-left { 
	position: absolute;
	left: 55px; top: 50%;
	width: 400px; height: 130px;
}

#title-right { 
	position: absolute;
	right: 30px; top: 30%;
	width: 400px; height: 130px;
}

/* * html #title-right {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/txt-norton.png', sizingMethod='scope');}
*/
/*****************************************/
/*** Navigation menu items ***/
/*****************************************/	

#level1 {
	padding: 27px 0;
	width: 136px; height: 45px;
}

#level1 ul, #level2 ul, #level2-ov ul, #level3 ul, #level5 ul, #level5-ov ul, #contentarea-casestudy ul {
	list-style: none;
}

#level1 li, #contentarea-casestudy li {
	list-style: none;
	display: inline;
}

#level1 li a {
	text-decoration: none;
	float: left;	
	text-indent: -9999px;
}	

#level2, #level2-ov, #level5, #level5-ov {
	position: absolute;
	top: 32px; left: 200px;
	padding: 0px 0;
	font-size: 1.10em;
	line-height: 1.1em;	
}

#level2-ov {
	border-right: 1px solid white;
}

#level2 ul, #level2-ov ul, #level5 ul, #level5-ov ul {
	list-style: none;
	width: 19em;
  	float: left;
}

#level2 li, #level2-ov li {
	list-style: none;
	width: 9em;
  	float: left;
}

#level5 li, #level5-ov li {
	list-style: none;
	width: 10em;
  	float: left;
}

#level3 {
	position: absolute;
	top: 32px; left: 480px;
	padding: 0px 0;
	font-size: 1.10em;
	line-height: 1.1em;	
}

#level2 li, #level2-ov li, #level3 li, #level5 li, #level5-ov li {
	list-style: none;
	padding: 2px 2px 2px 2px;
}

#level3 ul {
	list-style: none;
	width: 31em;
  	float: left;
}

#level3 li {
	list-style: none;
	width: 10em;
  	float: left;
}

#contentarea-casestudy li {
	padding: 0px 3px 0px 0px;
}

#contentarea-casestudy a { color: #FFF; }
#contentarea-casestudy a:hover { color: #fbf410; text-decoration: none; }
#contentarea-people a, #contentarea-casestudy li a { color: #FFF; }
#contentarea-people a:hover, #contentarea-casestudy li a:hover { color: #fbf410; text-decoration: none; }

.menu-workprogress { position: relative; padding: 0 0 10px 0; color: #fbf410; }
.menu-workprogress a { color: #FFF; }

.level4-selected a { color: #fbf410 !important; text-decoration: none; }

#blogheadlines h2 {
	margin:0 0 8px 0;
	padding:0;
	font-size: 1.0em;
	font-weight: normal;
}

#blogheadlines ul {
	margin:0;
	padding:0 0 10px 0;
	list-style: none;
}

#blogheadlines ul li a {
	color: #FFF;
}

/*****************************************/
/*** Background images ***/
/*****************************************/


.bg-home { background: #dae2e0 url(/images/img-home-new.jpg) 0 0 no-repeat }
.bg-home-new { background: #dae2e0 url(/images/img-home-new.jpg) 0 0 no-repeat }
.bg-whatwedo { background: #dae2e0 url(/images/img-whatwedo.jpg) 0 0 no-repeat; }
.bg-about { background: #dae2e0 url(/images/img-about.jpg) 0 0 no-repeat; }
.bg-contact { background: #dae2e0 url(/images/img-contact.jpg) 0 0 no-repeat; }
.bg-ourprocess { background: #dae2e0 url(/images/img-ourprocess.jpg) 0 0 no-repeat; }

.bg-success { background: #dae2e0 url(/images/img-success.jpg) 0 0 no-repeat; }
.bg-philosophy { background: #dae2e0 url(/images/img-philosophy.jpg) 0 0 no-repeat; }
.bg-people { background: #dae2e0 url(/images/img-people.png) 0 0 no-repeat; }
.bg-clients { background: #aaaaaa;}

.bg-careers { background: #dae2e0 url(/images/img-careers.jpg) 0 0 no-repeat; }

.bg-people-alan { background: #dae2e0 url(/images/img-people-alan.jpg) 0 0 no-repeat; }

.bg-branding { background: #dae2e0 url(/images/img-branding.jpg) 0 0 no-repeat; }
.bg-brandcomms { background: #dae2e0 url(/images/img-brandcomms.jpg) 0 0 no-repeat; }
.bg-signing { background: #dae2e0 url(/images/img-signing.jpg) 0 0 no-repeat; }
.bg-interiors { background: #dae2e0 url(/images/img-interiors.jpg) 0 0 no-repeat; }

.bg-armour { background: #dae2e0 url(/images/img-armour.jpg) 0 0 no-repeat; }
.bg-armour-solution { background: #dae2e0 url(/images/img-armour-solution.jpg) 0 0 no-repeat; }
.bg-armour-result { background: #dae2e0 url(/images/img-armour-result.jpg) 0 0 no-repeat; }

.bg-graham { background: #dae2e0 url(/images/img-graham.jpg) 0 0 no-repeat; }
.bg-graham-solution { background: #dae2e0 url(/images/img-graham-solution.jpg) 0 0 no-repeat; }
.bg-graham-result { background: #dae2e0 url(/images/img-graham-result.jpg) 0 0 no-repeat; }

.bg-macfarlanes { background: #dae2e0 url(/images/img-macfarlanes.jpg) 0 0 no-repeat; }
.bg-macfarlanes-solution { background: #dae2e0 url(/images/img-macfarlanes-solution.jpg) 0 0 no-repeat; }
.bg-macfarlanes-result { background: #dae2e0 url(/images/img-macfarlanes-result.jpg) 0 0 no-repeat; }

.bg-norton { background: #dae2e0 url(/images/img-norton.jpg) 0 0 no-repeat; }
.bg-norton-solution { background: #dae2e0 url(/images/img-norton-solution.jpg) 0 0 no-repeat; }
.bg-norton-result { background: #dae2e0 url(/images/img-norton-result.jpg) 0 0 no-repeat; }

.bg-pavilions { background: #dae2e0 url(/images/img-pavilions.jpg) 0 0 no-repeat; }
.bg-pavilions-solution { background: #dae2e0 url(/images/img-pavilions-solution.jpg) 0 0 no-repeat; }
.bg-pavilions-result { background: #dae2e0 url(/images/img-pavilions-result.jpg) 0 0 no-repeat; }

.bg-smithfield { background: #dae2e0 url(/images/img-smithfield.jpg) 0 0 no-repeat; }
.bg-smithfield-solution { background: #dae2e0 url(/images/img-smithfield-solution.jpg) 0 0 no-repeat; }
.bg-smithfield-result { background: #dae2e0 url(/images/img-smithfield-result.jpg) 0 0 no-repeat; }

.bg-swiss { background: #dae2e0 url(/images/img-swiss.jpg) 0 0 no-repeat; }
.bg-swiss-solution { background: #dae2e0 url(/images/img-swiss-solution.jpg) 0 0 no-repeat; }
.bg-swiss-result { background: #dae2e0 url(/images/img-swiss-result.jpg) 0 0 no-repeat; }

.bg-trident { background: #dae2e0 url(/images/img-trident.jpg) 0 0 no-repeat; }
.bg-trident-solution { background: #dae2e0 url(/images/img-trident-solution.jpg) 0 0 no-repeat; }
.bg-trident-result { background: #dae2e0 url(/images/img-trident-result.jpg) 0 0 no-repeat; }

.bg-zapp { background: #dae2e0 url(/images/img-zapp.jpg) 0 0 no-repeat; }
.bg-zapp-solution { background: #dae2e0 url(/images/img-zapp-solution.jpg) 0 0 no-repeat; }
.bg-zapp-result { background: #dae2e0 url(/images/img-zapp-result.jpg) 0 0 no-repeat; }

.bg-process { background: #dae2e0 url(/images/img-process.jpg) 0 0 no-repeat; }
.bg-process-brand { background: #dae2e0 url(/images/img-process-brand.jpg) 0 0 no-repeat; }
.bg-process-branding { background: #dae2e0 url(/images/img-process-branding2.jpg) 0 0 no-repeat; }
.bg-process-sign { background: #dae2e0 url(/images/img-process-sign.jpg) 0 0 no-repeat; }
.bg-process-interiors { background: #dae2e0 url(/images/img-process-interiors.jpg) 0 0 no-repeat; }

.bg-workprogress { background: #dae2e0 url(/images/img-workprogress.jpg) 0 0 no-repeat; }
.bg-kasakhstan { background: #dae2e0 url(/images/img-kasakhstan.jpg) 0 0 no-repeat; }
.bg-queens { background: #dae2e0 url(/images/img-queens.jpg) 0 0 no-repeat; }
.bg-stdavids { background: #dae2e0 url(/images/img-stdavids.jpg) 0 0 no-repeat; }
.bg-grandarcade { background: #dae2e0 url(/images/img-grandarcade.jpg) 0 0 no-repeat; }
.bg-magic-circle { background: #dae2e0 url(/images/img-magic-circle.jpg) 0 0 no-repeat; }
.bg-fladgate { background: #dae2e0 url(/images/img-fladgate.jpg) 0 0 no-repeat; }
.bg-weightmans { background: #dae2e0 url(/images/img-weightmans.jpg) 0 0 no-repeat; }
.bg-palais-quartier { background: #dae2e0 url(/images/img-palais-quartier.jpg) 0 0 no-repeat; }
.bg-redevco { background: #dae2e0 url(/images/img-redevco.jpg) 0 0 no-repeat; }
.bg-russia { background: #dae2e0 url(/images/img-oz-mall.jpg) 0 0 no-repeat; }
.bg-RoyalCollege { background: #dae2e0 url(/images/img-RoyalCollege.jpg) 0 0 no-repeat; }
.bg-EuropaCentralna { background: #dae2e0 url(/images/img-EuropaCentralna.jpg) 0 0 no-repeat; }
.bg-RussianRailways { background: #dae2e0 url(/images/img-RussianRailways.jpg) 0 0 no-repeat; }

.bg-rentokil { background: #dae2e0 url(/images/img-rentokil.jpg) 0 0 no-repeat; }
.bg-veolia { background: #dae2e0 url(/images/img-veolia.jpg) 0 0 no-repeat; }
.bg-withers { background: #dae2e0 url(/images/img-withers.jpg) 0 0 no-repeat; }
.bg-southgate { background: #dae2e0 url(/images/img-southgate.jpg) 0 0 no-repeat; }
.bg-donald-manasse-law-offices { background: #dae2e0 url(/images/img-donald-manasse-law-offices.jpg) 0 0 no-repeat; }
.bg-mzs { background: #dae2e0 url(/images/img-mzs.jpg) 0 0 no-repeat; }
.bg-la-Louviere { background: #dae2e0 url(/images/img-la-Louviere.jpg) 0 0 no-repeat; }
.bg-steglitz { background: #dae2e0 url(/images/img-steglitz.jpg) 0 0 no-repeat; }
.bg-stdavids-2010 { background: #dae2e0 url(/images/img-stdavids3.jpg) 0 0 no-repeat; }


.bg-southwark { background: #dae2e0 url(/images/img-southwark.jpg) 0 0 no-repeat; }
.bg-southwark-solution { background: #dae2e0 url(/images/img-southwark-solution.jpg) 0 0 no-repeat; }
.bg-southwark-result { background: #dae2e0 url(/images/img-southwark-result.jpg) 0 0 no-repeat; }

.bg-earls { background: #dae2e0 url(/images/img-earls.jpg) 0 0 no-repeat; }
.bg-earls-solution { background: #dae2e0 url(/images/img-earls-solution.jpg) 0 0 no-repeat; }
.bg-earls-result { background: #dae2e0 url(/images/img-earls-result.jpg) 0 0 no-repeat; }

.bg-vantage { background: #dae2e0 url(/images/img-vantage.jpg) 0 0 no-repeat; }
.bg-vantage-solution { background: #dae2e0 url(/images/img-vantage-solution.jpg) 0 0 no-repeat; }
.bg-vantage-result { background: #dae2e0 url(/images/img-vantage-result.jpg) 0 0 no-repeat; }

.bg-tps { background: #dae2e0 url(/images/img-tps.jpg) 0 0 no-repeat; }
.bg-tps-solution { background: #dae2e0 url(/images/img-tps-solution.jpg) 0 0 no-repeat; }
.bg-tps-result { background: #dae2e0 url(/images/img-tps-solution.jpg) 0 0 no-repeat; }

.bg-grand-arcade2 { background: #dae2e0 url(/images/img-grand-arcade2.jpg) 0 0 no-repeat; }
.bg-grand-arcade2-solution { background: #dae2e0 url(/images/img-grand-arcade2-solution.jpg) 0 0 no-repeat; }
.bg-grand-arcade2-result { background: #dae2e0 url(/images/img-grand-arcade2-result.jpg) 0 0 no-repeat; }

.bg-eagles-meadow { background: #dae2e0 url(/images/img-eagles-meadow.jpg) 0 0 no-repeat; }
.bg-eagles-meadow-solution { background: #dae2e0 url(/images/img-eagles-meadow-solution.jpg) 0 0 no-repeat; }
.bg-eagles-meadow-result { background: #dae2e0 url(/images/img-eagles-meadow-result-v2.jpg) 0 0 no-repeat; }

.bg-high-tea { background: #dae2e0 url(/images/img-high-tea.jpg) 0 0 no-repeat; }
.bg-high-tea-solution { background: #dae2e0 url(/images/img-high-tea-solution.jpg) 0 0 no-repeat; }
.bg-high-tea-result { background: #dae2e0 url(/images/img-high-tea-result.jpg) 0 0 no-repeat; }

.bg-mediacite { background: #dae2e0 url(/images/img-mediacite.jpg) 0 0 no-repeat; }
.bg-mediacite-solution { background: #dae2e0 url(/images/img-mediacite-solution.jpg) 0 0 no-repeat; }
.bg-mediacite-result { background: #dae2e0 url(/images/img-mediacite-result.jpg) 0 0 no-repeat; }

.bg-stdavids2 { background: #dae2e0 url(/images/img-stdavids2.jpg) 0 0 no-repeat; }
.bg-stdavids-solution { background: #dae2e0 url(/images/img-stdavids-solution.jpg) 0 0 no-repeat; }
.bg-stdavids-result { background: #dae2e0 url(/images/img-stdavids-result.jpg) 0 0 no-repeat; }

.bg-dlwp { background: #dae2e0 url(/images/img-dlwp.jpg) 0 0 no-repeat; }
.bg-dlwp-solution { background: #dae2e0 url(/images/img-dlwp-solution.jpg) 0 0 no-repeat; }
.bg-dlwp-result { background: #dae2e0 url(/images/img-dlwp-result.jpg) 0 0 no-repeat; }

.bg-myzeil { background: #dae2e0 url(/images/img-myzeil.jpg) 0 0 no-repeat; }
.bg-myzeil-solution { background: #dae2e0 url(/images/img-myzeil-solution.jpg) 0 0 no-repeat; }
.bg-myzeil-result { background: #dae2e0 url(/images/img-myzeil-result.jpg) 0 0 no-repeat; }
