/* 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 { 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;
}
.alt1 {
background-color: #ffffff;
}
.alt2 {
background-color: #e3e3e3;
}
/* END GLOBAL */

/* BEGIN STYLING */
#content {
position:absolute; width:935px; left:0px; top:150px; margin:0px; z-index: 50;
background:transparent;
}
	#content #topnav {
	width:100%;	height:34px;
	}
		#content #topnav .nav {
		float:left;	width:768px; margin-top:6px;
		}
		#content #topnav ul.nav li, #content #bottomnav ul.nav li {
		display:block; float:left;
		text-indent:-9999px;
		}
		#content #topnav .nav .home {
		display:block; width:90px;	height:21px;
		background-image:url('images/topnav-bg.png'); background-position:0 0px;
		} #content #topnav .nav .home:hover {
		background-position:0 -21px;
		}
		#content #topnav .nav .about {
		display:block; width:118px; height:21px;
		background-image:url('images/topnav-bg.png'); background-position:-90px 0px;
		} #content #topnav .nav .about:hover {
		background-position:-90px -21px;
		}
		#content #topnav .nav .approach {
		display:block; width:149px; height:21px;
		background-image:url('images/topnav-bg.png'); background-position:-208px 0px;
		} #content #topnav .nav .approach:hover {
		background-position:-208px -21px;
		}
		#content #topnav .nav .work {
		display:block; width:88px; height:21px;
		background-image:url('images/topnav-bg.png'); background-position:-357px 0px;
		} #content #topnav .nav .work:hover {
		background-position:-357px -21px;
		}
		#content #topnav ul.nav li div.about-dropdown {
		display:none; position:absolute; top:28px; left:83px; width:104px; z-index:100;
		background-color:white;
		}
		#content #topnav ul.nav li div.approach-dropdown {
		display:none; position:absolute; top:28px; left:186px; width:165px; z-index:100;
		background-color:white;
		}
		#content #topnav ul.nav li div.work-dropdown {
		display:none; position:absolute; top:28px; left:343px; width:116px; z-index:100;
		background-color:white;
		}
		#content #topnav ul.nav li div a {
		display:block; position:relative; padding:4px 15px; z-index:150;
		font: normal 13px Tahoma, sans-serif; color: #676767; text-align:center; text-indent:0; text-decoration:none; text-transform:uppercase;
		border-top: 1px solid #e8e9e9;
		}
		#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: 167px; height:34px;
		background-image:url('images/agency212-top-logo.png');
		font-size:0;
		text-indent:-9999px;
		}
	#content #bottomnav {
	width:100%;	height:34px; margin-bottom:150px;
	}
		#content #bottomnav .facebookbox {
		display:none; position:relative; top:-142px; left:647px;z-index:100; width:238px; height:285px;
		background-color:white;
		}
		#content #bottomnav .copyright {
		width:420px;height:34px;
		background-image:url('images/copyright.png'); background-position: top left; background-repeat:no-repeat; overflow:hidden;
		}
		#content #bottomnav .nav {
		width:508px; height:34px; margin-top:0px;
		font-size:0px;
		}
		#content #bottomnav .nav .blog {
		display:block; width:65px; height:34px;
		background-image:url('images/bottomnav-bg.png'); background-position:-0px -0px;
		} #content #bottomnav .nav .blog:hover {
		background-position:-0px -38px;
		}
		#content #bottomnav .nav .tucker {
		display:block; width:176px; height:34px;
		background-image:url('images/bottomnav-bg2.png'); background-position:-0px -0px;
		} #content #bottomnav .nav .tucker:hover {
		background-position:-0px -38px;
		}
		#content #bottomnav .nav .client {
		display:block; width:134px; height:34px;
		background-image:url('images/bottomnav-bg2.png'); background-position:-176px -0px;
		} #content #bottomnav .nav .client:hover {
		background-position:-176px -38px;
		}
		#content #bottomnav .nav .legal {
		display:block; width:81px; height:34px;
		background-image:url('images/bottomnav-bg2.png'); background-position:-310px -0px;
		} #content #bottomnav .nav .legal:hover {
		background-position:-310px -38px;
		}
		#content #bottomnav .nav .sitemap {
		display:block; width:89px; height:34px;
		background-image:url('images/bottomnav-bg2.png'); background-position:-391px -0px;
		} #content #bottomnav .nav .sitemap:hover {
		background-position:-391px -38px;
		}
		#content #bottomnav .nav .facebook {
		display:block; width:20px; height:20px; margin-top: 8px; margin-left: 8px;
		background-image:url('images/facebook-like-btn.png'); background-position:-0px -0px;
		} #content #bottomnav .nav .facebook:hover {
		background-position:-0px -20px;
		}
	#content #contentframe {
	overflow: hidden; height: 100%;z-index: 50;
	text-align:left;
	background-color:transparent; background-image:url('images/contentframe-bg.png'); background-repeat:repeat;
	} 
		#content #contentframe .sidebar, .sidebar {
		float:left; width:314px; margin:50px 0;
		}
		#content #contentframe .onecol {
		width:885px;
		}
			#content #contentframe .sidebar .pagehead {
			width:314px;
			overflow:hidden;
			display:block;
			}
			#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/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/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/parenthesis.gif'); background-position: 50% 0%; background-repeat:no-repeat;
			}
		#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;
		}
			#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: absolute; 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/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/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/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/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/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/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; 
		}
/* 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/work-listitem-arrow.png'); background-position: 0% 50%; background-repeat:no-repeat;*/
		background-color: #ecf1f5;
		/*width: 100%;*/
		padding:10px 16px 10px 15px;
		display:block;
		}
		#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/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;
		}
		#content #contentframe #sitemap ul ul ul {
		margin-left: 20px;
		}