* { margin: 0; padding: 0 }
a { text-decoration: underline; color: #fff; }
img { border: 0 none }
*+html .clearfix { min-height: 1% }
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; font-size: 0 }
.hidden { display: none }

body { background: #99b855 none no-repeat scroll 50% 0; font-family: Georgia, serif; color: #fff; font-size: 14px; }

#page-home { background-image: url(../img/background-home.jpg) }
#page-who-we-are { background-image: url(../img/background-who-we-are.jpg) }
#page-what-we-do { background-image: url(../img/background-what-we-do.jpg) }
#page-our-services { background-image: url(../img/background-our-services.jpg) }
#page-contact-us { background-image: url(../img/background-home.jpg) }

#page-who-we-are #content-proper div { display: none }
#page-what-we-do #content-proper div { display: none }

#container { /* width: 1280px; */ margin: 0 auto; }
	#header { height: 130px; background: transparent none no-repeat scroll 50% 0; }
		#header-content { width: 920px; margin: 0 auto; position: relative;  }
		#identity { z-index: 5; position: absolute; top: 0; left: -89px; display: block; width: 350px; height: 216px; background: transparent url(../img/logo.png) no-repeat scroll 0 0; }
		#navigation { position: absolute; top: 88px; right: 0; list-style-type: none; }
			#navigation li { display: block; cursor: pointer; float: left; width: 144px; height: 37px; text-align: center; margin-left: 4px; background: transparent url(../img/navigation-background.png) no-repeat scroll 0 50%; }
			#navigation li:hover, #navigation li.selected { background: transparent url(../img/navigation-hover-backgrounds.png) no-repeat scroll 0 50%; }
			#navigation li#link-who-we-are:hover, #navigation li#link-who-we-are.selected { background-position: 0 50%;  }
			#navigation li#link-what-we-do:hover, #navigation li#link-what-we-do.selected { background-position: -144px 50%;  }
			#navigation li#link-our-services:hover, #navigation li#link-our-services.selected { background-position: -288px 50%;  }
			#navigation li#link-contact-us:hover, #navigation li#link-contact-us.selected { background-position: -432px 50%;  }
			
				#navigation li a { display: block; height: 100%; color: #fff; font-weight: bold }
				#navigation li a img { padding-top: 12px }
	#content { height: 609px; position: relative; width: 920px; margin: 0 auto; }
		#glow { width: 555px; height: 490px; position: absolute; top: 60px; left: 400px; background: transparent url(../img/glow.png) no-repeat scroll 0 0; }
		#content-proper { width: 920px; margin: 0 auto; }
		.illust { position: absolute; overflow: hidden; }
		.illust > img{ position: absolute; }
		#illust-home {  width: 472px; height: 450px; top: 0px; left: 440px; }
		#illust-who-we-are { width: 490px; height: 450px; top: 0; left: 440px; }
		#illust-what-we-do { width: 450px; height: 450px; top: 0; left: 440px; }
		#content-proper { padding-top: 95px }
		#content-layer-a { position: absolute; }
		
		#page-home #content-layer-a { }
	#footer { padding-bottom: 50px; }
		#footer-content { width: 960px; margin: 0 auto; position: relative; }
		#copyright { font-size: 12px; float: left; line-height: 19px; margin-top: 15px; color: #627930 }
			#tagline { color: #c9dd8c }
		#social-media { list-style-type: none; float: right; margin-top: 15px }
			#social-media li { background: transparent url(../img/social-media.png) no-repeat scroll 0 0; cursor: pointer; width: 39px; height: 39px; display: block; float: left; margin-left: 10px; }
				#social-media li a { display: block; width: 100%; height: 100% }
			li#twitter { background-position: 0 0; }
			li#twitter:hover { background-position: -39px 0; }
			li#facebook { background-position: 0 -39px; }
			li#facebook:hover { background-position: -39px -39px; }
			li#rss { background-position: 0 -78px; }
			li#rss:hover { background-position: -39px -78px; }
			li#email { background-position: 0 -117px; }
			li#email:hover { background-position: -39px -117px; }
		
.box { }
	.box-top, .box-mid, .box-bot { padding: 0 25px }
	h1 { padding: 5px 0 15px 0; }
	blockquote { font-size: 18px; color: #f2e4a8; font-style: italic; padding-left: 35px; margin: 25px 0 20px 0; background: transparent url(../img/quotes.png) no-repeat scroll 0 0; }
	.sub-heading { color: #fee6a9; font-style: italic; font-size: 17px; line-height: 20px }
	.box p { margin-bottom: 15px }
	
.box-wide { width: 938px }
	.box-wide .box-top { height: 10px;  }
	.box-wide .box-mid { padding-top: 10px; padding-bottom: 10px;  }
	.box-wide .box-bot { height: 10px; }
.box-narrow { width: 467px; margin-bottom: 25px; }
	.box-narrow .box-top { height: 10px;  }
	.box-narrow .box-mid { padding-top: 10px; padding-bottom: 10px; }
	.box-narrow .box-bot { height: 10px; }

	
/* List of services on homepage */
#services { list-style-type: none }
	#services li { display: block; float: left; width: 200px; margin-top: 15px }
	#services li img{ vertical-align: middle; margin-right: 10px }

#page-our-services #content { background-image: none }

/* Our Services page content */
#our-services-box { position: relative }	
#our-services-brand-identity { position: absolute; left: -90px; top: 150px; background: transparent url(../img/text-brand-identity.png) no-repeat scroll 0 0; width: 906px; height: 331px }
#our-services-brand-strategy { position: absolute; left: -90px; top: 150px; background: transparent url(../img/text-brand-strategy.png) no-repeat scroll 0 0; width: 906px; height: 336px }
#our-services-advertising{ position: absolute; left: -90px; top: 150px; background: transparent url(../img/text-advertising.png) no-repeat scroll 0 0; width: 905px; height: 332px }
#our-services-public-relations { position: absolute; left: -90px; top: 150px; background: transparent url(../img/text-public-relations.png) no-repeat scroll 0 0; width: 906px; height: 331px }
	#vertical-sep { position: absolute; width: 3px; height: 333px; top: 64px; left: 443px; background: transparent url(../img/vertical-sep.png) no-repeat scroll 0 0 }
	#horizontal-sep { position: absolute; width: 853px; height: 1px; top: 226px; left: 27px; background: transparent url(../img/horizontal-sep.png) no-repeat scroll 0 0 }
	
	.service-icon { color: #fff; position: absolute; width: 75px; height: 75px; top:0; left:0; display: block; text-decoration: none; cursor: pointer; }
		.service-icon:hover { color: #FDDB82 }
		.service-icon span { display: block; position: relative; top: 78px; font-size: 11px; width: 100px; }
	
	#our-services-brand-identity #si-brand-identity { display: none }
	#our-services-brand-identity #si-brand-strategy { top: 220px; left: 650px; }
	#our-services-brand-identity #si-advertising { top: 45px;  left: 805px; }
	#our-services-brand-identity #si-public-relations { top: 137px; left: 730px; }
	
	#our-services-brand-strategy #si-brand-identity { top: 220px; left: 650px; }
	#our-services-brand-strategy #si-brand-strategy { display: none}
	#our-services-brand-strategy #si-advertising { top: 40px;  left: 800px; }
	#our-services-brand-strategy #si-public-relations { top: 140px; left: 730px;}
	
	#our-services-advertising #si-brand-identity { top: 140px; left: 750px; }
	#our-services-advertising #si-brand-strategy {top: 220px; left: 650px; }
	#our-services-advertising #si-advertising { display: none }
	#our-services-advertising #si-public-relations { top: 37px;  left: 795px; }
	
	#our-services-public-relations #si-brand-identity { top: 140px; left: 750px; }
	#our-services-public-relations #si-brand-strategy { top: 220px; left: 650px; }
	#our-services-public-relations #si-advertising { top: 45px;  left: 810px;}
	#our-services-public-relations #si-public-relations { display: none }