/* CSS RESET MINIFIED */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border: 0; outline: 0; } :focus { outline: 0; } body { color: black; line-height: 1; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after, .action-grid:after { content: ""; } blockquote, q { quotes: "" ""; } 
/* END CSS RESET */

/* BEGIN SITE SPECIFC STYLES */
/* GLOBAL */
body {
background-color:#000000;
}
strong { 
font-weight:bold; 
}
u { 
text-decoration: underline; 
}
em { 
font-style:italic; 
}
a{
color:#2489a7; text-decoration: none;
outline: none;
}
a:hover{
text-decoration: underline;
}
.left, .middle {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;	height:1px;	overflow:hidden; margin-top:-1px;
}
* html .clear-element { 
    height: 1px; 
}
.clear-element {
    display: block;
    min-width: 0px;
}
.clear-element:after {
clear:both; content: ""; display: block; height: 0px;
}
.alt1 {
background-color: #ffffff;
}
.alt2 {
background-color: #e3e3e3;
}
/* END GLOBAL */


/* Start Typography */
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* End Typography */


/* BEGIN STYLING */
#content{position:relative; width:935px; left:0px; top:20px; margin:0 auto; z-index: 50; background:transparent;}
	#content #topnav {
	width:100%;	height:34px;
	}
	
		#content #topnav .nav { float:left; width:675px; margin-top:13px;}
		#content #topnav ul.nav li, #content #bottomnav ul.nav li {display:block; float:left; font:14px 'ralewaybold', Arial, Helvetica; color:#fff; text-transform:uppercase; /*text-indent:-9999px;*/}
		#content #topnav ul.nav li{padding-right:50px;}
		#content #topnav ul.nav li a, #content #bottomnav ul.nav li a{color:#fff;}
		#content #topnav ul.nav li a:hover, #content #bottomnav ul.nav li a:hover{text-decoration:none;}
		/*#content #topnav .nav a { display:block; height:21px; background-image:url('../images/site/navigation-sprite-bg.png'); } 
		#content #topnav .nav .home { width:72px;	background-position:0px -12px; } 
		#content #topnav .nav .about { width:112px; background-position:-72px -12px; } 
		#content #topnav .nav .approach { width:164px; background-position:-182px -12px; } 
		#content #topnav .nav .work {	width:90px; background-position:-346px -12px; } 
		#content #topnav .nav .blog {width: 90px;background-position: -443px -12px;}
		#content #topnav .nav .home:hover { background-position:0 -50px; }
		#content #topnav .nav .about:hover { background-position:-72px -50px; }
		#content #topnav .nav .approach:hover { background-position:-182px -50px;	}
		#content #topnav .nav .work:hover { background-position:-346px -50px; }
		#content #topnav .nav .blog:hover { background-position:-443px -50px; }*/
		#content #topnav ul.nav li div.about-dropdown {display:none; position:absolute; top:35px; left:74px; width:104px; z-index:100; background-color:white; border:1px solid #eee; border-top:none;}
		#content #topnav ul.nav li div.approach-dropdown { display:none; position:absolute; top:35px; left:180px; width:165px; z-index:100; background-color:white; border:1px solid #eee; border-top:none;}
		#content #topnav ul.nav li div.work-dropdown { display:none; position:absolute; top:35px; left:347px; width:116px; z-index:100; background-color:white; border:1px solid #eee; border-top:none;}
		
		#content #topnav ul.nav li div a { display:block; position:relative; padding:5px 15px; z-index:150; font:12px 'ralewayregular', Arial, Helvetica; color: #676767; text-align:center; text-indent:0; text-decoration:none; text-transform:uppercase; border-top: 1px solid #e8e9e9; height:auto; background:none; }
		#content #topnav ul.nav li div a:hover, 
		#content #topnav ul.nav li div a:active { color: #ff0404; }
		
		#content #topnav .logo {display:block; float:right;	width:231px; height:35px; background:url(../images/site/agency212-top-logo.png) left top no-repeat; position:relative; z-index:100;}
		#content #topnav .logo span { display:none; }
		
	#content #bottomnav {
	width:100%;	height:34px; margin-bottom:150px;
	}
		#content #bottomnav .facebookbox {
		display:none; position:relative; top:-142px; left:247px;z-index:100; width:238px; height:285px;
		background-color:white;
		}
        #content #bottomnav .footer-links-grid {width:910px; float: left;}		
		#content #bottomnav .nav {width:630px; height:34px; float:left; margin-top:8px;}
		#content #bottomnav ul.nav li{padding-right:18px; font-size:11px;}
		#content #bottomnav .copyright{width:auto; height:34px; float:right; padding-top:8px; text-align:right; font:11px 'ralewayregular', Arial, Helvetica; color:#fff;}
		/*#content #bottomnav .nav a { display:block; height:34px; background-image:url('../images/site/navigation-sprite-bg.png'); } 
		
		#content #bottomnav .nav .howtoguide { width:176px; background-position:0px 72px; } 
		#content #bottomnav .nav .howtoguide:hover { background-position:0px 34px; }
        #content #bottomnav .nav .tucker { width:192px; background-position:-175px 72px; } 
		#content #bottomnav .nav .tucker:hover { background-position:-175px 34px;	}
		#content #bottomnav .nav .client { width:134px; background-position:-365px 72px; } 
		#content #bottomnav .nav .client:hover { background-position:-365px 34px; }
		#content #bottomnav .nav .legal { width:81px; background-position:-499px 72px; } 
		#content #bottomnav .nav .legal:hover { background-position:-499px 34px; }
		#content #bottomnav .nav .sitemap { width:89px; background-position:-581px 72px; } 
		#content #bottomnav .nav .sitemap:hover { background-position:-581px 34px; }
		#content #topnav .nav .blog:hover { background-position:-443px -50px; }
		*/
                #content #bottomnav .socialnetwork-grid { float: right; }
                
                #content #bottomnav .socialnetwork-grid .facebook {display:block; width:14px; height:14px; margin-top: 8px; margin-left: 8px;	background:url('../images/site/facebook-like-btn.png') left top no-repeat; text-decoration:none;} 
				#content #bottomnav .socialnetwork-grid .facebook:hover {background-position:0 -14px; text-decoration:none;}
				 
	#content #contentframe {clear:both; overflow: hidden; height: auto !important; z-index: 50;	text-align:left; background:#fff; box-shadow:0 0 12px #222; -moz-box-shadow:0 0 12px #222; -webkit-box-shadow:0 0 12px #222; position:relative; behavior:url(PIE.htc);}
		.mainTitle{width:580px; clear:both; margin:0 auto; text-align:center; padding-top:35px;}
		.mainTitle a, .mainTitle a:hover{display:block; text-decoration:none;}
		.title{display:block; font:69px/60px 'ralewaybold', Arial, Helvetica; color:#00b4da; text-transform:uppercase;}
		.title span{display:block; font:69px/62px 'ralewaylight', Arial, Helvetica; cursor:pointer;}
		.competition{width:582px; clear:both; display:block; font:17px/24px 'ralewaymedium', Arial, Helvetica; color:#000; border-top:1px solid #333; padding:20px 0 0; margin:28px 0 20px; background:url(../images/site/text-arrow.png) 545px bottom no-repeat; cursor:pointer;}
		.agencyAdvertise{clear:both; text-align:center; padding:33px 0 6px; font:13px 'ralewayregular', Arial, Helvetica; color:#00b4da;}
		.agencyAdvertise span{font:13px 'ralewaybold', Arial, Helvetica;}
		
		#content #contentframe .sidebar, .sidebar {
		float:left; width:312px; margin:50px 0;
		}
		#content #contentframe .onecol {
		width:885px;
		}
			#content #contentframe .sidebar .pagehead {
			width:312px;
			overflow:hidden;
			display:block;
			}
			#content #contentframe .sidebar .pagehead img{width:100%;}
			#content #contentframe .sidebar  ul.subnav {
			margin:50px 0;
			}
			#content #contentframe .sidebar  ul.subnav li a {
			display:block; width:93%; padding:9px 7% 9px 0;
			background-color: #e5e5e5; background-image:url('../images/site/sidebar-subnav-reddot.gif'); background-position: 98% 50%; background-repeat:no-repeat;
			font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #127c9f; text-align:right; text-transform:uppercase;
			}
			#content #contentframe .sidebar  ul.subnav li a:hover, #content #contentframe .sidebar  ul.subnav li .selected {
			background-color: #FFFFFF;
			color: #dd0403;
			}
			#content #contentframe .sidebar  ul.tuckernav {
			margin:15px 0;
			}
			#content #contentframe .sidebar  ul.tuckernav li {
			display:block; width:93%;  padding: 5px 0;
			font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #3f3e3e; text-align:right; text-transform:uppercase;
			}
			#content #contentframe .sidebar  ul.tuckernav li a {
			display:block; width:93%; padding:0px 7% 0px 0;
			background-image:url('../images/site/sidebar-subnav-reddot.gif'); background-position: 100% 50%; background-repeat:no-repeat;
			font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #127c9f; text-align:right; text-transform:uppercase;
			}
			#content #contentframe .sidebar  ul.tuckernav li a:hover, #content #contentframe .sidebar  ul.tuckernav li .selected {
			color: #dd0403;
			}
			#content #contentframe .sidebar .parenthesis {
			width:95px; height:153px;
			background-image:url('../images/site/parenthesis.gif'); background-position: 50% 0%; background-repeat:no-repeat;
			}
			#leader4, #leader5, #leader6{margin-bottom:47px !important;}
			
		#content #contentframe .maincontent, .maincontent {
		float:right; width:521px; margin:50px 50px 50px 0;
		font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #3f3e3e;
		}
		#content #contentframe .singlecol {
		width:835px;
		float:none;
		margin:0 auto;
		}
			#content #contentframe .maincontent p, .maincontent p {
			font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #3f3e3e;
			}
#contact {
position:fixed; width:35px; top:50%; right:0px; margin-top:-109px; z-index:1750;
}
	.contact-blackout {
	display:none; position: fixed; width: auto; height: auto; top: 0%; left: 0%; z-index:1500;
	background-color: black;
	}
	#contact #contact-nav {
	position:absolute; top:0px; left:0px;
	}
	#contact .nav-closed {
	width:35px;	height:218px;
	background-color:white;	background-image:url('../images/site/contact-docked.gif'); background-repeat:no-repeat;
	}
	#contact #contact-contentframe {
	margin-left:35px; z-index:1750;
	text-indent:-9999px;
	background-color:transparent; background-image:url('../images/site/contentframe-bg.png'); background-repeat:repeat;
	}
		#contact #contact-contentframe .sidebar .social, #contact-contentframe .sidebar .direct {
		width:100%; height:30px; display:block;	margin-top:25px;
		background-color: #008ab0;
		} 
		#contact #contact-contentframe .sidebar .social .text {
		float:left; width:170px; margin-left:15px;
		font: normal 13px/30px "Trebuchet MS", Tahoma, sans-serif; color: #FFFFFF; text-transform:uppercase;
		}
		#contact #contact-contentframe .sidebar .social .sociallinks {
		float:right; width:100px; margin-right:15px;
		font: normal 13px/30px "Trebuchet MS", Tahoma, sans-serif; color: #FFFFFF; text-transform:uppercase; text-align:right;
		}
		#contact #contact-contentframe .sidebar .direct {
		background-color:transparent;
		}
		#contact #contact-contentframe .sidebar .direct .address {
		font: normal 17px/23px "Trebuchet MS", Tahoma, sans-serif; color: #434343; text-align:right;
		}
		#contact #contact-contentframe .sidebar .direct .phone {
		font: normal 11px/13px "Trebuchet MS", Tahoma, sans-serif; color: #434343; text-align:right;
		}
		#contact #contact-contentframe .maincontent h3 {
		border-bottom: 1px solid #b6b7b8; margin-bottom: 5px;
		font: normal 14px/26px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0; text-transform:uppercase; letter-spacing:1px;
		}
		#contact #contact-contentframe .maincontent p {
		font:normal 12px/18px "Trebuchet MS", Tahoma, sans-serif; color: #3f3e3e;
		}
		#contact #contact-contentframe .maincontent .form {}
		#contact #contact-contentframe .maincontent .form label {
		font: normal 11px/26px "Trebuchet MS", Tahoma, sans-serif; color: #5a5a5c; 
		}
		#contact #contact-contentframe .maincontent .form input, #contact #contact-contentframe .maincontent .form textarea {
		width: 98%;
		}
		
/* PAGE SPECIFIC STYLES */
/* HOMEPAGE */
#content #contentframe #homepage {}
#content #contentframe #homepage .homebar {
background-color:#2289a7;
width:100%;
height:52px;
margin-top:50px;
display:block;
}
#content #contentframe #homepage .homebar .address {
float:left;
width:300px;
height:35px;
overflow:hidden;
margin-left:50px;
margin-top:9px;
font: normal 11px Trebuchet MS;
color: #a9cdd8;
text-transform:uppercase;
}
#content #contentframe #homepage .homebar .address h2 {
font: normal 13px Trebuchet MS;
color: #ffffff;
text-transform:uppercase;
}
#content #contentframe #homepage .homebar .biglogo {
float:right;
display:block;
width:251px;
height:52px;
margin-right:50px;
background-image:url('../images/site/homepage-logo.gif.png');
background-repeat:no-repeat;
text-indent:-9999px;
}

#pageSlideContainer {
width:745px;
height:331px;
margin-top: 50px;
margin-left:85px;
margin-bottom: 50px;
background-image:url('../img/slider/cub3r/shadow.jpg');
background-position:bottom center;
background-repeat:no-repeat;
}

#pageSlideBlackBox {
position:absolute;
width:745px;
height:331px;
background-color: transparent;
overflow:hidden;
}

#pageSlides {
position:relative;
width:15000px;
height:350px;
}

.pageSlide {
width: 600px;
height: 350px;
float:left;
margin: 0 70px;
color: white;
}

#pageSlidesNav #prevSlideBtn, #pageSlidesNav #nextSlideBtn {
position:absolute;
height:20px;
width:10px;
top: 145px;
z-index:5000;
overflow:hidden;
background-image:url('../images/site/homescrollerbuttons.png');
background-repeat:no-repeat;
font:normal 0px Arial;
text-indent:-9999px;
}

#pageSlidesNav #prevSlideBtn {
left:20px;
background-position: 0 0;
}

#pageSlidesNav #nextSlideBtn {
right: 20px;
background-position: 0px 0px;
}


/* ABOUT US, FAST FACTS */
			#content #contentframe .maincontent #about-fastfacts {} 
				#content #contentframe .maincontent #about-fastfacts h2 {
				font:bold 13px/21px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0;
				} 
				
/* ABOUT US, LEADERSHIP */
		#content #contentframe .sidebar .largecopy {
		width:470px;
		font:normal 19px/33px "Trebuchet MS", Tahoma, sans-serif; color: #3f3e3e;
		}
		#content #contentframe .maincontent #about-leadership h1, #content #contentframe #tucker h3, #content #contentframe #work-gallery h3 {
		font:normal 12px/26px "Trebuchet MS", Tahoma, sans-serif; color: #505254; text-transform:uppercase; text-align:right; letter-spacing: 1px;
		border-bottom: 1px solid #c0c1c2;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block {
		width:264px;
		min-height:145px;
		overflow:hidden;
		margin: 20px 20px 0 0;
		border-top: 5px solid #008ab0;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block h1 {
		font: bold 21px/30px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0; text-align:left; text-transform:capitalize; letter-spacing:0px;
		margin:10px 20px;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block .jobtitle {
		font: normal 11px "Trebuchet MS", Tahoma, sans-serif; color: #868686; text-align:left; text-transform:uppercase; letter-spacing:0px;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block p {
		font-size:12px; color: #6d6c6c;
		margin: 0px 20px;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block .fullbio {
		display:none;
		}
		#content #contentframe .maincontent #about-leadership .blocks .block .readmorelink {
		float:right; display:block; width: 80px;
		margin: 0 20px 15px 0;
		font: bold 11px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0; text-align:right;
		background-image:url('../images/site/sidebar-subnav-reddot.gif'); background-position: 0% 50%; background-repeat:no-repeat;
		}
/* APPROACH, SERVICES */
		#content #contentframe .maincontent #approach-services .list {
		width:250px;
		font: normal 13px/32px "Trebuchet MS", Tahoma, sans-serif;
		}
/* APPROACH, PROCESS */
		#content #contentframe .maincontent #approach-process h3 {
		margin: 30px 0;
		padding-top: 55px;
		width:100%;
		font: normal 26px/22px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0; text-align:center;
		background-image:url('../images/site/parenthesis-horizontal.png'); background-position: 50% 0%; background-repeat:no-repeat;
		}
		#content #contentframe .maincontent #approach-process .list .num {
		width: 30px;
		font: bold 17px "Trebuchet MS", Tahoma, sans-serif; color: #008ab0; text-align:center;
		}
		#content #contentframe .maincontent #approach-process .list .listitem {
		width: 471px; 
		font: normal 13px/22px "Trebuchet MS", Tahoma, sans-serif; 
		}
/* APPROACH, HOW TO GUIDES */
                #approach-howtoguides-grid p { margin: 0px 0px 20px 0px; }
                #approach-howtoguides-grid .blue { color: #0077a1; }
                #approach-howtoguides-grid .red { color: #FF0000; }
                .action-grid { clear: both; width: 100%; margin-bottom: 35px; }
                .action-grid .left-unit { margin-left: 85px; float: left; }
                .action-grid .right-unit { margin-right: 85px; float: right; }
                .contact-grid { 
                    clear: both; width: auto; text-align: center; margin: 40px auto; 
                    color: #0077a1; font:normal 13px/21px "Trebuchet MS", Tahoma, sans-serif;
                }
/* APPROACH, AUTOMOTIVE */
                .pagination-container p { margin: 0px 0px 10px 0px; }
                .pagination-container .blue { color: #0077a1; }
                .pagination-container .red { color: #FF0000; }
                .pagination-container .section { display: none; }
                .maincontent .show { display: block; }
                .automotive-pagination { text-align: right; padding-top:10px; display: none;}
                .automotive-pagination a, .automotive-pagination a:visited { color: #000; } 
                .automotive-pagination a:active, .automotive-pagination a:focus { color: #ff4040; }
                .section .automotive-car { width:200px; height:270px; display:block; background: transparent url("../images/site/automotive-print-car.jpg") no-repeat bottom center; }
                .section .automotive-car2 { width:199px; height:270px; margin-left:10px; display:block; background: transparent url("../images/site/automotive-print-car2.jpg") no-repeat bottom center; }
                .section a.automotive-car:hover, .section a.automotive-car2:hover { background-position: center top; }
                .section .automotive-vid-clip1 { width:199px; height:149px; display:block; background: transparent url("../images/site/automotive-clip1.jpg") no-repeat bottom center; }
                .section .automotive-vid-clip2 { width:199px; height:149px; margin-left:10px; display:block; background: transparent url("../images/site/automotive-clip2.jpg") no-repeat bottom center; }
                .section a.automotive-vid-clip1:hover, .section a.automotive-vid-clip2:hover { background-position: center top; }
/* WORK, GALLERY */
		#content #contentframe .maincontent .clientlist {
		border-bottom: 1px solid #cba1a5;
		/*padding-bottom: 10px;*/
		}
		#content #contentframe .maincontent .clientlist h3 {
		border-bottom: 1px solid #cba1a5;
		text-transform:uppercase;
		line-height:30px;
		/* margin-bottom: 10px; */
		}
		#content #contentframe .maincontent .clientlist .listitem {
		float:left;
		font: normal 12px/22px "Trebuchet MS", Tahoma, sans-serif; color: #2387a4; text-align:center;
		/*padding-left:20px;
		background-image:url('../images/site/work-listitem-arrow.png'); background-position: 0% 50%; background-repeat:no-repeat;*/
		background-color: #ecf1f5;
		/*width: 100%;*/
		padding:10px 5px 10px 35px;
		display:block;
		}
		
		.clientlist table
		{
		background-color: #ecf1f5;
		text-align: center;
		}
		#content #contentframe .maincontent .clientlist .inactive {
		color: #505254;
		}
		#content #contentframe .maincontent .gallery {
		position:relative;
		width: 835px;
		height: 460px;
		overflow:hidden;
		margin: 30px 0;
		}
		#content #contentframe .maincontent .gallery .images {
		position:relative;
		width:0px;
		}
		#content #contentframe .maincontent .gallery .block {
		width: 258px;
		margin-right: 30px;
		}
		#content #contentframe .maincontent .gallery .titlebar {
		display:block;
		width:100%;
		height: 45px;
		background-color: #2289a7;
		}
		#content #contentframe .maincontent .gallery .titlebar .clientlogo {
		margin: 3px 0 3px 8px;
		width: 100%;
		height: 39px;
		background-position: 0% 50%;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
		#content #contentframe .maincontent .gallery .titlebar .clientmeta {
		margin: 10px 8px 0px 0;
		width: 40%;
		text-align:right;
		}
		#content #contentframe .maincontent .gallery .titlebar .clientmeta .mediatitle {
		font: bold 11px/12px "Trebuchet MS", Tahoma, sans-serif; color: #e7eaed; text-transform:uppercase;
		}
		#content #contentframe .maincontent .gallery .titlebar .clientmeta .yeartitle {
		font: bold 11px/12px "Trebuchet MS", Tahoma, sans-serif; color: #c2c3c4; text-transform:uppercase;
		}
		#content #contentframe .maincontent .gallery .image {
		margin: 7px 0 0 0;
		}
		
		.ui-slider-horizontal .ui-state-default {background: transparent url(../images/site/work-scroller-togglebtn.png) no-repeat scroll 50% 50%;border:0px;}
		
/* WORK, CASE STUDY */
		#content #contentframe .sidebar .pagenum {
		font: normal 13px/30px "Trebuchet MS", Tahoma, sans-serif; color: #c2c3c4; text-transform:uppercase;
		}
		#content #contentframe .maincontent #work-gallery .readmorebtn {
		font: normal 16px "Trebuchet MS", Tahoma, sans-serif; color: #FFFFFF; text-transform:uppercase; text-align:center;
		display:block; width:188px; 
		padding: 17px 0;
		border: 1px solid #b6b8bb;
		background-color: #2389a7;
		}
		
/* SITEMAP */
		#content #contentframe #sitemap ul {
		font: normal 13px/22px "Trebuchet MS", Tahoma, sans-serif; color: #505254;
		}		
		#content #contentframe #sitemap ul ul {
		margin-left: 20px; padding-bottom:5px;
		}
		#content #contentframe #sitemap ul ul.first{padding-top:10px;}
		#content #contentframe #sitemap ul ul ul {
		margin-left: 20px;
		}
	
		
	/* Start Clienr List */
	.clientList{width:800px; float:left; padding:60px 0 15px 96px;}
	.clientList ul{clear:both; display:block;}
	.clientList ul li{height:107px; float:left; display:inline; border:1px solid #eee; margin:0 17px 15px 0; position:relative;}	
	.clientList ul li a{display:block; float:left;}
	.clientList ul li a span{width:107px; height:107px; display:block; position:absolute; top:-1px; right:0;}
	.clientList ul li a span:hover{background:url(../images/site/view-btn.png) right top no-repeat;}
	.clientList h3{clear:both; display:block; font:12px 'ralewaymedium', Arial; color:#000; text-transform:uppercase; padding:25px 0 7px;}
	
	/* End Client List */
	
	/* Start Portfolio */
	.clientPortfolio{width:815px; float:left; padding:0 60px;}
	.clientPortfolio .clientLogo{clear:both; text-align:center; padding:35px 0 20px;}
	.clientPortfolio .breadcrumb{clear:both; overflow:hidden; border-top:2px solid #777; padding:3px 0 0; text-transform:uppercase;}
	.clientPortfolio .breadcrumb li{height:17px; float:left; display:block; font:10px 'ralewayregular', Arial, Helvetica; color:#000; padding:3px 16px 0 0; margin-left:2px; background:url(../images/site/breadcrumb-sepretor.gif) right center no-repeat; margin-right:3px;}
	.clientPortfolio .breadcrumb li span{padding:2px 0 0 19px;}
	.clientPortfolio .breadcrumb li.publishing span{height:14px; display:block; background:url(../images/site/publishing.gif) left center no-repeat; font:10px 'ralewaybold', Arial, Helvetica;}
	.clientPortfolio .breadcrumb li.first{font:10px 'ralewaybold', Arial, Helvetica;}	
	.clientPortfolio .breadcrumb li.title span{height:14px; display:block; font:10px 'ralewaybold', Arial, Helvetica; padding:2px 0 0; margin:0; cursor:text;}
	.clientPortfolio .breadcrumb li.print span{height:14px; display:block; background:url(../images/site/print.gif) left top no-repeat;}
	.clientPortfolio .breadcrumb li.online span{height:14px; display:block; background:url(../images/site/online.gif) left top no-repeat;}
	.clientPortfolio .breadcrumb li.outdoor span{height:14px; display:block; background:url(../images/site/outdoor.gif) left top no-repeat;}
	.clientPortfolio .breadcrumb li.wine-spirits span{height:14px; display:block; background:url(../images/site/wine-spirits.gif) left top no-repeat; padding-left:16px;}
	.clientPortfolio .breadcrumb li.tv span{height:14px; display:block; background:url(../images/site/tv.gif) left top no-repeat; padding-left:21px;}
	.clientPortfolio .breadcrumb li.fashion span{height:14px; display:block; background:url(../images/site/fashion.gif) left top no-repeat; padding-left:22px;}
	.clientPortfolio .breadcrumb li.beauty span{height:14px; display:block; background:url(../images/site/beauty.gif) left top no-repeat; padding-left:10px;}
	.clientPortfolio .breadcrumb li.travel span{height:15px; display:block; background:url(../images/site/travel.gif) left top no-repeat; padding-left:23px;}
	.clientPortfolio .breadcrumb li.collateral span{height:15px; display:block; background:url(../images/site/collateral.gif) left top no-repeat; padding-left:17px;}
	.clientPortfolio .breadcrumb li.real-estate span{height:14px; display:block; background:url(../images/site/real-estate.gif) left top no-repeat; padding-left:21px;}
	.clientPortfolio .breadcrumb li.last{background:none !important;}
	.clientPortfolio .carousel{display:block; padding-top:50px;}
	.overlay-to-fullview{position: relative; background-color:transparent; top: -412px; left: 0px; width: 258px; height: 352px; z-index: 3000; cursor:pointer;}
	.clientPortfolio .description{clear:both; overflow:hidden; padding:40px 0 13px;}
	.clientPortfolio .description .issue{width:405px; float:left; font:13px/20px 'ralewayregular', Arial, Helvetica; color:#000;}
	.clientPortfolio .description .strategy{width:370px; float:right; font:13px/20px 'ralewayregular', Arial, Helvetica; color:#000;}
	.clientPortfolio .description .issue strong, .clientPortfolio .description .strategy strong{font:13px 'ralewaybold', Arial, Helvetica;}
	.clientPortfolio .backNext{clear:both; display:block; overflow:hidden; margin:43px 0 15px; border-top:2px solid #777; padding-top:10px;}
	.clientPortfolio .backNext .backButton{float:left; height:10px; background:url(../images/site/prev-arr.png) left 1px no-repeat; font:11px 'ralewaybold', Arial, Helvetica; color:#000; text-transform:uppercase; padding-left:15px;}
	.clientPortfolio .backNext .backButton:hover{text-decoration:none;}
	.clientPortfolio .backNext .backButton span{font:11px 'ralewayregular', Arial, Helvetica; color:#000;}
	.clientPortfolio .backNext .nextButton{float:right; height:10px; background:url(../images/site/next-arr.png) right 1px no-repeat; font:11px 'ralewaybold', Arial, Helvetica; color:#000; text-transform:uppercase; padding-right:15px;}
	.clientPortfolio .backNext .nextButton:hover{text-decoration:none;}
	.clientPortfolio .backNext .nextButton span{font:11px 'ralewayregular', Arial, Helvetica; color:#000;}
	.clientPortfolio p{min-height:400px; height:auto !important; height:400px; padding-top:30px; font:13px Arial;}
	.center{width:266px; margin:0 auto;}
	/* End Portfolio */
	
	/* Start Case Studies */
	.caseStudiesLogo{clear:both; text-align:center; padding:40px 0 14px; font:24px 'ralewaybold', Arial, Helvetica; text-transform:uppercase; border-bottom:2px solid #777; letter-spacing:1px;}
	.caseStudies{clear:both; padding-top:15px;}
	/* End Case Studies */
	
	/* Start Super Sized BG */
	#superbgimage{position:fixed;}
	#superbgimage img{width:100%; display:none;}
	/* End Super Sized BG */

.left-unit {padding-bottom: 48px;}
.fast-facts p.right{text-align: right}
.fast-facts p.right img{float: right}