html { height:100%; }

body { 
	font-family:Tahoma, Verdana, sans-serif; margin:0; padding:0; 
	font-size:72.5%; background:#fff url(../images/bg.gif); 
	color:#2c343b; height:100%;
}

body#home {
	background:#fff url(../images/red-bg.gif); 
}

/* ------------------ */
/* ---- GENERAL ----- */
/* __________________ */

p { line-height:1.4em; margin:10px 0; color:#fff;  }
form { margin:0; padding:0; }
input { padding:0; margin:0; }
a  { color:#d60023; }
a img { border:none; }
:active, :focus{ outline:none; }

h1 { font-size:2.6em; color:#d10010; }
h2 { font-size:1.7em; margin-top:21px; font-weight:bold; color:#d10010; }
h3 { font-size:1.5em; margin-bottom:10px; color:#d10010; }
h4 { font-size:1.5em; color:#fff; font-weight:bold; font-style:italic; }
h5 { font-size:1.5em; color:#fff; }

#showreel-link { display:none; }

.dotted { border-bottom:1px dotted #84bef6; margin:0 0 10px 0; }

h5.dotted { padding-bottom:10px; margin-bottom:20px; }

.small_box h3 { margin:20px 0 0 0; font-size:1.4em; }

.more-block { 
	display:block; 
	text-align:right; 
	border-bottom:#84BEF6 1px dotted;
	padding-bottom:10px; 
	margin-bottom:20px;
	font-size:0.9em;
	padding-right:10px;
	background:url(/images/more-grad.jpg) repeat-x left bottom;
}

.enlarge {
	display:block;	
	margin:2px 0 5px 0;
	text-decoration:none;
}

.enlarge span {
	background:url(/images/mag-glass.gif) no-repeat;
	display:block;
	padding-left:20px;		
}

.visit {
	background:url(/images/new-win.gif) no-repeat;
	display:block;	
	padding-left:25px;
	margin:2px 0 5px 0;
}

.clearer { height:1px; clear:both; font-size:1px; }
.clearall {
	clear: both;
	height: 0;
	font-size: 0.01px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#outer_wrapper { margin:0 auto; height:100%; width:1000px; position:relative; padding-top:1px; }

html>body #outer_wrapper { height:auto; min-height:99.9%; margin-bottom:-25px; }

#sidebar { 
	position:absolute; padding:0 15px;
	width:281px; height:100%; 
	background:url(/images/sidebar-bg.png) repeat-y; 
	z-index:0; left:0; top:0;
}

#inner_wrapper { 
	margin:0 0 0 269px; width:676px; height:auto; 
	z-index:1; position:relative; padding:50px 0;
}

/* ------------------ */
/* ---- HEADER ------ */
/* __________________ */

#logo { 
	margin:45px 0 0 19px; display:block; 
	width:210px; height:87px; 
	background:url(/images/logo.gif) no-repeat; 
	text-decoration:none; text-indent:-1000px; outline:none;
}

#logos {
	width: 210px;
	margin:30px 0 0 27px;
}

#logos img {
	margin:0 12px 10px 0;
}

.tagline {
	display:block; padding-bottom:20px;
	height:34px; margin-left:19px;
	color:#fff; text-align:center;
	width:210px; font-size:2.2em;
}

#creative { background:url(/images/creative.png) left top no-repeat; text-indent:-10000px; }

#effective { background:url(/images/effective.png) left top no-repeat; text-indent:-10000px; }

/* ------------------ */
/* ---- Homepage ----- */
/* __________________ */

#home-content { 
	font-size:4em; color:#fff; 
	padding:15px 15px 15px 0; margin:0; 
	background:url(/images/main-box-bg.png) no-repeat;
	height:360px; 
}

body#home #inner_wrapper p { color:#fff; margin:15px 50px 15px 15px; }

/* ----------------------- */
/* ---- PEOPLE PAGE ------ */
/* _______________________ */

.person { 
	width:541px; height:234px;
	position:relative; z-index:1;
	cursor: pointer;
}

.person h2, .person h3 { color:#fff; }

.person div { 
	background:url(/images/person-bg.png) no-repeat; 
	width:532px; height:216px; padding:9px 9px 9px 0;
}

.person div p br {
	margin: 14px;
}

.person a img,
#person-details img { float:left; margin:25px; border:#000 1px solid; }

.person p { margin-right:50px; }

.person-pointer {
	z-index:-100; position:absolute; top:75px; right:-20px;
	background:url(/images/person-pointer.png) no-repeat right center;
	display:block; width:76px; height:79px; text-indent:-10000px;
}

#person-details { 
	background:url(/images/person-details-bg.png) no-repeat;
	padding:13px 15px 13px 0; width:642px; height:617px;
	position:relative;
}

#person-details h2,
#person-details h3 { color:#fff; }
 
#person-details p {
	margin-right:50px;
	margin-left:210px;
}

#people-list { 
	width:162px; clear:left; margin-left:21px;
	list-style:none; float:left;
}

#people-list li { margin:0 0 4px 4px; float:left; }

#people-list li a { 
	position:relative; display:block; 
	width:50px; height:50px;
}

#people-list li a img { margin:0; }

#back-to-people,
#back-to-work {
	background:url(/images/back-arrow.png) no-repeat; display:block;
	position:absolute; display:block; height:44px; width:17px;
	text-indent:-10000px; right:15px; top:32px;
}

#ourpeople_ul { list-style:none; width:auto; margin:10px 18px; padding:0; }
#ourpeople_ul li { float:left; width:158px; padding:15px 0; background:url(/images/people_arrow.gif) no-repeat center 145px; }

/* ----------------------- */
/* ---- CLIENTS PAGE ----- */
/* _______________________ */

#clients .white-box-main { padding-bottom:40px; }

.client-logo {
	background:url(/images/client-logo-bg.png) no-repeat;
	width:192px; height:104px; padding:6px 5px; float:left;
	margin:-2px; text-align:center; position:relative;
}

.client-logo img {
	margin:0 auto;	
}

.client-more-link { 
	display:block; background:url(/images/client-more-arrow.png) no-repeat;
	position:absolute; right:16px; bottom:16px; height:18px; width:9px;
	text-indent:-10000px;
}

#client-list { 
	width:213px; clear:left; margin-left:2px;
	list-style:none; float:left;
}

#client-list li { margin:-1px 0; float:left; }

#client-list li a { position:relative; display:block; }

#client-list li a span { 
	position:absolute; display:block; 
	width:69px; height:33px; /*background:url(/images/transp.png);*/ z-index:100;
	right:1px; top:1px; text-indent:-10000px;
}

#client-list li a:hover span { 
	display:none;
}

#client-details {
	position:relative;
	background:url(/images/client-details-bg.png) no-repeat;
	margin-left:215px; height:284px; width:430px; margin-top:-6px;
	padding:10px 10px 10px 5px; clear:none;
}

#client-details #quote {
	margin:20px 20px 0 20px; height:200px;
}

#client-details #back-to-people {
	right:11px;
}

#client-details p {
	font-size:1.5em; line-height:1.3;
}

#client-details h4, #client-details h5 {
	margin-left:20px;	
}

/* ------------------------------- */
/* ---- CASE STUDIES/WORK PAGE --- */
/* _______________________________ */

#workpanels { /* Main background box for work pages */
	background:url(/images/white-box-body.png) top right repeat-y;	
	padding:0 7px 13px 22px; width:617px;
	z-index:-100; position:relative; overflow:auto;
}

#workpanels-base { 
	background:url(/images/white-box-bottom.png) top right repeat-y;
	height:14px; width:646px;
}

h1 { margin:25px 0; }

#workpanels .pagination { list-style:none; float:right; margin:40px 38px 0 0; }

#workpanels .pagination li { float:left; height:21px; line-height:21px; padding:4px; }

#workpanels .pagination li a { text-decoration:none; }

#workpanels .pagination li#next { background:url(/images/next-li-bg.png) no-repeat; width:56px; }

#workpanels .pagination li#next a { padding-left:5px; }

#workpanels .pagination li#previous { background:url(/images/prev-li-bg.png) no-repeat; width:56px; }

#workpanels .pagination li#previous a { padding-left:20px; }

.work-panel {
	float:left; margin:0 0 18px 0; position:relative;
}

.work-panel div {
	background:url(/images/work-panel-bg.png) no-repeat;
	width:562px; height:290px; 
	padding:4px 4px 7px 13px; 
}

.work-panel div a { display:block; margin:10px 0; }

.work-panel div a.more-link { 
	float:right; text-transform:uppercase; font-size:1.3em;
	font-weight:bold; margin:0 12px 0 0; text-decoration:none;
}

.work-panel div h2 { margin-top:15px; font-weight:normal; font-size:1.45em; }

.work-panel p { color:#888; margin:0; line-height:1.2; font-size:0.95em; }

.work-panel p span { color:#d10010; }

.work-pointer {
	z-index:-1; position:absolute; top:242px; right:-8px;
	background:url(/images/work-pointer.png) no-repeat right center;
	display:block; width:46px; height:38px; text-indent:-10000px;
}

.white-box-top {
	width:653px; height:14px;
	background:url(/images/white-box-top.png) left top no-repeat;	
}

.white-box-main { 
	width:622px;
	background:url(/images/white-box-body.png) right top repeat-y; 
	padding:1px 7px 1px 24px; position:relative; overflow:auto;
}

.white-box-bottom {
	width:653px; height:14px;
	background:url(/images/white-box-bottom.png) left top no-repeat;	
}

/* Work details */

#work-details { padding-bottom:30px; }

#work-details h1 { margin-bottom:15px; }
#work-details h2 { margin:0 0 7px 0; font-size:1.7em; font-weight:normal; }
#work-details h3 { font-size:1.6em; margin:0; }

#work-details p, #work-details li { color:#888; }

#work-details-testimonial { 
	float:right; width:211px; margin-right:38px; padding:4px 18px; 
	background:url(/images/work-testimonial-bg.png) no-repeat;
	height:252px;
}

#work-details-testimonial h3 { color:#fff; font-style:italic; margin:15px 0; }
#work-details-testimonial p { color:#fff; }

#work-details-effect { width:310px; }

#work-details-effect ul { margin:10px 15px 10px 15px; }

#slider-wrapper {
	background:url(/images/slider-bg.png) no-repeat;
	width:559px; padding:4px; position:relative;
	margin:0 0 45px 10px; height:295px;
}

#slider-extra { list-style:none; position:absolute; bottom:-25px; right:3px; }

#slider-extra li  { background:url(/images/gallery-li-bg.png) no-repeat; text-align:center; font-size:0.95em; float:left; padding:0 4px 4px; height:25px; width:80px; line-height:27px; }

#slider-extra li a { cursor:pointer; text-decoration:none; color:#d10010; font-weight:bold; text-transform:uppercase; }

#slider-extra li#web-link { width:116px; text-align:left; background:url(/images/website-li-bg.png) no-repeat; }

#slider-extra li#web-link a { color:#fff; padding-left:10px; }

#back-to-work {
	background:url(/images/back-red-arrow.png) no-repeat;
	right:7px; top:32px;
}

/* ----------------------- */
/* ---- TESTIMONIALS ----- */
/* _______________________ */

#testimonials .white-box-main { padding-bottom:50px; }

.testimonial-panel {
	margin:0; position:relative;
	background:url(/images/testimonial-panel-bg.png) left -4px no-repeat;
	width:555px; padding:4px 4px 7px 20px; 
}

.testimonial-panel-top {
	background:url(/images/testimonial-panel-bg.png) left top no-repeat;
	width:579px; height:4px; margin:0;
}

.testimonial-panel-bottom {
	background:url(/images/testimonial-panel-bg.png) left bottom no-repeat;
	width:579px; height:4px; margin:0 0 18px 0;
}

.testimonial-panel h2 { margin:10px 0; font-weight:normal; font-size:1.45em; }

.testimonial-panel img { float:right; margin:0 15px 0 15px; }

.testimonial-panel p { color:#888; margin:10px 0; width:385px; line-height:1.2; font-size:0.95em; }

.testimonial-panel p b { display:block; }

.testimonial-panel a.more { cursor:pointer; }

/* ----------------------- */
/* ---- TV --------------- */
/* _______________________ */

#tv .white-box-main { padding-bottom:50px; }

.tv-panel {
	margin:0 0 18px 0; position:relative;
	background:url(/images/tv-panel-bg.png) no-repeat;
	width:555px; height:389px; 
	padding:4px 4px 7px 20px; 
}

.tv-panel h2 { margin:10px 0; font-weight:normal; font-size:1.45em; }

.tv-panel p { color:#888; margin:10px 0; line-height:1.2; font-size:0.95em; }

/* ----------------------- */
/* ---- CONTACT PAGE ----- */
/* _______________________ */

body#contact p { color:#888; }

#contact-details.white-box-main { background:#fff; width:674px; padding-bottom:25px; overflow:auto; }

#contact-details h4 { color:#D10010; font-style:normal; margin:20px 0 10px 0; font-size:1.8em; font-weight:normal; }

#contact-details h5 { color:#D10010; }

#map { margin-bottom:60px; width:450px; height:276px; left:10px; top:9px; position:relative; z-index:2; }
#maps_frame { background:transparent url(../images/map-frame.png) no-repeat; height:311px; width:485px; position:absolute; top:125px; left:0px; z-index:0; }
	html>body #maps_frame { left:20px; }

#address-box { float:right; width:150px; font-size:0.95em; line-height:1.2; }	
#address-box h4 { font-size:1.1em; margin-bottom:0; }
#address-box a { outline:none; cursor:pointer; clear:both; margin:3px 0; } /* Opening links */

/*Individual slider divs containing hidden text formatted for contact page */
body#contact .slider { border:1px solid #f3faff; margin:2px 25px 2px 0px; } 

#download-map {
	 float:right; font-size:1em; 
	 text-decoration:underline; background: transparent url(/images/case_studies/pdf-icon.gif) no-repeat scroll 0% 0%;
	 height: 16px; padding-bottom: 10px; padding-left: 20px; display: block; margin-right:25px;
}

	
/* --------------------- */
/* ---- NAVIGATION ----- */
/* _____________________ */

#main_nav { 
	width:251px; font-size:1em; 
}

#main_nav ul {
	padding:10px 0 30px 0; margin:0 24px; list-style-type:none;
	border-top:#fff 1px dotted; 
	border-bottom:#fff 1px dotted;
}

#sidebar fieldset {
	padding:30px 0 0 0; margin:0 24px;
	border:none; border-top:#fff 1px dotted;
	width:208px;
}

#sidebar fieldset label {
	color:#fff; text-transform:uppercase; font-size:1.2em;
}

#sidebar form fieldset label {
	font-size:1em;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li { position:relative; z-index:50; padding-left:15px; margin:1px 0 1px -15px; }

/* style the links for the top level */
#main_nav a, #main_nav a:visited { 
	outline:none; 
	font-size:1.4em;
	line-height:1.1;
	display:block; 
	text-decoration:none;
	color:#e88088; 
	font-weight:bold; text-transform:uppercase;
}

#main_nav li.active {
	background:url(/images/asterisk.gif) no-repeat;
}

#main_nav li.active a {
	color:#fff;
}

/* style the top level hover */
#main_nav a:hover { color:#fff; }

/* ----------------------- */
/* PNG fix --------------- */
/* _______________________ */

* html .pngfix {
	azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', src='" + this.src + "', sizingMethod='image')",
	this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', src='" + this.origBg + "', sizingMethod='scale')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}