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

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;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
body {
	line-height: 1;
	color: black;
	background: #fff;
	text-align:center;
}
a { color: #333; text-decoration: none; outline:none; }
a:hover{ color: #333; text-decoration: underline; }
.clear { clear:both; }
img { background: url('../images/imgload.gif') 0 0 repeat; }
#header { background: url('../images/buttons.png') 0 0 repeat-x; height: 84px; width: 100%; position:absolute; top:0; left:0; }
#page { margin:20px auto; width:900px; display:block; position:relative; border-bottom:1px solid #fff; text-align:left; }
#logo_holder a#logo {
	background: url('../images/buttons.png') -20px -100px no-repeat; 
	height: 50px; width: 240px; position:absolute; top:19px; left:20px; display:block; text-indent:-3000px;
}
#logo_holder{
    height:84px;
    width:900px;
    margin:0 auto;
    position:relative;
}
#ajfuse {
/*	display:none;*/
}
#nav {
	width:221px;
        height:20px;
	display:inline;
        position:absolute;
        top:39px;
        left:320px;
	background: url('../images/buttons.png') -20px -200px no-repeat;
}
#nav li {
        position:absolute;
        top:0;
	height:20px;
	}
#nav li a {
	background: url('../images/buttons.png') no-repeat;
	display:block;
	height:20px;
	text-indent:-3000px;
}
#nav li#about { width:60px;left:0; }
#nav li#about a { background-position: -20px -150px; width:60px; }
#nav li#about a:hover, #nav li#about a.down { background-position:-20px -170px; }
#nav li#work { width:65px;left:60px; }
#nav li#work a { background-position: -80px -150px; width:65px; }
#nav li#work a:hover, #nav li#work a.down { background-position:-80px -170px; }
#nav li#contact { width:73px;left:125px; }
#nav li#contact a { background-position: -145px -150px; width:73px; }
#nav li#contact a:hover, #nav li#contact a.down { background-position:-145px -170px; }

ul#thumbs {
	width:850px;
	display:block;
	float:left;
	margin:10px 0 0 25px;
	}
ul#thumbs li {
	width:200px;
	display:block;
	float:left;
	margin:0 12px 30px 0;
        position:relative;
        overflow:hidden;
}
ul#thumbs li .logoscreen {
    width:198px;
    height:198px;
    background-color:#fff;
    filter:alpha(opacity=95);
    opacity:0.95;
    position:absolute;
    top:1px;
    left:1px;
}
ul#thumbs li .logoscreen h4 {
    background-image: url('../images/cs_screen.png');
    background-repeat: no-repeat;
    display:block;
    position:absolute;
    width:198px;
    text-indent:-3000px;
}
.logoscreen h4.pumagolf {
    height:66px;
    background-position:0 -110px;
    top:50px;
}
.logoscreen h4.someecards {
    height:42px;
    background-position:1px 0px;
    top:78px;
}
.logoscreen h4.newsweek {
    height:25px;
    background-position:0 -190px;
    top:85px;
}
.logoscreen h4.tbxch {
    height:46px;
    background-position:3px -50px;
    top:75px;
}
ul#thumbs li img.thumb {
	width:200px;
	height:200px;
	display:block;
	float:left;
	}
ul#thumbs li .featured {
	float:left;
	width:200px;
	height:5px;
	display:block;
	color:#6d6d6d;
	background-color:#e9e9e9;
	font-size:10px;
	font-weight:bold;
	padding:0px;
	margin:5px 0;
	}
        /*
ul#thumbs li:hover .featured {
	background: url('../images/buttons.png') -240px -340px no-repeat;
	color:#fff;
	}
        */
.featured .icon_video, .featured .icon_photo,
.featured_over .icon_video, .featured_over .icon_photo {
	float:right;
	width:13px;
	height:11px;
	display:block;
	background: url('../images/buttons.png') -80px -650px no-repeat;
	margin-top:-10px;
}
.featured .icon_photo, .featured_over .icon_photo {
	width:10px;
	background-position: -140px -650px;
	margin-left:5px;
}
.featured_over .icon_video {
	background-position: -80px -700px;
}
.featured_over .icon_photo {
	background-position: -140px -700px;
}
/*
ul#thumbs li h2.title, ul#thumbs li h2.title a,
ul#thumbs li h2.title_over, ul#thumbs li h2.title_over a {
*/
ul#thumbs li h2.title {
	padding-bottom:3px;
        margin-top:2px;
}
ul#thumbs li h2.title a {
	font-size:14px;
	color:#888;
	text-decoration:none;
	}
ul#thumbs li:hover h2.title a {
    background-color:#777;
        color:#fff;
	}
ul#thumbs li h3.detail {
    margin-top:2px;
	font-size:11px;
	color:#888;
	line-height:15px;
	}
ul#thumbs li:hover h3.detail {
	color:#000;
	}	

.client_topnav {
	width:900px;
	height:20px;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	float:left;
	display:inline;
	padding:9px 0 0 23px;
	}
.client_topnav a {
	display:block;
	width:156px;
	height:13px;
	background: url('../images/buttons.png') -20px -750px no-repeat;
	}

#casestudy {
    width:920px;
    float:left;
    margin:20px 0;
}

#casestudy #media_container {
    float:left;
    width:610px;
    margin-bottom:20px;
}
#casestudy #media_container.nwvideo {
    width:610px;
}
#casestudy #media_container.nwvideo .divider {
    width:600px;
    margin:40px 0 0 10px;
    padding-top:40px;
    float:left;
    border-top:5px solid #ccc;
}

#casestudy #video_container {
    margin:0px 0 0 10px;
    float:left;
}

#casestudy #media_container .nwvideo_more1,
#casestudy #media_container .nwvideo_more2,
#casestudy #media_container .nwvideo_more3 {
    width:596px;
    display:block;
    float:left;
    margin:0px 0 40px 12px;
}
#casestudy #media_container .nwvideo_more2 {
    width:238px;
}
#casestudy #media_container .nwvideo_more3 {
    width:318px;
    margin-left:40px;
}

.nwvideo_more1 h5, .nwvideo_more2 h5, .nwvideo_more3 h5 { margin:0 0 6px 0; }
.nwvideo_more2 h5 { padding-left:3px; }
.nwvideo_more3 h5 { padding-left:3px; }

.nwvideo_more1 h5 span,
.nwvideo_more2 h5 span,
.nwvideo_more3 h5 span {
    font-size:13px;
    color:#fff;
    background-color:#555;
    padding-right:3px;
}

#casestudy #detail_container {
    float:right;
    margin-left:20px;
    padding-top:6px;
    width:285px;
}
#casestudy #detail_container h2 {
    font-size:12px;
    color:#888;
    font-weight:bold;
    font-family: Helvetica, Verdana, Arial,  Tahoma, sans-serif;
    margin-bottom:4px;
    clear:both;
    float:left;
    width:285px;
}
#casestudy #detail_container h2.year {
    margin-top:2px;
}
#casestudy #detail_container h2 span {
    font-size:14px;
    color:#666;
    font-weight:normal;
    font-family: Helvetica, Verdana, Arial,  Tahoma, sans-serif;
    padding-left:3px;
}
#casestudy #detail_container h2.year span {
    font-size:12px;
}
#casestudy #detail_container .descrip {
    float:left;
    width:100%;
    display:block;
    font-size:12px;
    color:#666;
    font-weight:normal;
    font-family: Helvetica, Verdana, Arial,  Tahoma, sans-serif;
    line-height:16px;
    margin:15px 0;
}
#casestudy a {
    color:#333;
    text-decoration:none;
}
#casestudy a:hover {
    background-color:#777;
    color:#fff;
}
	
.case_studies_header, .client_list_header, .backtolist_header, .contact_header, .about_header {
    width:875px;
    height:30px;
    border-bottom:1px solid #aaa;
    float:left;
    display:inline;
    margin:30px 0 20px 0;
    padding-left:25px;
}
.backtolist_header { margin-top:20px;position:relative; }
.case_studies_header h2, .client_list_header h2, .backtolist_header a, .contact_header h2, .about_header h2 {
    background: url('../images/buttons.png') -292px -100px no-repeat;
    text-indent:-3000px;
    display:block;
    width:131px;
    height:20px;
}
.case_studies_header h2 { background-position:-292px -123px; width:138px; }
.backtolist_header a { background-position:-20px -339px; width:155px; }
.morecasestudies_header {
    width:245px;
    display:block;
    margin:0;
    height:20px;
    position:absolute;
    right:0; top:0;
}
.morecasestudies_header h3 {
    background: url('../images/buttons.png') -20px -300px no-repeat;
    width:141px; height:15px; text-indent:-3000px;
}
.morecasestudies_header ul {
    width:100px;
    position:absolute;
    top:-5px; left:151px;
}
.morecasestudies_header ul li {
    float:left;
    margin-right:10px;
}
.morecasestudies_header a.csicon, .morecasestudies_header a.csicon_over {
    width:14px; height:18px; display:block;
    background: url('../images/buttons.png') -180px -300px no-repeat;
/*    background: url('../images/buttons.png') -200px -300px no-repeat; */
    
}
.morecasestudies_header a.csicon_over, .morecasestudies_header a.csicon:hover {
    background-position:-200px -300px;
}
#cstooltip {
    height:21px;
    position:absolute;
    top:-28px; left:102px;
    padding-right:6px;
    display:none;
}
#cstooltip .client {
    height:14px;
    background-color:#131313;
    color:#fff;
    font-size:11px;
    padding:2px 3px 0 10px;
}
#cstooltip .end {
    width:6px; height:21px;
    position:absolute;
    right:0; top:0;
    background: url('../images/buttons.png') -234px -300px no-repeat;
}


.contact_header h2 { background-position:-292px -150px; width:80px; }
.about_header h2 { background-position:-292px -175px; width:60px; }
#case_study_holder, #client_list_holder { float:left; }
#case_study_holder:hover  .case_studies_header h2 { background-position:-440px -100px; }
#case_study_holder:hover  .case_studies_header,
#client_list_holder:hover  .client_list_header { border-bottom:1px solid #545454; }
#client_list_holder:hover  .client_list_header h2 { background-position:-440px -123px; }


ul.client_list {
    width:200px;
    color:#777;
    float:left;
    margin:0 0 50px 25px;
}
ul.client_list li {
    font-size:13px;
    font-weight:normal;
    font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
    float:left;
    width:190px;
    margin:5px 0px 0 0;
}
ul.client_list li a {
    font-size:13px;
    color:#777;
}
ul.client_list li a:hover, ul.client_list li a.on {
    font-size:13px;
    background-color:#777;
    color:#fff;
    text-decoration:none;
}
#client_list_display {
    float:left;
    width:540px;
    height:500px;
    text-align:center;
    position:relative;
    margin:30px 0 0 55px;
}
#imgcount {
    color:#fff;
    font-size:11px;
    position:absolute;
    top:7px;
    left:550px;
    background-color:#525252;
    padding:4px;
}
#client_list_viewport { width:660px; float:left; margin:-5px 0 0 10px; position:relative; background-color:#3c3c3c; z-index:10; }
#client_list_viewport .leftnav, #client_list_viewport .rightnav { width:50px; position:absolute; top:0px; text-indent:-3000px; background-color:#4b4b4b; height:725px; display:none; z-index:20; }
#client_list_viewport .leftnav:hover, #client_list_viewport .rightnav:hover { background-color:#5d5d5d; }
#client_list_viewport .leftnav { left:0px; border-right:5px solid #474747; }
#client_list_viewport .rightnav { right:0px; border-left:5px solid #474747; }
#client_list_viewport .leftnav:active { background-color:#575757; border-right:5px solid #4a4a4a; }
#client_list_viewport .rightnav:active { background-color:#575757; border-left:5px solid #4a4a4a; }
#client_list_viewport .leftnav .arrow, #client_list_viewport .rightnav .arrow { width:21px; height:118px; background-image: url('../images/buttons.png'); background-repeat:no-repeat; position:absolute; }
#client_list_viewport .leftnav .arrow { background-position:-600px -230px; left:15px; }
#client_list_viewport .rightnav .arrow { background-position:-600px -100px; right:15px; }
#client_list_viewport .leftnav:hover .arrow { background-position:-630px -230px; }
#client_list_viewport .rightnav:hover .arrow { background-position:-630px -100px; }
#client_list_viewport .leftnav:active .arrow { background-position:-660px -230px; }
#client_list_viewport .rightnav:active .arrow { background-position:-660px -100px; }
#client_list_display { overflow:hidden; }
#client_list_images { position:absolute; left:0;}
#client_list_images img { position:absolute; top:0; border:5px solid #525252; }
#client_list_images img:hover { border-color:#5d5d5d; }

#about_info {
    width:280px;
    margin:0 0 0 20px;
    line-height:16px;
    color:#666;
    font-size:12px;
    float:left;
    display:inline;
    padding:60px 0 50px 0;
}
#about_info td, #about_info a {
    line-height:16px;
    color:#666;
    font-size:12px;
}
#about_form {
    width:550px;
    float:left;
    margin:0 0 0 10px;
    padding-left:20px;
    border-left:1px solid #aaa;
}
#about_form h4 {
    line-height:16px;
    color:#666;
    font-size:12px;
    margin:20px 0;
}
#about_form label {
    width:60px;
    float:left;
    padding:5px;
    font-size:14px;
    color:#777;
}
#about_form input {
    border:1px solid #aaa;
    width:450px;
    font-size:15px;
    font-family: Helvetica, Verdana, Arial,  Tahoma, sans-serif;
    padding:5px;
    margin:0 0 5px 0;
}
#about_form textarea {
    border:1px solid #aaa;
    width:450px;
    height:150px;
    font-size:15px;
    font-family: Helvetica, Verdana, Arial,  Tahoma, sans-serif;
    padding:5px;
}
#about_form .sendbutton {
    width:112px;
    height:37px;
    background: url('../images/buttons.png') -20px -230px no-repeat;
    display:block;
    text-indent:-3000px;
    float:right;
    margin:10px 18px 40px 0;
}
#about_form .status {
    width:300px;
    float:left;
    margin:20px 0 0 70px;
}
.required_note {
    width:80px; float:right; text-align:right;margin:0 20px 0 0;
}
.required, .error { color:#f00; }
.success { color:#64b900; }

#footer {
    width:900px;
    margin:30px auto 50px auto;
    text-align:left;
    border-top:1px solid #aaa;
    padding:20px 0 0 10px;
    color:#777;
}
#footer a {
    color:#777;
    text-decoration:none;
}
#footer a:hover, #footer a.down {
    background-color:#eee;
}