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

body {
	
	background-image: url(images/who_bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#000;
}




#main {
	margin: 0 auto;
	margin-top:50px;
	width:775px;
	height:550px;
	border:#000;
	background-image:url(images/mainborder.gif);
		
	
} 



#news {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:190px;
	height:530px;
	
}

#newsspace {
	float:left;
	margin-left:10px;
	margin-top:1px;
	width:190px;
	height:34px;
	
}

      a.newsspace {
          display: block;
          width: 64px;
          height: 34px;
          background: url("images/whosmall.jpg") 0 0 no-repeat;
          text-decoration: none;
		  z-index:1;

      }

#logo {
	width:190px;
	height:124px;
	background-image:url(images/whologo.jpg);
	
}

#newswindow {
	height:390px;
	width:190px;
	padding-top:10px;
	

}

#menu {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:555px;
	height:20px;
	overflow:hidden;
		
	
} 

	  
	#team {
	width: 87px;
	height: 31px;
	float:left;
	overflow:hidden;

}


      a.team {
          display: block;
          width: 87px;
          height: 62px;
          background: url("images/menu_team.gif") 0 0 no-repeat;
          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover.team {
          background-position: 0 -31px;
		  overflow:hidden;
      }
	  
	  
	  #products {
	width: 162px;
	height: 31px;
	float:left;
	overflow:hidden;

}





      a.products {
          display: block;
          width: 162px;
          height: 62px;
          background: url("images/menu_products.gif") 0 0 no-repeat;
          text-decoration: none;
		  		  overflow:hidden;

      }




      a:hover.products {
          background-position: 0 -31px;
		  overflow:hidden;
      }
	  
	  
	  #media {
	width: 107px;
	height: 31px;
	float:left;
	overflow:hidden;

}


      a.media {
          display: block;
          width: 107px;
          height: 62px;
          background: url("images/menu_media.gif") 0 0 no-repeat;
          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover.media {
          background-position: 0 -31px;
		  overflow:hidden;
      }
	  
	  
	  
	  #about {
	width: 116px;
	height: 31px;
	float:left;
	overflow:hidden;

}


      a.about {
          display: block;
          width: 116px;
          height: 62px;
          background: url("images/menu_about.gif") 0 0 no-repeat;
          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover.about {
          background-position: 0 -31px;
		  overflow:hidden;
      }
	  
	  
	  
	  #shop {
	width: 83px;
	height: 31px;
	float:left;
	overflow:hidden;

}


      a.shop {
          display: block;
          width: 83px;
          height: 62px;
          background: url("images/menu_shop.gif") 0 0 no-repeat;
          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover.shop {
          background-position: 0 -31px;
		  overflow:hidden;
      }

#newsimage {
	margin-left:10px;
	height:500px;
	width:555px;
	float:left;

}

#newsblog {
	width:160px;
	
}

#newsblog {
	width:160px;
	
}

#newsblog h2 {
  margin:1.5em 0 .75em;
  font:85%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
  




#productpage {
	float:left;
	padding-left:10px;
	width:765px;
	background-image:url(images/borderextend.jpg);
	
}

#productbox {
	float:left;
	height:141px;
	width:141px;
	margin-bottom:10px;
	border:#CCC solid 1px;
	
}

#productdivider {
	width:10px;
	height:10px;
	float:left;
	
}

#producttypedivider {
	width:765px;
	height:10px;
	float:left;
	
}

#teampage  {
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:-11px;
	width:755px;
	height:511px;
	overflow:hidden;

}




  #meekbutton {
	width: 197px;
	height: 287px;
	background: url("images/team/meekbutton.gif") 0 0 no-repeat;
	float:left;
	overflow:hidden;


}


  #boyobutton {
	width: 232px;
    height: 176px;
	background: url("images/team/boyobutton.gif") 0 0 no-repeat;
	float:left;
	overflow:hidden;
	margin-left:197px;

}


  #taylorbutton {
	width: 325px;
	height: 237px;
	background: url("images/team/taylorbutton.gif") 0 0 no-repeat;
	float:left;
	overflow:hidden;
	margin-left:428px;

}
  
  
#tag {
	float:left;
	background-image:url(images/whotag.png);
	height:178px;
	width:166px;
	
}  



#lovepaste {
	float:right;
	margin-top:20px;
	background-image:url(images/lp.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:60px;
	width:23px;
	
}
	

#aboutbox {

	float:left;
	padding-left:10px;
	padding-right:10px;
	width:755px;
	height: 480px;
	padding-bottom:20px;
	background-image:url(images/aboutbg1.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	
}

#aboutbox h1 {

		font-size:36px;
	color:#221f20;
	letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:36px;

	
}

#aboutbox p {

	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14pt;
	color:#666;
	width:400px;
	margin-left:10px;
	
	
}

#aboutbox p a:link {
	font-weight:bold;
		font-style:italic;

	text-decoration:none;
	color:#333;
}


#teamwrapper {
	background-color:#FFF;
	float:left;
	width:775px;
}

#teaminfo {

	float:left;
	padding-left:10px;
	padding-right:10px;
	width:400px;
	padding-bottom:20px;
	background-color:#FFF;
	
}

#teaminfo h1 {

		font-size:36px;
	color:#221f20;
	letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:36px;

	
}

#teaminfo h2 {
	font-size:20px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	margin-bottom:-20px;
	margin-top:-10px;
	
}


#teaminfo h3 {

		font-size:36px;
		color:#333;
		letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:12px;

	
}

#teaminfo p {

	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14pt;
	color:#666;
	width:400px;
	margin-left:10px;
	
}

#teaminfo p a:link {
	font-weight:bold;
		font-style:italic;

	text-decoration:none;
	color:#333;
}

#teammedia {
	margin-top:10px;
	margin-bottom:5px;
	float:left;
	width:335px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFF;
	
}


#teamflow {

	float:left;
	padding-left:10px;
	padding-right:10px;
	width:755px;
	height:500px;
	padding-bottom:20px;
	background-color:#FFF;
	background-image:url(images/flowteambg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}

#teamflow h1 {

		font-size:36px;
	color:#221f20;
	letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:36px;

	
}

#teamflow h2 {
	font-size:20px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	margin-bottom:-20px;
	margin-top:-10px;
	
}


#teamflow h3 {

		font-size:36px;
		color:#333;
		letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	margin-top:-20px;
	margin-bottom: 15px;
}

#teamflow h3 a:link {

		font-size:36px;
		color:#333;
		letter-spacing:-2px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	margin-top:-20px;
	margin-bottom: 15px;
		text-decoration:none;

}

#teamflow p {

	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14pt;
	color:#666;
	width:400px;
	margin-left:10px;
	
}

#teamflow p a:link {
	font-weight:bold;
		font-style:italic;

	text-decoration:none;
	color:#333;
}




.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

#showreelholder {
	float:left;
	background-image:url(images/showreelholder.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width: 486px;
	height:298px;
	padding:8px;	
	margin-left:-5px;
}

/* Screenshot Rollovers */

.screenshot {float:left; position: relative; overflow: hidden; width: 200px; height: 150px; margin-bottom: 20px; }

.screenshot a:hover img { /*opacity: 1;*/ }

.rating p {margin-top:0px;  color: #333; font: 14px Helvetica, Arial, sans-serif; border: none; }

.rating img {
display:inline;
}

.rating p a { color: #333; font: bold 10px Helvetica, Arial, sans-serif; border: none; }

.rating ul a:hover { border: none; }

.screenshot p img { border: 0px; width: auto; height: auto; float: left; margin: 0 3px 0 0;}

.random .rating .unit-rating { right: 0px; left: 45px; }

.rating { left: 0px; position: absolute; bottom: -56px; background-image:url(images/white70.png); background-repeat:repeat; margin-left: 0px; margin-bottom:0px; padding: 6px 0 6px 6px; display: block; cursor: pointer; width: 200px; height: 40px; overflow: hidden; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}


.toptutorialitem img {float:right; margin-top: 35px; padding: 0 0 10px 20px;}

.toptutorialitem {min-height: 250px;}