/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/*

	Booyant.com -  by Booyant, Inc.
	Contact Info: team@booyant.com  / 978.729.8408
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.General, non-section-specific selectors
	   2.Reusable elements
	   3.Page Structure
	   4.Header-specific selectors 
	   5.Breadcrumbs
	   6.Homepage 
	   7.Primary content module (#main) rules
	   8.Secondary content module (#secondary) rules
	   9.Other section specific rules
	   10.Callout / Highlight / Call to Action / Feature
	   11.Forms 
	   12.Footer
	   
	   
    -------------------
	
*/

/* ===============================================
Color Palette
=============================================== 



*/


/* ===============================================
1. General, non-section-specific selectors
=============================================== */

.clear-both {
	clear: both;
	display: block;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}

.group:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#nav-access {
	display: none;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}


/* ===============================================
2. Element groupings
=============================================== */



/* @group Font sizes */

/* basic font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em;  /* 14px */
}

/* deal with likely (but certainly not all) inherited shrinkage */

ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}

/* @end Font sizes */

/* @group Margins */

p, ul, ol, dl, address, table, blockquote, pre, fieldset {
	margin-bottom: 1.4286em; /* 20px */
}
p {
	margin: 0.8571em 0 1.4286em 0;
}
form {
	margin-bottom: 1.517em; /* 18px */
}
ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

/* @end Margins */

/* @group Links */

a:link, a:visited {
	color: #066;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #003a3a;
}
a:active {
	

}




/* @end Links */

/* @group Headings */

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {
	font-size: 3.4285em; 		/* 48px */
    line-height: 1; 			/* 48px */
	margin-bottom: 0.3125em; 	/* 15px */
    color: #3c3c3c;
    letter-spacing: -1px;
    font-weight: 200;
}
h2 {
	font-size: 2.5714em;   		/* 32px */  
	margin-bottom: 0.625em; 	/* 10px */
	color: #3c3c3c;
	font-weight: 200;
}
h3 {
	font-size: 1.71428em;   	/* 24px */
	line-height: 1; 			/* 24px */
	margin-bottom: 0.3125em; 	/* 24px */
	color: #3c3c3c;
	letter-spacing: -0.02em;
    font-weight: 100;
}

h4 {
	font-size: 1em;		/* 14px */
	margin-top: 1.1111em;  /* 20px */
	margin-bottom: 0.5556em; /* 10px */
	color: #868686;
	font-weight: bold;
}

h5, h6 {
	font-size: 1em;  			/* 14px */
}

/* @end Headings */

/* @group Lists */



ol {	
	list-style-type: decimal;
	margin-left: 20px;
}
ol li {
	background: none;
	padding-left: 0;
}
dt {
	font-weight: bold;
	margin-top: .2em; /* 18px */
}

li {
	background: url(/images/core/icn/bullet.png) 0 8px no-repeat;
	padding-left: 8px;
	margin-top: .2em;
}

/* turn offs */
.tabigator li,
#main-nav li,
#sidebar li,
.pagination li,
.portfolio li,
.logos li,
#footer li,
#modules li {
	background: none;
	padding-left: 0;
	margin-top: 0;
}

/* @end Lists */

/* @group Tables */

table {
	width: 100%;
	border:1px solid #CCCCCC;
}

caption {
	font-weight: bold;
	padding-bottom: 0.643em; /* 9px */
	text-align: left;
}

thead th {
	background:none repeat scroll 0 0 #ddeaea;
	border-bottom:1px solid #CCC;
}

tbody {
	
}
tr:nth-child(2n+1) {
	background: #F5F5F5;
}

th,
td {
	border-right:1px solid #CCCCCC;
	padding:0.5em 0.8em;
	text-align:left;
}

/* @end Tables */

/* @group Blockquotes */

blockquote {
	font-style: italic;
	margin-left: 1.385em; /* 18px */
	margin-right: 1.385em; /* 18px */
}

blockquote cite,
blockquote em {
	font-style: normal;
}

/* @end Blockquotes */

/* @group Forms */



/* @group Fieldsets */

fieldset {
	border: 1px solid #ccc;
	padding: 0 1.385em 0.692em 1.385em; /* 9px 18px 0 18px */
}

legend {
	font-weight: bold;
}

form fieldset .container {
	margin-top: 1.385em; /* 18px */
	margin-bottom:0;
	position: relative;
}

/* @end Fieldsets */

/* @end Forms */




/* ===============================================
3. Page Structure
=============================================== */

.page-wrap {
	
}
#page {
	margin: 0 auto;
	width: 989px;
	position: relative;
	background: url(/images/core/bg/content.png) 0 0 no-repeat;
	padding: 50px 0 0 0;
}

	.content-wrapper {
		width: 989px;
		background: url(/images/core/bg/content-bottom.png) 0 bottom no-repeat;
	}

	#content {
		width: 965px;
		margin: 0 auto;
		min-height: 775px;
	}
	
	#main {
		float: left;
		width: 621px;
		padding: 0 0 20px 44px;
	}
	#sidebar {
		width: 232px;
		float: right;
		padding: 10px 28px 0 0;
		color: #999;
	}
	
	
	

/* It's like structural clearing, baby, thats good for me.... */		

#page-wrap:after,
#header:after,
#main-nav:after,
#content:after,
.tabigator:after,
.left-to-right-list:after,
.portfolio:after,
#footer ul:after,
.basic-bio:after,
.peep-info:after,
#modules:after,
.capabilities-list:after,
.slides:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}



/* ===============================================
4. All header-specific selectors; logo, nav, etc.
=============================================== */

h1#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
}

h1#logo a {
	width: 104px;
	height: 83px;
	display: block;
	background-image: url(/images/core/logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

h1#logo a:hover {
	background-position: 0 -83px;
}

.header-wrap {
	background: #205e5e url(/images/core/bg/header-wrap.gif) 0 bottom repeat-x;
	position: relative;
}

#header {
	margin: 0 auto;
	width: 965px;
	background: url(/images/core/bg/header.gif) 0 0 no-repeat;	
	position: relative;
}

	
	

#utility-nav {
	
}

	#utility-nav li {
		
	}
	#utility-nav li a {
	
	}
	#utility-nav li a:hover {
		
	}
	
	
	
/* ===============================================
4. Main and Sub Navigation
=============================================== */


#main-nav {
	margin: 0;
	position: relative;
	z-index: 2000;
}

	#main-nav li {
		float: left;
		position: relative;
	}
		#main-nav li a {
			display: block;
			font-size: 17px;
			color: #fff;
			background: url(/images/core/bg/main-nav-a.png) top left no-repeat; 
			font-weight: 200;
		}
		#main-nav li a span {
			display: block;
			background: url(/images/core/bg/main-nav-span.png) top right no-repeat;
			height: 48px;
			padding: 20px 14px 0 14px;
		}
		#main-nav  li a:hover, #main-nav  li.selected a {
			background: url(/images/core/bg/main-nav-over.gif) 50% 0 repeat-x; 
			
		}
		#main-nav  li a:hover span, #main-nav  li.selected a span {
			height: 29px;
			padding-top: 39px;
			-webkit-transition: all 0.5s;
			
		}
			#main-nav li ul.sub1 li, #main-nav li ul.sub1 li a, #main-nav li ul.sub1 li a span{
				display: block;
				float: none;
				background-image: none;
				padding: 0;
				-webkit-transition: none;
				height: auto;
			}
			#main-nav li ul.sub1{
				position: absolute;
				top: 67px;
				left: 0;
				width: 200px;
				display: none;
				background: transparent url(/images/core/bg/subnav/shadow.png) 0 0 repeat-x;
			}
			#main-nav li ul.sub1 li{
				background: transparent url(/images/core/bg/subnav/drop-left.png) left -10px no-repeat;
				border-bottom: 1px solid #7f8f8f;
			}
			#main-nav li ul.sub1 li a span{
				background: transparent url(/images/core/bg/subnav/tinyamp.png) 0 2px no-repeat;
				margin-left: 10px;
				padding-left: 25px;
				padding-top: 2px;
				padding-bottom: 2px;
			}
			#main-nav li ul.sub1 li a{
				background: transparent url(/images/core/bg/subnav/drop-right.png) right -10px no-repeat;
				margin-left: 9px;
				font-size: 1.1em;
			}
			#main-nav li ul.sub1 li a:hover{
				color: #aaa;
			}
			#main-nav li ul.sub1 li.last {
				background-position: bottom left;
			}
			#main-nav li ul.sub1 li.last a{
				background-position: bottom right;
			}
			#main-nav li ul.sub1 li.last{
				border-bottom: none;
			}



/* ===============================================
5. Homepage specific rules
=============================================== */

#home #page, #home .content-wrapper {
	background: none;
}
#home #page {
	padding-top: 15px;
	background: url(/images/core/bg/home/content.png) 0 0 no-repeat; 
}
/*
#home #content {
	background: url(/images/core/bg/home/background.png) -80px 40px no-repeat; 
	padding-top: 300px;
}
*/
/*backup rule*/

#home #content {
	background: url(/images/core/bg/home/background.png) 0 -1px no-repeat; 
	padding-top: 300px;
	min-height: 300px;
}

#home.v2 #content{
	background: url(/images/core/bg/home/anti-agency-bg.png) 0 -1px no-repeat;
}

#home h1#logo {
	top: 80px;
	z-index: 2;
}

#home h1#logo a{
	background: none;
	width: auto;
	height: auto;
}

#home #content h1 {
	text-indent: -9999em;
}

#modules {
	margin: 40px 0 30px 0;
}
#home #modules{
	margin-bottom: 10px;
}
#modules li {
	background: url(/images/core/bg/home/module-top.png) 0 0 no-repeat;
	width: 287px;
	float: left;
	margin-right: 12px;
	position: relative;
}
#modules li.last {
	margin-right: 0;
}

#modules .title {
	color: #364949;
	margin-bottom: 0;
}

#modules h3 span {
	font-family: Arial, Verdana, sans-serif;
	color: #364949;
	display: block;
	font-size: 14px; 
	font-weight: normal;
	letter-spacing: 0;
	margin: 7px 0 14px 0;
}
#modules div.box {
	background: url(/images/core/bg/home/module-bottom.png) 0 bottom no-repeat;
	display: block;
	padding: 16px 20px 54px 20px;
	box-shadow: 1px 1px 30px #b7e0e0;
	-moz-box-shadow: 1px 1px 30px #b7e0e0;
	-webkit-box-shadow: 1px 1px 30px #b7e0e0;
	height: 121px;
	cursor: pointer;
}

#modules img {
	float: right;
	margin: 4px 0 5px 10px;
}

#modules p, #modules dl {
	color: #b3b3b3;
	margin-bottom: 4px;
	word-spacing: -1px;
}

#modules dt {
	color: #787878;
}
#modules dl {
	margin-top: 20px;
	font-size: 13px;
}

#modules .mirror-button {
	position: absolute;
	bottom: -2px;
}

#modules div.hovering {
	box-shadow: 1px 1px 30px #77c5c5;
	-moz-box-shadow: 1px 1px 30px #77c5c5;
	-webkit-box-shadow: 1px 1px 30px #77c5c5;
	
}
#modules a:hover .mirror-button {
	background-position: 0 -48px;
}
#modules #hp-buzz img{
	position: absolute;
	top: 8px;
	right: 3px;
	z-index: 50;
}
#modules span.mirror-button.buzzed{
	padding-top: 0;
}
#modules #hp-buzz span.mirror-button.buzzed img{
	margin: 0;
	top: 2px;
	left: 13px;
	width: 70px;
}
#modules #hp-buzz h3, #modules #hp-buzz h3 span, #modules #hp-buzz h4, #modules #hp-buzz p{
	width: 150px;
	position: relative;
	z-index: 100;
}
#modules #hp-buzz h3{
	margin-bottom: 0;
}
#modules #hp-buzz h3 span,
#modules .street-cred h3 span{
	color: #B3B3B3;
	font-weight: normal;
	font-size: .5em;
	margin-bottom: 5px;
	margin-top: 3px;
}
#modules #hp-buzz h4{
	color: #374b4a;
	margin-top: 0px;
	margin-bottom: 0;
	font-style: italic;
}
#modules #hp-buzz p{
	margin-top: 0;
	color: #636564;
	font-size: 1em;
	font-weight: normal;
}
#modules .street-cred strong{
	color: #01a4a8;
	font-size: 16px;
	font-weight: bold;
}
.twitterize h2 {
	color: #20b6c8;
	padding-right: 50px;
}

.twitterize img {
	position: absolute;
	top: 0;
	right: 0;
}
.twitterize h3{
	color: #20b6c8;
}
.twitterize p.a-tweet{
	background: url(/images/core/bg/home/twitter-bubble.png) 0 0 no-repeat;
	width: 255px;
	height: 89px;
	position: absolute;
	top: 35px;
	left: 11px;
	font-size: .9em;
	line-height: 1.2em;
	padding: 5px;
}
.twitterize p.a-tweet span{
	display: block;
	color: #20b6c8;
	font-weight: bold;
	margin-top: .5em;	
}
#bird-bird{
	background: url(/images/core/bg/home/bird-bird-bird.png) 0 0 no-repeat;
	width: 50px;
	height: 76px;
	display: block;
	position: absolute;
	bottom: -30px;
	right: 20px;
}

/*//////////Video Thang/////////////////*/

/*edits 8-24*/
#video{display: none;}
/*//////////*/

#video {position: absolute; bottom: 74px; left: 320px; width: 478px; background: #e0e0e0 url(images/core/bg/home/video-player/wrapper_top.jpg) top left no-repeat; padding: 5px 5px 0px 5px; /*font-family: Trebuchet MS, sans-serif;*/ font-family:Arial, Helvetica, sans-serif; z-index: 900;}
#video{background: transparent url(/images/core/bg/home/video-player/vid-bg.png) 0 0 no-repeat; width: 499px; height: 234px;}
img#tag {position: absolute; top: -4px; left: -24px;}

#video div.playerWrap {background: url(images/core/bg/home/video-player/player_top.jpg) top left no-repeat; padding-top: 8px; }
#video div.player {background: url(images/core/bg/home/video-player/player_repeat.jpg) top left repeat-x; padding: 0px 16px 6px 24px; float: left; width: 438px;}
/*#video div.playerContent {display:none;}*/

/*styles for off state*/
#video p {color: #00808d; font-weight: normal; font-size: 18px; line-height: 18px; letter-spacing: 0.05em;float: left; width: 448px; }
#video p span {float: left; font-family:Arial, Helvetica, sans-serif;}
#video p a {font-size: 13px; background: url(/images/core/bg/home/video-player/clip.png) right 4px no-repeat; color: #00808d; float: right; padding-right: 18px; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}

/*styles for on state*/
#video h2 {color: #00808d; font-weight: normal; font-size: 18px; float: left; padding-top: 13px; font-family:Arial, Helvetica, sans-serif;}
#video h3{ font-weight: 100; font-family: Helvetica, arial, sans-serif;}
#video ul li {border-bottom: 1px dotted #666; margin: 0; padding: 3px 0px; font-family:Arial, Helvetica, sans-serif; background: none;}
#video ul {margin: 6px 0 0 0; list-style: none; width: 214px; float: left; clear: left;}
#video ul a {color: #00808d; text-decoration: none; display: block; font-size: 16px; font-family:Arial, Helvetica, sans-serif;}
#video ul a span {color: #666; font-size: 11px; padding-right: 10px;}
div#flash {float: right; margin: 25px 0px 0 0; width: 196px; /*height: 161px;*/ background-image: url(/images/core/bg/home/video-player/flash_placeholder.jpg); background-color: #fff; border: 1px solid #ccc;}

#video ul li#linkClose {border: none;}
#video ul li#linkClose a#playerHide {/*color: #666; text-transform: uppercase; font-size: 10px; text-decoration: underline; padding-top: 10px;*/ background: url(/images/core/bg/home/video-player/closeWindow.png) 0 0 no-repeat; width: 90px; height: 25px; display: block; text-indent: -9999em; position: absolute; top: -10px; right: 30px;}
/*#video ul li#linkClose a:hover {background:none; }*/

/*styles for selecting video*/
#video ul a:hover, #video ul a.selected {background: url(/images/core/bg/home/video-player/arrow.png) right 6px no-repeat; color: #666;}


/*////////End Video Thang///////////////*/


/*Delivering Happiness Badge*/
#DH-badge{
	display: block;
	margin-left: 22px;
	margin-top: 50px;
	padding-bottom: 30px;
}
#home #DH-badge{
	display: block;
	position: absolute;
	bottom: 280px;
	right: 70px;
	padding-bottom: 0;
}
#home .word-hijacking{
	position: absolute;
	top: 28px;
	right: 110px;
	width: 100px;
	height: 104px;
	background-image: url(/images/core/icn/socialmediawordhj.png);
}
#home .word-hijacking:hover{
	background-position: 0 -124px;
}

/*social media*/
#social-media-icons{
	float: right;
	padding-right: 65px;
	margin-bottom: 0;
}
#social-media-icons li{
	padding-left: 0;
	background: none;
	float: left;
}
#social-media-icons li a{
	display: block;
	float: left;
	text-indent: -9999px;
	padding-left: 15px;
}
#social-media-icons li.foursquare a{
	width: 65px;
	height: 18px;
	background: url(/images/core/btn/foursquare-65-18.png) 0 0 no-repeat;
}
#social-media-icons li.youtube a{
	width: 43px;
	height: 18px;
	background: url(/images/core/btn/youtube-43-18.png) 0 0 no-repeat;
}
#social-media-icons li.twitter a{
	width: 60px;
	height: 17px;
	background: url(/images/core/btn/twitter-60-17.png) 0 0 no-repeat;
}
#social-media-icons li.linkedin a{
	width: 67px;
	height: 18px;
	background: url(/images/core/btn/linkedin-67-18.png) 0 0 no-repeat;
}

/* ===============================================
5. Reusable elements
=============================================== */

.thumbnails li {
	float: left;
}

a.btn {
	border: 1px solid #d4d4d4;
	background: #f8f8f8;
	padding: .2em .5em;
	color: #3c3c3c;
	-webkit-border-radius: 7px;
}

a.btn:hover {
	background: #e1e1e1;
}
a.mirror-button, span.mirror-button {
	display: block;
	height: 45px;
	width: 91px;
	background-image: url(/images/core/btn/mirrored.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #8a8a8a;
	text-align: center;
	/*text-indent: -9999em;*/
}
.mirror-button:hover {
	background-position: 0 -48px;
}


.see-kel {
	display: block;
	height: 71px;
	width: 176px;
	background-image: url(/images/core/btn/see-kel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 318px;
	left: 580px;
}

.v2 .see-kel{
	top: 300px;
}
.see-kel:hover {
	background-position: 0 -71px;
}

.tabigator .buzz-btn {
	display: block;
	height: 60px;
	width: 96px;
	background-image: url(/images/core/btn/client-buzz.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: -14px;
	right: 5px;
	padding: 0;
}


.capabilities-list ul {
	float: left;
	margin-right: 14px;
	width: 190px;
	font-size: 13px;
}

.capabilities-list {
	padding: 16px 0;
	margin-bottom: 2em;
}

.copyright{
	position: absolute;
	font-size: 11px;
	bottom: -250px;
	left: 10px;
	color: #a3a3a3;
}
.envirofriendly{
	position: absolute;
	bottom: -240px;
	right: 80px;
	width: 179px;
	height: 37px;
	background: url(/images/core/bg/home/environ-friendly.png) 0 0 no-repeat;
}

/* ===============================================
7. Primary content module (#main) rules
=============================================== */


.feature {
	width: 616px;
	position: relative;
	left: -44px;
	padding-left: 44px;
	padding-right: 5px;
	background: #f5f5f5;
}
/*.capabilities list hide reveal*/
.capabilities-list{
	position: relative;
	margin-bottom: 60px;
}

.capabilities-list ul li{
	display: none;
}

.capabilities-list ul li.first-two{
	display: block;
}

.capabilities-list a#show-link{
	position: absolute;
	bottom: -18px;
	left: 40px;
	background: url(/images/core/btn/show-link.png) 0 0 no-repeat;
	width: 112px;
	height: 18px;
	color: #494949;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}

.capabilities-list a#show-link:hover{
	background-position: 0 -18px;
	color: white;
}

/*end cap list hide reveal*/

.less-indent {
	padding-left: 22px;
	padding-right: 0;
	width: 643px
}



.tabigator li, .pagination li {
	float: left;
}

.tabigator a, .pagination a {
	font-size: 1.571428em;
	line-height: 1;
	color: #b4b4b4;
	letter-spacing: -0.01em;
    font-weight: 100;
    display: block;
    padding: 5px 14px;
    float: left;
}
.pagination strong{
	float: left;
}
/*
.tabigator li a:hover, .tabigator li.selected a, .pagination a:hover, .pagination li.selected a, .tabigator li div#pagination a:hover, div#pagination strong {
	background-color: #494949;
	color: #fff;
}
*/
.tabigator li.selected a, .pagination li.selected a, div#pagination strong {
	background-color: #494949;
	color: #fff;
}
.tabigator li a:hover,  .pagination a:hover, .tabigator li div#pagination a:hover{
	background-color: #918e8e;
	color: #fff;
}

body#creative .pagination{
	float: right;
}

body#creative .portfolio a span{
	color: #bbb;
}

/*page indication pr subnav*/
body#pr-blog .tabigator li.blog a,
body#pr-print .tabigator li.print a,
body#pr-broadcast .tabigator li.broadcast a,
body#pr-radio .tabigator li.radio a{
	background-color: #494949;
	color: #fff;
}
/*///////page indication///*/

/*Lightbox//////*/

div.lb-bg{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: transparent url(/images/core/bg/lb-trans-bg.png) 0 0 repeat;
	z-index: 5000;
	display: none;
	text-align: center;
}
div.lb{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 5010;
	-webkit-box-shadow: 0 0 48px rgba(0, 0, 0, .5);
	display: none;
}
div.lb a.close-btn{
	display: block;
	width: 43px;
	height: 43px;
	background: transparent url(/images/core/btn/lb-close-btn.png) 0 0 no-repeat;
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 5011;
}
div.lb a.close-btn:hover{
	background-position: 0 -43px;
}
ul#pr-broadcast-vids div.lb a.close-btn{
	top: -32px;
	right: -36px;
}
div.portfolio div.thumb{
	float: left;
	margin-right: 7px;
	text-align: center;
	height: 170px;
	width: 200px;
}
div.portfolio div.thumb img{
	width: 180px;
	border: 1px solid #ddd;
	padding: 5px;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
}
#main div.portfolio div.last{
	margin-right: 0;
}


/*//////Lightbox*/

.tabigator li a.buzz-btn:hover{
	background-color: transparent;
}

.pagination li {
	padding: 8px 0;
	margin-right: 5px;
}

.pagination a {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px;
	color: #3c3c3c;	
}

.tabigator li div#pagination a, div#pagination strong{
	display: block;
	float: left;
	padding: 2px 3px;
	margin-right: 5px;
	letter-spacing: -0.01em;
	line-height: 1;
	font-size: 11px;
	font-weight: bold;
}

.tabigator li div#pagination{
	padding: 8px 3px;
	margin-left: 10px;
}
ul#pr-broadcast-vids{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -25px;
}
ul#pr-broadcast-vids li{
	width: 200px;
	height: 140px;
	float: left;
	background: url(/images/core/bg/grad-vid-box.png) 0 bottom repeat-x;
	margin-right: 11px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
ul#pr-broadcast-vids li img.play-btn{
	position: relative;
	margin-left: -34px;
	left: -60px;
	bottom: -20px;
}

ul#pr-broadcast-vids li.last-item{
	margin-right: 0;
}
#header a#tq{
	top: 8px;
	right: -12px;
	z-index: 200;
}

.ten-questions {
	position: absolute;
	top: -60px;
	right: 0;
	width: 104px;
	height: 108px;
	display: block;
	background-image: url(/images/core/icn/ten-questions.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.ten-questions:hover {
	background-position: 0 -108px;
}

#home .ten-questions {
	top: 28px;
	right: 110px;
	width: 111px;
	height: 115px;
	background-image: url(/images/core/icn/ten-questions-home.png);
}

#home .ten-questions:hover {
	background-position: 0 -115px;
}

.tweets li {
	line-height: 1.2em;
	margin-bottom: 1em;
}

.tweets span {
	color: #cdcdcd;
	display: block;
}

.basic-bio {
	margin-bottom: 3em;
	padding-top: 1em;
	padding-bottom: .1em;
}

.peep-info dt {
	float: right;
	color: #066;
	font-weight: 200;
	margin-bottom: .2em;
}

.peep-info dd {
	float: right;
	line-height: 1.1666667; 
}

.peep-info dd  {
	float: left;
}

.basic-bio dl {
	width: 100%;
	letter-spacing: -.02em; 
}
.basic-bio dt {
	width: 460px;
	font-size: 24px;
	margin-top: 42px;
	position: relative;
	padding-right: 10px;
}

.basic-bio dt span {
	color: #000;
	padding-right: 20px;
}

#main dl.peep-info dd img{
	width: 126px;
}

#sidebar .peep-info {
	margin-bottom: 1em;
	font-size: 10px;
}
#sidebar .peep-info dt {
	font-size: 12px;
	margin-top: 10px;
}
#sidebar .peep-info dt, #sidebar .peep-info dd{
	width: 125px; 
}
#sidebar .peep-info dd {
	float: right;
}
#sidebar .peep-info dd.image {
	width: 75px;
	float: left;
}
#sidebar .peep-info dd.image img{
	width: 75px;
}

a.peepedia {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

a.peepedia:hover {
	box-shadow: 1px 1px 30px #b7e0e0;
	-moz-box-shadow: 1px 1px 30px #b7e0e0;
	-webkit-box-shadow: 1px 1px 30px #b7e0e0;
}
.twitter-acct {
	background-image: url(/images/core/icn/twitter.png);
	
}

.facebook-acct {
	background-image: url(/images/core/icn/facebook.png);
}

/* All sliders or portfolio */


.slides {
	clear: both;
}

div.left{
	float: left;
	clear: none;
	width: 300px;
}

div.slides ul.slides{
	clear: none;	
}

div.slides ul.slides li{
	float: none;	
}

div.right{
	float: right;
	clear: none;
	width: 300px;
}

.slides li.last {
	margin: 0;
	margin-bottom: 1em;
}

.slides li {
	float: left;
	width: auto;
	position: relative;
	background: none;
	margin-right: 30px;
	padding-left: 0;
	margin-bottom: 1em;
	text-align: center;
}
body.pr .slides li{
	text-align: left;
}
body#culture-blogs .slides li{
	text-align: left;
}

body#pr-blog .slides li,
body#pr-print .slides li{
	width: 290px;
}
body#pr-blog .slides li.first{
	float: left;
	clear: left;
}
body#pr-blog .slides li.last{
	float: right;
}

.slides li a{
	color: #066;	
}

.slides li p{
	margin: .1em 0;	
}

.slides h3{
	color: #066;
	font-weight: 200;
	font-size: 1.4em;
	margin-bottom: .5em;
}

.slides li h4{
	color: #494949;
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
	padding: .1em 0;
	margin: 0;
	margin-bottom: .1em;
}

.slides li h5{
	text-transform: uppercase;
	font-weight: bold;
	font-size:.9em;
}
.slides li img{
	max-width: 124px;
	vertical-align: middle;
	/*float: right;*/
}
body.pr .slides li img{
	float: right;
}

/*Slides Page Indication*/
body#culture-blogs ul.tabigator li.blogs a{
	background-color: #494949;	
}
body#culture-peeps ul.tabigator li.pbp a{
	background-color: #494949;	
}
body#culture-oyt ul.tabigator li.oyt a{
	background-color: #494949;	
}

/* portfolio section */
.portfolio li {
	text-align: center;
	margin: 0 6px 10px 0;
}

.portfolio a {
	color: #e0e0e0;
}
.portfolio span {
	display: block;
	line-height: 1em;
}
/* logos section */
ul.logos{
	width: 641px;
	margin-left: -21px;
}
.logos li {
	width: 153px;
	margin-right: 1px;
	margin-bottom: 0;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 20px;
	padding-top: 20px;
	/*background: url(/images/core/bg/logo-line.gif) 0 bottom repeat-x;*/
	/*border-bottom: 2px dotted #aaa;
	border-right: 2px dotted #aaa;*/
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	text-align: center;
}
.logos li.last-item{
	border-right: none;
	width: 154px;
}

.logos li.last{
	width: 153px;
	border-bottom: none;
	width: 153px;
	margin-right: 1px;
	margin-bottom: 0;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 20px;
	padding-top: 20px;
	/*background: url(/images/core/bg/logo-line.gif) 0 bottom repeat-x;*/
	text-align: center;
}
ul.logos li img{
	height: 40px;
}

/* PR - blogs */

.blog li{
	/*padding: 30px 0 0 0;*/
	border-bottom: 1px solid;
	height: 130px;
	display: table-cell;
}

.blog span {
	width: 140px;
	display: block;
	float: left;
}
/*
.blog img {
	position: absolute;
	right: 0;
	top: 0;
}
*/

.short-blog {
	width: 282px;
	margin-top: 12px;
}

.short-blog h3 {
	font-size: 20px;
	margin: 0;
	font-weight: normal;
}
.entry {
	margin-bottom: 1.6em;
}
.entry h4 {
	font-size: 18px;
	color: #000;
	margin: 8px 0 4px 0;
	padding-bottom: .4em;
	font-weight: normal;
	line-height: 1.11111em;
	border-bottom: 1px solid #e5e5e5;
}

.entry p {
	margin: 0 0 6px 0;
}

.post-info {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

/* ===============================================
8. Secondary content module (#sidebar) rules
=============================================== */

.module {
	width: 212px;
	padding: 0 0 0 22px;
	margin-bottom: 2em;
}
.highlight {
	background: url(/images/core/bg/highlight.gif) left bottom no-repeat;
	
}
.highlight h3 {
	color: #066;
}	


.flickr li {
	margin-right: 1px;
}
.flickr img, img.flickr-sm-photo {
	border: 1px solid #d2d2d2;
	padding: 2px;
	width: 40px;
	float: left;
	margin-right: 2px;
	margin-bottom: 10px;
}

#main a img.flickr-med-photo{
	width: 185px;
	border: 1px solid #d2d2d2;
	padding: 5px;
	margin-right: 8px; 
	margin-bottom: 8px;	
}

#main a.last img.flickr-med-photo{
	margin-right: 0;
}

#culture-peeps p.flickr-link{
	text-align: right;
}
.module p.clear-both{
	height: 2em;
}
.module a.btn{
	clear: both;
}
ul.buzz-sidebar{
	margin-top: 1em;
}
ul.buzz-sidebar li{
	margin-bottom: 1em;
}

/* ===============================================
9. Other section specific rules
=============================================== */

.google-map{
	margin-top: 20px;
}

/*Twizzeet*/

h1#twizzeet-header{
	width: 481px;
	height: 121px;
	background: url(/images/general/twizzeet/twizzeet-headline.png) 0 0 no-repeat;
	text-indent: -9999px;
}
h3.twizzeet-subhead{
	color: #00929f;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 17px;
	line-height: 1.3em;
	padding: 15px 0 10px 0;
}
div.blow-up{
	margin-top: 20px;
	text-align: center;
}
div.blow-up span{
	display: block;
	font-size: 10px;
	margin-top: -5px;
}

.twizzeet .callout{
	font-size: 16px;
	text-align: center;
	/*
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 5px #aaa;
	*/
	background: url(/images/general/twizzeet/call-box.png) 0 0 no-repeat;
	width: 657px;
	height: 61px;
	padding: 8px 5px;
	margin-top: 70px;
	margin-bottom: 50px;
}
.twizzeet .callout .phone{
	color: #00929f;
	font-size: 28px;
}
.ampersand-lounge{
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
}
.ampersand-lounge h3{
	width: 241px;
	height: 168px;
	background: url(/images/general/twizzeet/ampersand-lounge.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: -10px;
	top: 0;
}
.ampersand-lounge p{
	font-weight: 100;
	color: #000;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 8px;
	position: relative;
	left: 10px;
}
.ampersand-lounge .foursquare-link{
	background: url(/images/general/twizzeet/foursquare-logo.png) 0 0 no-repeat;
	width: 74px;
	height: 21px;
	position: absolute;
	bottom: 22px;
	right: 0px;
	text-indent: -9999px;
}

/*End Twizzeet*/


/* ===============================================
10. Callout / Highlight / Call to Action 
=============================================== */



/* ===============================================
11. Forms
=============================================== */


/* For non-floated form remove "float: left;" from the label's CSS rule */
/* fieldset {  
	margin: 1.5em 0 0 0;  
	padding: 0;
	border-style: none;  
	border-bottom: 1px solid #ccc;
}  
	legend {  
		margin-left: 1em;    
	}  
	fieldset ol {    
		list-style: none;  
	}   
	fieldset li:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	label {    
		display: block; 
		float: left;    
		width: 12em;    
		margin-right: 1em; 
		text-align: right;
	} */
	

/* Booyant baseline corporate style */
form {
	font-size: 1.3em;
  	padding: 1em;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	background: #f8f8f8;
}



fieldset {  
	margin: 0;  
	padding: 1.2em 0;
	border-bottom: 1px dotted #ccc;
}  
	legend {  
		margin-left: 1em; 
		display: none;
		 
	}  
	fieldset ol {    
		list-style: none; 
		padding: 0; 
	} 
	fieldset li {
		margin-bottom: 1.4em;
	}  
	fieldset li:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	label {    
		display: block; 
		float: left;    
		width: 10em;    
		margin: .4em 1em 0 0; 
		text-align: right;
		font-size: 1em;
		font-weight: bold;

	}
	input {
		background-image: url(../images/core/bg/form-input.gif);
		background-repeat: repeat-x;
		border:1px solid #C8C8C8;
		color:#333333;
		font-size:1em;
		line-height:1em;
		padding:.5em;
		width:24em;
		font-family: inherit;
	}
	input:focus {
		-moz-box-shadow: 3px 5px 6px #d2d2d2;
		-webkit-box-shadow: 3px 5px 6px #e2e2e2;
	}
	
	fieldset.submit {
		border: none;
	}
	input.submit {
		-moz-border-radius: 10px;
	  	-webkit-border-radius: 10px;
	  	background-color: #f2f2f2;
	  	background-image: none;
	  	width: auto;
	  	margin-left: 30em;
	}
	input.submit:hover {
		background: #333;
		color: #fff;
		cursor: pointer;
	}


/* ===============================================
12. Footer related rules
=============================================== */

.footer-wrap {
	background: #ddeaea url(/images/core/bg/footer.gif) 0 0 repeat-x;
}

#footer {
	margin: 50px auto 0 auto;
	width: 965px;
	height: 300px;
}
#footer a {
	color: #8b9b9b;
	font-size: 11px;
}
#footer ul {
	top: -22px;
	position: relative;
}

#footer ul ul {
	top: 10px;
}

#footer li {
	float: left;
	font-weight: bold;
	margin: 0 23px 0 0;
	line-height: 1.1em;
}

#footer li.last {
	margin-right: 0;
}
#footer li.strategy {
	margin-right: 32px;
}
#footer li li {
	float: none;
	font-weight: normal;
}

/* ===============================================
13. Blog Rules
=============================================== */
#blog #main{
	padding-left: 15px;
}
#blog h3{
	color: #179999;
	font-weight: normal;
}
#blog h2{
	font-size: 1.71428em;
}
#blog #sidebar h2{
	color: #0b7e82;
}
#blog h1{
	font-size: 1.71428em;
	letter-spacing: 0px;
	color: #1d9a9b;
}
#blog div.welcome{
	border: 1px solid #addadd;
	padding: 15px 15px 0 15px;
}
#blog #blog-entries .blog-entry{
	padding-left: 0;
	position: relative;
	background-image: none;
	margin-left: -6px;
}
#blog #blog-entries .blog-entry{
	background: transparent url(/images/core/bg/blog/entry-top.png) 0 0 no-repeat;
}
#blog #blog-entries .blog-entry dl{
	background: transparent url(/images/core/bg/blog/entry-bot.png) bottom left no-repeat;
	margin-bottom: 0;
}
#blog #blog-entries .blog-entry:after, #blog #blog-entries dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#blog #blog-entries .blog-entry dd{
	width: 514px;
	float: left;
	padding: 10px 21px;
}
#blog #blog-entries .blog-entry dt{
	width: 60px;
	float: right;
}
#blog #blog-entries .blog-entry h3{
	color: #3c4846;
}

#blog #blog-entries .blog-entry dd span.comments{
	float: right;
}


/* ===============================================
14. Coming Soon rules
=============================================== */

div.coming-soon{
	position: relative;
	z-index: 9999;
}
div.coming-soon img{
	position: absolute;
	top: -50px;
	left: 395px;
}