@charset "UTF-8";
/* CSS Document */


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieddset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {background:#000;color:#ccc;font-size:13px;font-family:Trebuchet MS;}

h1 {font-family: Trebuchet MS;font-size:20px;color: rgb(123,122,122);text-transform:uppercase;line-height:30pt;}
h2 {font-family: Trebuchet MS;font-size:16px;color: rgb(181,212,67);text-transform:uppercase;}
h4 {font-family: Trebuchet MS;font-size:14px;color: rgb(181,212,67);text-transform:uppercase;}

p {line-height:16px;}

#section-copy .first { padding-right: 32px; }
#section-copy .last {padding-left:32px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}




#wrapper {width:1000px;margin:0 auto;}

#header {width:1000px;height:118px;background: transparent url(images/header.jpg);}

#logo {width:216px;height:73px;margin-left:10px;float:left;margin-top:35px;}

#nav-holder {width:570px;height:28px;float:right;margin-top:25px;margin-right:50px;overflow:hidden;}
#nav {background:url(images/navigation.png) no-repeat; width:570px; height:28px;margin:0;padding:0;}
#nav li { float: left; display:inline; list-style:none;text-indent: -9000em; }
#nav li a { display: block; height: 28px;}
#nav li a:active {outline:none;}
#n-home {width: 70px;}
#n-portfolio {width: 130px;}
#n-about {width: 90px;}
#n-people {width:100px;}
#n-blog {width: 80px;}
#n-contact {width: 100px;}

#n-home a:hover { background: url(images/navigation.png) 0px -28px no-repeat; }
#n-portfolio a:hover { background: url(images/navigation.png) -70px -28px no-repeat;}
#n-about a:hover { background: url(images/navigation.png) -200px -28px no-repeat;}
#n-people a:hover { background: url(images/navigation.png) -290px -28px no-repeat;}
#n-blog a:hover { background: url(images/navigation.png) -390px -28px no-repeat;}
#n-contact a:hover { background: url(images/navigation.png) -470px -28px no-repeat;}

#content {width:980px;margin:0 auto;}

#section-title {height:27px;margin-top:10px;margin-bottom:25px;}

#section-copy {padding-top:10px;padding-bottom:10px;}

#home-slide {width:900px;height:260px;margin:0 auto;margin-bottom:20px;background:url(images/home-1.jpg);}
#home-slide {
    position:relative;
    height:260px;
}

#home-slide img {
    position:absolute;
    top:0;
    z-index:8;
    opacity:0.0;
}

#home-slide img.active {
    z-index:10;
    opacity:1.0;
}

#home-slide img.last-active {
    z-index:9;
}


/* ABOUT PAGE */

#maze {width:501px;height:424px;margin-left:30px;float:left;position:absolute;background:url(images/maze.jpg);}
.clients{top:236px;left:91px;position:absolute;}
.philosophy{top:13px;left:4px;position:absolute;}
.mediaplacement{right:8px;top:5px;position:absolute;}
.value{left:251px;bottom:0px;position:absolute;}
.minutes{left:20px;top:100px;position:absolute;}
.coffee{top:90px;left:72px;position:absolute;}
.cheese{left:50px;bottom:7px;position:absolute;}
.production{left:69px;bottom:50px;position:absolute;}
.strategy{top:80px;right:75px;position:absolute;}
.creativity{left:146px;top:183px;position:absolute;}





#info {width:300px;margin-right:84px;float:right;}
#info h2 {padding-bottom:15px;}
#info p {padding-bottom:15px;}
#switches .active {
  font-weight: bold;
}

#slides div {
  display: none;
}

#slides div.active {
  display: block;
  width:300px;height:200px;color:#fff;
}

#portfolio {margin:0 auto;}
#port-holder {overflow:hidden;width:906px;height:380px;margin:0 auto;}
#port-list-holder {overflow:hidden;width:940px;height:400px;margin:0 auto;text-align:center;}
#port-list-holder h4 {padding-top:10px;}

.p-item {height:200px;}
.w-item {height:230px;}
#w-port-holder {overflow:hidden;width:901px;height:390px;}

#video-player {width:720px;height:480px;background:#000;}



#content-blog {width:400px;}

.entry {padding-top:15px;}
.entry p {padding-bottom:15px;}
.widecolumn {padding-top:20px;}
.navigation {padding-bottom:15px;}

#people-info {width:650px;min-height:250px;}
#people-info p{padding-bottom:15px;}
#people-info h4 {padding-bottom:30px;}

#radio-info {width:300px;height:200px;}

.widgettitle {padding-top:25px;padding-bottom:5px;}

.post a {color: rgb(181,212,67);text-decoration:None;}
small {font-size:11pt;}

.port-list-item {float:left;padding-left:4px;padding-right:4px;}

.p-thumb {width:216px;height:135px;}

.contact-us {margin-bottom:20px;width:500px;float:left;}
.contact-right {width:200px;float:left;padding:25px;}


#port-nav {font-size:18px;float:right;text-transform:uppercase;margin-top:10px;}
#port-nav li {display:inline;list-style-type:none;padding-left:8px;padding-right:8px;}
#port-nav a {text-decoration:none;color:rgb(181,212,67);}
#port-nav a:hover, a:active {color:#ccc;}