/*///////////////////////////////////////////////////////////////////

 Contrabrand 2.0, main styles  v6

///////////////////////////////////////////////////////////////////*/


/*------main elements---------------------------------------------*/

/*-----work pod home'--------------------------------------------*/
.workPodWrapper{	
	padding-left:5px;
	padding-top:10px;
}
.workPod{
	margin-left:1px;
	margin-bottom:10px;
	float:left;
	width:295px;
	height:155px;	
	/*underwork:lightest gray*/
	background-color:#dadada;
}

.workPod a img{
	margin-top:20px;
}

.workPod h3{
	font-size:11pt;
	margin:7px 3px 3px 6px;		
}
/*-----subnav home filter-------------------------------------------*/
#subnav {
	position:absolute;
	z-index:100;
	top: 132px;
	left: 560px;
	width:400px;
	background-image: url(../images/subnav/under_subnav.png);
	background-repeat: no-repeat;	
	}

#subnav ul {	
	margin-left:80px;
}
#subnav li {
	display:inline;
	height:20px;
	list-style-type: none;
	float:left;	
	margin: 0px 0px 0 4px;
	}
	
/*unique margin for product*/

#subnav li.product{
	margin: 0px 0px 0 32px;
}
/*--------	*/
#subnav li, 
#subnav li a {
	display: block;
	background-repeat: no-repeat;
	}
#subnav li a {
	padding-top: 20px; height: 0 !important;
	height /**/: 20px; overflow: hidden;
}
#subnav li a:hover {
	background-position: 0 -20px;
}
#subnav li.active a {
	background-position: 0 -40px;
}
/*---*/
#subnav li.web,
#subnav li.web a {
	width: 37px;
	background-image: url(../images/subnav/web.png);
}
#subnav li.identity,
#subnav li.identity a {
	width: 70px;
	background-image: url(../images/subnav/identity.png);
}
#subnav li.paper,
#subnav li.paper a {
	width: 51px;
	background-image: url(../images/subnav/paper.png);
}
#subnav li.product,
#subnav li.product a {
	width: 68px;
	background-image: url(../images/subnav/product.png);
}
/*-----pullout all--------------------------------------------*/
#subnav li.all,
#subnav li.all a {
	width: 29px;
	background-image: url(../images/subnav/all.png);
}

/*-----work pod detail--------------------------------------------*/
#secondaryMenu {
	position:absolute;
	z-index:100;
	top: 158px;
	left: 650px;
	width:300px;
}
#secondaryMenu ul {
}
#secondaryMenu li {	
	height:41px;
	list-style-type: none;
	float:left;	
	margin: 0px 0px 0 10px;	
}
#secondaryMenu li,
#secondaryMenu li a {
	display: block;
	background-repeat: no-repeat;
	width: 54px;
}
#secondaryMenu li a {
	padding-top: 41px; height: 0 !important;
	height /**/: 41px; overflow: hidden;
}
#secondaryMenu li a:hover {
	background-position: 0 -41px;
}
#secondaryMenu li.next,
#secondaryMenu li.next a {
	background-image: url(../images/nav/next.gif);
}
#secondaryMenu li.previous,
#secondaryMenu li.previous a {
	background-image: url(../images/nav/back.gif);
}
#secondaryMenu li.back,
#secondaryMenu li.back a {
	background-image: url(../images/nav/home.gif);
}
/*pull out and give specificity*/
#secondaryMenu li.back {
	margin: 0px 0px 0 90px;
}
/*---------*/

/*pull out for external and tweet links*/
#secondaryMenu li.external,
#secondaryMenu li.tweet {
	margin: 25px 0px 0 10px;	
	height: 38px;
}
#secondaryMenu li.external a,
#secondaryMenu li.tweet a {
	padding-top: 38px; height: 0 !important;
	height /**/: 38px; overflow: hidden;
}
#secondaryMenu li.external a:hover,
#secondaryMenu li.tweet a:hover {
	background-position: 0 -38px;
}
	
#secondaryMenu li.external,
#secondaryMenu li.external a,
#secondaryMenu li.tweet,
#secondaryMenu li.tweet a {
	width:125px;
}

#secondaryMenu li.external,
#secondaryMenu li.external a {
	background-image: url(../images/nav/viewinlife.gif);
}

#secondaryMenu li.tweet,
#secondaryMenu li.tweet a {
	background-image: url(../images/nav/shareontwitter.gif);
}


/*-------*/

.client, .project {
	height: 41px;
	background-repeat: no-repeat;		
}
.client {
	padding-left:85px;
	background-image: url(../images/client.gif);
}
.project {
	padding-left:85px;
	background-image: url(../images/project.gif);	
}

/*-------*/

#pieceContent {	
	margin:10px 0px 5px 5px;
	position:relative;
}
#pieceContent #pieceDetails {	
	padding:20px 0px 25px 25px;	
	background: transparent url(../images/content_bg.gif);
	background-repeat: repeat-y;	
	/*underwork:lightest gray*/
	background-color:#dadada;	
	/*width:890px- padding =*/
	width:861px;		
}

#pieceContent #pieceDetails h2 {
	display:inline;
	margin-right:10px;
}

#pieceContent #pieceDetails p {		
	margin-top:20px;
	padding-right:320px;
}

#pieceContent #pieceDetails a {	
}

#pieceContent img {
	margin-bottom:10px;	
}

/*-----------*/

.new {
	height: 13px;
	background-repeat: no-repeat;
	padding-left:20px;
	background: url(../images/new.gif) no-repeat 0 50%;		
}
/*-----tool tip------*/
#tooltip{
	position:absolute;
	display:none;
    background: transparent url(../images/thought.png);
	background-repeat: no-repeat;
	background-position:top center;
	padding-top:40px;
}
#tooltip p{		
	background: #33ccff;
	padding:20px;
	color:#fff;	
	/*-khtml-opacity: 0.9;*/ /* khtml, old safari */
	/*-moz-opacity: 0.9;*/       /* mozilla, netscape */
	opacity: 0.9;    /* fx, safari, opera */
	
	}