@import url("./whitespace-reset.css");

body {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #888888; }

a { color: #516f82; }

#container {
	position: relative;
	width: 980px;
	padding: 37px 0 0 0;
	margin: 0 auto; }

#sitewrapper {
	position: relative;
	overflow: hidden;
	width: 978px;
	height: 488px;
	border: 1px solid #d9dee1; }

#header {
	position: absolute;
	left: 29px;
	top: 29px;
	z-index: 30; }
	#header h1 { padding: 0 0 0 18px; }
		#header h1 a {
			display: block;
			width: 123px;
			height: 92px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/logo.gif") 0 0 no-repeat; }
	#header ul#nav { padding: 30px 0 0 0; }
		#header ul#nav li {
			padding: 0 0 4px 0;
			font-size: 14px; }
		#header ul#nav a { text-decoration: none; }
		#header ul#nav a.active { color: #e40000; }
		#header ul#nav ul { padding: 4px 0 0 0; }
			#header ul#nav ul li {
				padding: 0 0 4px 20px;
				font-size: 11px; }
			#header ul#nav ul li.active { background: transparent url("../images/icon_subnav-active.gif") 5px 3px no-repeat; }
				#header ul#nav ul li.active a { color: #e40000; }
#slides,
#slides .slide {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%; }
	#slides  h2 { display: none; }
	#slides #homepage-1 { background: transparent url("../images/img_homepage-1.jpg") 0 0 no-repeat; }
		#slides #homepage-1 a,
		#slides #homepage-2 a,
		#slides #homepage-3 a {
			display: block;
			width: 80px;
			height: 12px;
			margin: 165px 0 0 260px;
			text-indent: -8685px;
			outline: none; }
	#slides #homepage-2 { background: transparent url("../images/img_homepage-2.jpg") 0 0 no-repeat; }
		#slides #homepage-2 a { margin: 335px 0 0 260px; }
	#slides #homepage-3 { background: transparent url("../images/img_homepage-3.jpg") 0 0 no-repeat; }
			#slides #homepage-3 a { margin: 415px 0 0 260px; }

#content {
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 20;
	width: 500px;
	height: 100%;
	padding: 0 0 0 260px;
	background: transparent url("../images/bg_content.png") repeat; }
	#content .main {
		float: left;
		width: 100%; }
	#content a.btn_close {
		float: right;
		width: 9px;
		height: 8px;
		margin: 14px 14px 0 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/icon_x.gif") 0 0 no-repeat; }
	#content h1 {
		clear: both;
		height: 28px;
		padding: 74px 0 0 0;
		margin: 0 0 6px 0;
		text-indent: -8685px; }
		#content #homepage h1 {
			height: 55px;
			padding: 50px 0 0 0;
			background: transparent url("../images/hdr_home.png") 0 100% no-repeat; }
	#content .scrollable {
		float: left;
		width: 465px;
		height: 305px;
		padding: 14px 20px 14px 0;
		overflow: auto; }
		#content .scrollable p {
			padding: 0 0 15px 0;
			line-height: 150%; }
		#content .scrollable ul {
			padding: 0 0 10px 38px;
			list-style: disc; }
		#content .scrollable li { padding: 0 0 5px 0; }
		#content .scrollable h2 {
			padding: 0 0 5px 0;
			font: normal 16px Tahoma, Geneva, sans-serif;
			color: #4d6c80; }
		.jScrollPaneContainer {
			position: relative;
			overflow: hidden;
			z-index: 1; }
		a.jScrollArrowUp,
		a.jScrollArrowDown {
			display: block;
			position: absolute;
			right: 0;
			z-index: 1;
			width: 11px;
			height: 10px;
			line-height: 2px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/icon_scrollbar.gif") 0 0 no-repeat; }
		a.jScrollArrowUp { top: 0; }
		a.jScrollArrowDown {
			bottom: 0;
			background-position: 0 100%; }

#social-media {
	position: absolute;
	right: 28px;
	top: 10px;
	z-index: 1; }
	#social-media p {
		float: left;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		color: #4d6c80;
		border-right: 1px solid #e6e6e6; }
	#social-media img {
		margin: 0 2px;
		vertical-align: middle; }
	#social-media a.btn_share {
		float: left;
		width: 48px;
		height: 11px;
		margin: 2px 0 0 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_share.gif") 0 0 no-repeat; }

#footer { padding: 13px 78px 0 25px; }
	#footer a#btn_testimonials {
		float: right;
		padding: 0 0 0 12px;
		font-size: 13px;
		background: transparent url("../images/icon_arrow.gif") 0 50% no-repeat; }
	#footer ul {
		clear: both;
		padding: 20px 0 7px 0; }
	#footer li {
		display: inline;
		padding: 0 2px 0 0;
		color: #e6e6e6; }
		#footer li a {
			margin: 0 2px 0 0;
			color: #447ea3; }
	#footer p {
		font-size: 10px;
		color: #516f82; }

#testimonials {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 220px;
	height: 100%;
	color: #ffffff;
	background: transparent url("../images/bg_testimonials.png") repeat; }
	#testimonials a.btn_close {
		float: right;
		width: 9px;
		height: 8px;
		margin: 14px 14px 0 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_close_testimonials.gif") 0 0 no-repeat; }
	#testimonials h3 {
		clear: both;
		padding: 47px 0 10px 23px;
		font-size: 13px;
		font-weight: normal; }
	#testimonials #testimonial-slides {
		position: relative;
		margin: 0 23px 15px 23px; }
		#testimonials #testimonial-slides blockquote { width: 174px; }
		#testimonials #testimonial-slides p {
			padding: 0 0 15px 0;
			font: normal 16px/130% Tahoma, Geneva, sans-serif; }
		#testimonials #testimonial-slides p.name { font: normal italic 11px Verdana, Geneva, sans-serif; }
	#testimonials #slide-pager { padding: 0 23px 15px 23px; }
		#testimonials #slide-pager a {
			padding: 0 5px 0 0;
			margin: 0 5px 0 0;
			color: #ffffff;
			border-right: 1px solid #ffffff; }

/* Consulting
-----------*/
#content #consulting h1 {
	height: 28px;
	background: transparent url("../images/hdr_consulting.png") 0 100% no-repeat; }
ul.breadcrumbs { padding: 0 0 15px 0; }
	ul.breadcrumbs li { display: inline; }

/* Social Networking
------------------*/
#content #social-networking h1 { background: transparent url("../images/hdr_social-networking-strategy.png") 0 100% no-repeat; }

/* Media
------*/
#content #media h1 { background: transparent url("../images/hdr_media.png") 0 100% no-repeat; }

/* Creative
---------*/
#content #creative h1 { background: transparent url("../images/hdr_creative.png") 0 100% no-repeat; }

/* About
------*/
#content #about h1 { background: transparent url("../images/hdr_about.png") 0 100% no-repeat; }

/* Contact
--------*/
#content #contact h1 { background: transparent url("../images/hdr_contact.png") 0 100% no-repeat; }