@charset "utf-8";
@import url('normalizes.css');
@import url('http://cf.kampyle.com/k_button.css');
@import url('color.css');
@import url('zabisco.css');
@import url('header.css');
@import url('crosslinks.css');
@import url('portfolio.css');
@import url('bodycopy.css');
@import url('module.css');
@import url('menu.css');
@import url('nav.css');

/* fullscreen style */
/*
html,body {
	width: 100%;
	height: 100%;
	text-align: center;
}
*/
body {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	color:#fefefe;
	background-repeat: no-repeat;
	background-position:top;
	background-attachment:fixed;
	background-color: #000000;	
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
}
a img {
	border-width: 0;
}

#page {
	background-repeat: repeat-x;
	background-position: left top;
}
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-position: center top;
	background-repeat: no-repeat;
}
#content {
	position: relative;
	float: left;
	width: 940px;
	z-index: 999;
	padding-left:20px;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:15px;
	margin-top:-5px;
}
#halfwidthcontainer {
clear:both;
overflow:hidden;
}
.halfwidth {
width:295px;
display:block;
float:left;
}
.halfwidth a{
font-family:"TREbuchet MS";
font-size:18px;
}
.halfwidth h2{
font-size:24px;
font-weight:normal;
color:#000000;
line-height:60px;
padding-left:15px;
}
.halfwidth .roundedboxtop {
background:url(../images/background/rounded-box-top.png) no-repeat top;
display:block;
}
.halfwidth .roundedboxbottom {
background:url(../images/background/rounded-box-bottom.png) no-repeat bottom;
display:block;
overflow:hidden;
height:420px;
}
#purple .roundedboxbottom {
background:url(../images/background/rounded-box-bottom-purple.png) no-repeat bottom;
}
#purple {
float:right;
}
#purple h2 {
color:#AC1366;
}
#purple p {
color:#7b7b7b;
}
#purple ul li {
margin-top:15px;
}
#purple ul li a {
background:url(../images/background/more-arrow.gif) no-repeat right;
display:block;
color:#7b7b7b;
margin:0;
line-height:30px;
font-family:"Century Gothic", Arial;
font-size:14px;
font-weight:normal;
}
#purple ul li a:hover {
background-color:#f7f7f7;
}
#purple ul li span {
display:block;
padding-left:38px;
}
#purple ul li#media span {
background:url(../images/background/media-icon.gif) no-repeat;
}
#purple ul li#technical span {
background:url(../images/background/technical-icon.gif) no-repeat;
}
#purple ul li#account span {
background:url(../images/background/account-icon.gif) no-repeat;
}
#purple ul li#business span {
background:url(../images/background/business-icon.gif) no-repeat;
}
#partners {
padding:15px;
}
#partners h3 {
background:url(../images/background/digital-icon.gif) no-repeat right;
color:#464646;
font-size:18px;
border-bottom:dotted thin;
margin-top:8px;
line-height:36px;
}
.slideshow {
height:355px;
width:265px;
margin:0 15px 0 15px;
}
a#black {
background:url(../images/background/portfolio-cta.gif) no-repeat;
width:260px;
line-height:60px;
display:block;
margin-left:6px;
margin-bottom:5px;
padding-left:22px;
}
a#purplebtn {
background:url(../images/background/zabiscodigital-cta.gif) no-repeat;
width:163px;
line-height:20px;
display:block;
margin-left:6px;
margin-bottom:5px;
padding-left:121px;
padding-top:47px;
height:53px;
margin-top:12px;
}
/*-----------------------meet-team-style------------------*/

body.default2 #meet-team {
	margin-bottom:25px;
	margin-top:0;
}

#meet-team {
width:610px;
height:219px;
display:block;
clear:both;
margin-top:25px;
}
#meet-team h2{
font-size:24px;
font-weight:lighter;
}
#meet-team h3{
font-size:12px;
font-weight:bold;
}
#meet-team p{
font-size:11px;
}
#meet-team #iconbar {height:610px; height:190px; background:url(../images/meet-team/team-bg.png) no-repeat;}
#meet-team #iconbar li { float:left; position:relative;}

#meet-team #iconbar li#devs {margin-left:12px; margin-top:25px; width:127px; height:158px;}
#meet-team #iconbar li#emarketing {margin-left:7px; margin-top:47px; width:63px; height:115px;}
#meet-team #iconbar li#design{margin-left:12px; margin-top:53px; width:57px; height:122px;}
#meet-team #iconbar li#boss{margin-left:8px; margin-top:70px; width:50px; height:115px;}
#meet-team #iconbar li#managers{margin-left:13px; margin-top:48px; width:103px; height:124px;}
#meet-team #iconbar li#ia{margin-left:3px; margin-top:17px; width:91px; height:117px; }
#meet-team #iconbar li#jobs{margin-left:; margin-top:56px; width:62px; height:82px;}


#meet-team #iconbar span {
	background: url(../images/meet-team/bubble.png) no-repeat;
	width: 126px;
	height: 56px;
	position: absolute;
	top: -50px;
	left: -45px;
	text-align: left;
	padding: 10px;
	padding-top:12px;
	display: none;
	line-height:110%;
	font-size:13px;
	color:#ffffff;
	cursor:pointer;
}
/*-----------------------end------------------*/


/* Coda Slider */

	.coda-slider-wrapper { width:280px; padding: 15px; background-color:#000000; -moz-border-radius:10px; margin:0 auto }
	.coda-slider { background: #000000 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 280px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 280px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: url(../images/buttons/media-on.gif) no-repeat; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:0 }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */
#coda-nav-1 {
width:280px !important;
}
#coda-nav-1 ul {
width:56px !important;
}

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; padding-bottom:5px }
	.coda-nav ul li { display: inline;}
	.coda-nav ul li a { background: url(../images/buttons/media-off.gif) no-repeat; color: #fff; display: block; float: left; width:10px; height:10px; text-decoration: none; text-indent:-9999px;  margin:0 2px 0 2px;  }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { display:none; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

#media-spots p {
padding-left:15px;
}
#homepage #content-sub, #level2 #content-sub {
	width: 486px;
}
#contactus #content-sub, #project #content-sub, #blog #content-sub {
	width: 230px;
	margin-left: 10px;
}

/* Footer */
#zabisco-feeds {
	background: #000 url(../images/background/site-info.png) no-repeat center top;
	clear: both;
	overflow:hidden;
	padding-top:15px;
	padding-left:20px;
	padding-right:17px;
	}
#zabisco-feeds h2 {
font-size:24px;
font-weight:lighter;
float:left;
}
#zabisco-feeds span {
background:url(../images/buttons/news-feed-bg-right.gif) no-repeat right;
display:block;
overflow:hidden;
float:left;
padding-right:51px;
}
#zabisco-feeds a {
background:url(../images/buttons/news-feed-bg.gif) no-repeat;
display:block;
overflow:hidden;
line-height:41px;
float:right;
padding-left:13px;
font-size:18px;
}

#site-info {
	clear: both;
	overflow:hidden;
	text-align: center;
	background-color:#000000;
}
#links {
	padding-top: 10px;
	clear:both;
	background-color:#000000;
	text-align:center;
}
#copyright {
	padding: 5px 0;
}
#copyright, #copyright a {
	font-size: 11px;
	font-weight: normal;
}
#copyright, #copyright a {
	color: #a6a6a6;
}


.spacer-index {
	float: left;
	height: 100%;
	width: 610px;
}
.about-left {
	float: left;
	width: 295px;
}
.about-base {
	float: left;
	width: 600px;
}

.about-right {
	float: right;
	width: 250px;
	margin-left: 1px;
}
/* Wordpress Feed */
#blog_container {
margin:0; 
width:630px;
float:left;
display:block;
margin-left:20px;
margin-top:13px;
}
#blog_container p {
}
#blog_container p.date{
font-size:11px;
}
#blog_container a {
font-weight:normal;
}
#blog_container p.permalink a {
font-weight:normal;
}
#blog_container img {
width:45px;
height:45px;
float:left;
display:block;
margin-right:10px;
}
.post {
margin: 0 0 40px;
}
.wp-post-image { 
float: left;
padding: 2px 14px 6px 0; 
}
.blog {
margin-bottom:10px;
margin-right:20px;
width:295px;
float:left;
text-align:left;
}
.blog p.excerpt, .blog p.date {
color:#a6a6a6;
}
.blog p.excerpt {
margin-top:10px;
}


a.external-link, .image-overlay a.external-link {
	background:url(../images/buttons/url.gif) no-repeat top left !important;
	height:30px !important;
	width:500px !important;
	font-size:18px;
	color:#ffffff;
	padding-left:35px;
}

a.external-link:hover, .image-overlay a.external-link:hover {
	color:#cccccc;
}


.errorbox {
	background:#000 url(../images/404bottom-bg.gif) no-repeat bottom left !important;
	width:610px;
	padding-bottom:172px;
}

.errorbottom {
	background:url(../images/404-box-bg.gif) no-repeat top left !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}