/*--------------------------------------------------------------------------------------------
	Projects page styles
  --------------------------------------------------------------------------------------------*/
div#content {
	width:357px;
}
div#sidebarContainer {
	width:382px;
}
  
div#teaserContentTop {
	background:url(../images/bg_teaser_top.gif) no-repeat bottom;
}
div#thumbsContentTop {
	height:10px;
	padding:0 22px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../images/bg_thumbs_top.gif) no-repeat bottom;
}

div#teaserContent {
	background:url(../images/bg_teaser_mid.gif) repeat-y;
}
div#teaserContentThumbs {
	background:url(../images/bg_thumbs_mid.gif) repeat-y;
}
div.portfolioMain {
	float:left;
	padding-left:21px;
}
div.portfolioMainInner {
	width:699px;
}
div.portfolioMainInner div.heroImages {
	position:relative;
	width:699px;	
}
div.portfolioMainInner div.heroImages img,
div.portfolioMainInner div.heroImages div#player {
	position:absolute;
	right:0px;
	bottom:0px;	
}
div.portfolioMainInnerThumbs {
	position:relative;
	width:705px;
}


a.thumbScroll {
	float:left;
	width:20px;
	margin-right:1px;
}
a#moveLeft {
	background:transparent url(../images/arrow_l.png) left top no-repeat;
}
a#moveRight {
	position:absolute;
	left:680px;
	background:transparent url(../images/arrow_r.png) left top no-repeat;
}
a#moveLeft:hover {
	background-position:left -70px;
}
a#moveRight:hover {
	background-position:left -70px;
}



div#thumbNails {
	position:absolute;
	top:0px;
	left:21px;
	width:658px;
	height:70px;
	overflow:hidden;
}

div#thumbNails img {
	padding:0px;
	margin:0px;
	display:inline;
}
div#thumbNails a {
	padding:0 1px 0 0;
	margin:0px;
}
div#thumbNails img {
	opacity: 0.99;
}
div#thumbNails img:hover {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


div#projectsSidebar1 {
	float:left;
	width:184px;
	background:url(../images/bg_vline.gif) no-repeat 183px top; 
}
div#projectsSidebar1 h3 {
	background:url(../images/bg_hline.gif) -357px bottom no-repeat;
}
div#projectsSidebar1 p strong {
	color:#666666;
	font-weight:normal;
}
div#projectsSidebar2 {
	float:left;
	width:197px;
	background:url(../images/bg_vline.gif) no-repeat 178px top;
}
div#projectsSidebar2 h3 {
	padding-left:0;
}
div#projectsSidebar2 h3 img {
	padding-top:2px;
}


ul#navSidebar {
	list-style:none;
	padding:0;
	margin:0;
	width:178px;
	background:url(../images/bg_sidebar_menu2.gif) left repeat-x;
}
ul#navSidebar li {
	border-bottom:none;
}
ul#navSidebar a {
	display:block;
	zoom:1; /* for IE */
	line-height:15px;
	padding:0 10px 0 20px;
	text-decoration:none;
	color:#C6C6BF;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:solid 1px #666;
}
ul#navSidebar a:hover {
	color:#FFFFFF;
}
ul#navSidebar li#selected a {
	color:#CC3232;
}


div.projectsSidebar2FooterRight {
	background:url(../images/bg_vline_bot.gif) no-repeat;
	background-position:178px bottom;	
}