/*** Project SubMenu ****/
body {
	background:		url(../images/background.jpg) center -20px #FFFFFF no-repeat fixed;
}

#page_background {
	display:		none;
}
#page {
	height:			440px;
	display:		block;
}

div#project_selector {
	position:			fixed;
	text-align:			center;
	width:				100%;
	top:				0;
}

div#project_selector_container {
	width:				988px;
	overflow:			hidden;
	display:			table;
	margin:				40px auto 0 auto;
}

div#project_selector ul {
	font-size:			14px;
	color:				#FFFFFF;
	font-family:		"BankGothic Lt BT", Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	list-style-type:	none;
}

div#project_selector ul.special {
	text-align:			left;
	float:				left;
	margin:				0 0 0 25px;
}

div#project_selector ul.special li {
	margin-right:		32px;
	display:			inline;
}

div#project_selector ul.main {
	text-align:			right;
	float:				right;
	margin:				0 25px 0 0;
}

div#project_selector ul.main li {
	margin-left:		32px;
	display:			inline;
}

div#project_selector a {
	color:				#FFFFFF;
	text-decoration:	none;
}

div#project_selector a:hover {
	color:				#DDDDDD;
}

/*** Project Strip of Images ***/

div#portfolio_strip {
	width:				1000px;			/*This will get overwritten by the portfolio output*/
	height:				440px;
	overflow:			hidden;
	position:			relative;
}

div#portfolio_strip_background {
	width:				1000px;			/*This will get overwritten by the portfolio output*/
	height:				440px;
	margin:				61px 0 -440px 0;
	display:			inline-block;
}

div.project_spacer {
	display:			block;
	float:				left;
	height:				440px;
	width:				1900px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}

div.project {
	display:			block;
	float:				left;
	height:				440px;
	margin:				0 0 0 0;
	padding:			0 0 0 64px;
}
div#tower-20-store {
	padding:			0 64px 0 0;		/* Tower 20 Store goes left instead of right */
}

div.project_background {
	display:			block;
	float:				left;
	height:				440px;
	background:			#FFFFFF;
	opacity:			.8;
	margin:				0;
	padding:			0;
}




/*** Hover/slider indicators ***/
.sliderhotspot {
	position:			fixed;
	top:				80px;
	width:				8%;
	height:				400px;
	overflow: 			hidden;
	z-index:			600;
}

#leftArea {
	left:				0;
}
#rightArea{
	right:				0;
}

.sliderhotspot div {
	position:			fixed;
	top:				289px;
	width:				28px;
	height:				28px;
	overflow: 			hidden;
	z-index:			600;
}

#leftArea div{
	left:				15px;
}
#rightArea div{
	right:				15px;
}

.sliderhotspot img {
	height:				28px;
	width:				56px;
	margin-left: 		-28px;
}

.sliderhotspot:hover img {
	margin-left: 		0;
}



/*** Images in strip ****/
.imgProg{
	height: 			434px;
	border-top:			6px solid #FFFFFF;
	background:			url(../images/loading.gif) no-repeat center center;
}

.offScroll {
	border:				none;
	margin-right:		6px;					/* Keep horizontal width the same when no borders */
}

.onScroll {
	border-right:		6px solid #FFFFFF;
	margin:				0;
}

div#tower-20-store .onScroll {
	border-left:		6px solid #FFFFFF;
	border-right:		none;
	margin:				0;
}

/** Project Titles **/
.myBorder {
	border-left:		6px solid #FFFFFF;
	border-top:			6px solid #FFFFFF;
}

div#tower-20-store .myBorder {
	border-right:		6px solid #FFFFFF;
	border-left:		0;
}

/** Project Text **/
.projectText{
	display: 			inline-block;
	width: 				184px;
	height: 			408px; 
	border-right:		6px solid #FFFFFF;
	vertical-align: 	top;
	padding:	 		32px 15px 0 15px;
	color:				#A1A1A5;
	font-size:			11px;
	line-height:		18px;
	background:			url(../images/bgtext.png);
}


div#tower-20-store .projectText{
	border-left:		6px solid #FFFFFF;
	border-right:		0;
}