@import "reset.css";
@import "jqtransform.css";
@import "jquery.fancybox.css";


#help-alternatives{padding-bottom:0; margin-top:10px; margin-right:50px;}
#help-alternatives h4{margin:0 0 6px;}
#help-alternatives p{border-bottom:1px solid #d5dde6; margin-bottom:18px; padding-bottom:18px;}
#help-alternatives .last{border:none; margin:0;}
.vbox1 a{color:#2173af;}
.vbox1 a:hover{ text-decoration:underline;}
.vbox1{clear:both; float:right; margin-left:27px;}
.vbox1{background:#fff url('../images/bg_vbox-btm.png') no-repeat left bottom; margin-bottom:18px; padding:0 13px 13px 13px; width:189px;}
.vbox1 h5{background:#cccbcb url('../images/bg_vbox1-top.png') no-repeat 0 0; color:#3e434a; font:bold 13px/18px Arial; margin:0 -13px 18px -13px; padding:7px 13px; text-shadow:1px 1px 0 #fff;}
.vbox1 .title{font-size:16px; font-weight:bold; line-height:22px;}
.vbox1 .figure-a{margin-right:9px;}
.figure-1a{display:inline; float:left; margin:0 13px 3px 0;}


#loading{
	text-align: center;
	visibility: hidden;
}

/* tour page */
#projects{
	width:860px;
	height:650px;
	display:block;
	margin: 0 auto;
	position:relative;
	color:#1a1f27;
}
#project-type-nav{
	width:161px;
	margin-top:20px;
	float:left;
	margin-left:2px;
	position:relative;
}

#project-type-nav li{
	width:161px;
	height:36px;
}

#project-type-nav li a{
	width:161px;
	height:36px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#project-type-nav li a span{
	width:200px;
	height:18px;
	display:block;
	text-indent:-99999em;
	margin-left:0px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:top left;	
	position:relative;
	z-index:50;
	opacity: 0.65;
}
	
#project-type-nav li.app a span	  {	background-image:url(../images/text-app.png);}	
#project-type-nav li.ben a span{	background-image:url(../images/text-ben.png);}	
#project-type-nav li.man a span{	background-image:url(../images/text-man.png);}	
#project-type-nav li.trac a span{	background-image:url(../images/text-tra.png);}	
#project-type-nav li.signuphere a span{	background-image:url(../images/text-sign.png);}	

#project-type-nav li.current{
	position:absolute;
	width:	229px;
	height:	41px;
	display:block;
	background:url(../images/project-nav-current-bg.png) no-repeat top left;
	top:-1px;
	left:-7px;
} 
.project {
	width:600px;
	height:700px;
	position:relative;
	margin-right:20px;
	
}

.project-image-wrap{
	padding-top:9px;
	padding-bottom:9px;
	position:relative;
}

.project-image-wrap img{
	display:block;
}

.project-image-wrap a{
	display:block
}



.project-text{
	color:#1a1f27;
	font-size:12px;
	line-height:19px;
	margin-top:5px;
	margin-left:3px;
	padding-right:12px;

}

.project-text p{
	margin-bottom:0.5em;
	margin-left:70px;
}



/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-web-window,
#scroller-iphone-window,
#scroller-desk-window{
	height:700px;
}

#scroller-window {
   position:relative; 
   overflow:hidden;          
   width: 660px;     
   float:right;
}

#scroller-fade-left,
#scroller-fade-right{
	position:absolute;
	width:40px;
	height:100%;
	top:0px;
	left:30px;
}

#scroller-fade-left{
	background: url(../images/sep-2.gif) no-repeat left top;
}


#scroller-window .project{
	float:left;
}


#scroller-vertical{
	position:absolute;
	top:0;
	left:10px;
	height: 2500px;
	width:600px;
}