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

/* Projects */
 
#featuredprojects {
	overflow:			hidden;
	margin:				0 0 8px 0;
    padding: 0px 40px;
    height: 330px;
}

#featuredprojects div.nav {
	float:				left;
	width:				190px;
}

#featuredprojects div.nav ul {
	list-style-type:	none;
	margin:				0px 0 0 0px;
	padding: 0;
	line-height: 14px;
}
#featuredprojects div.nav ul li {
	margin:				0 0 3px 0;
	display: block;
}
#featuredprojects div.nav ul li a {
	padding: 0;
	margin: 0;
	/*background:			transparent url('../featured_images/design/a_arrowright.png') no-repeat left center;*/
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

#featuredprojects div.nav ul li a:hover  {
	text-decoration: underline;
}
 
#featuredprojects div.nav ul li.selected a {
	font-weight:		bold;
}
 

#featuredprojects div.imgcontainer {
	width:				720px;
	float:				left;
	position:			relative;
	margin-left: 7px;
}

#featuredprojects div.imgcontainer p {line-height: 18px; }
 
#featuredprojects div.imgcontainer div.project {
	float:				left;
	display:			inline;
	position:			relative;
	cursor:				pointer;
	width:				136px;
	height:				99px;
	font-size: 12px;
	margin: 0px 7px 7px 0px;
	padding-bottom: 2px;
}

#featuredprojects div.imgcontainer div.project img.thumb {
	width:				136px;
}
 
 
#featuredprojects div.project p.tooltip {
	position:			absolute;
	display:			none;
	top:				30px;
	left:				50px;
	width:				201px;
	height:				48px;
	margin:				0;
	padding:			4px 6px 8px 6px;
	background:			transparent url('../featured_images/design/bg_projecttooltip.png') no-repeat left top;
	color:				#5f6062;
}
* html #featuredprojects div.project p.tooltip {
	background:			transparent url('../featured_images/design/bg_projecttooltip_ie.png') no-repeat left top !important;
}
#featuredprojects div.project p.alt {
	height:				64px !important;
	background:			transparent url('../featured_images/design/bg_projecttooltip_alt.png') no-repeat left top !important;
}
* html #featuredprojects div.alt p.tooltip {
	background:			transparent url('../featured_images/design/bg_projecttooltip_alt_ie.png') no-repeat left top !important;
}
#featuredprojects div.project p.tooltip span {
	display:			block;
	padding:			6px 5px 0 7px;
	width:				189px;
	height:				42px;
	font-size: 9px;
}
#featuredprojects div.project p.alt span {
	height:				58px !important;
}
#featuredprojects div.project p.right {
	left:				-120px;
}
#featuredprojects div.project p.bottom {
	top:				-15px;
}
 
#featuredprojects div.project p.tooltip strong {
	text-transform:		uppercase;
	font-size: 12px;
	display: block;
}
 
#featuredprojects div.project div.popup {
	position:			absolute;
	display:			none;
	left:				53px;
	top:				38px;
	width:				601px;
	height:				229px;
	padding:			4px 6px;
	background:			transparent url('../featured_images/design/bg_projectpopup.png') no-repeat left top;
	cursor:				default;
	z-index:			100;
}
* html #featuredprojects div.project div.popup {
	background:			transparent url('../featured_images/design/bg_projectpopup_ie.png') no-repeat left top !important;
}
#featuredprojects div.project div.popup div.popup_content {
	height:				225px;
	background-color:	#ffffff !important;
	width: auto;
	overflow: hidden;
	color: #000;
}
 
#featuredprojects div.project div.popup img {
	float:				left;
	display:			inline;
	border-right:		3px solid #484848;
}
 
#featuredprojects div.project div.popup p {
	color:				#000;
	margin:				0 30px 0 317px;
	padding:			10px 14px 0 0 ;
	font-size:			1em;
}

#featuredprojects div.project div.popup p.title {
	border-bottom: 1px solid #000;
}
 
#featuredprojects div.project div.popup p.title strong {
	text-transform:		uppercase;
}
 
#featuredprojects div.project div.popup p a {
	color:				#99ccff;
}

#featuredprojects div.project div.popup p a.arrow {
	background:			transparent url('../featured_images/design/a_arrowright_blue.png') no-repeat left center;
}

#featuredprojects div.project div.popup p.close {
	margin:				0;
	padding:			0;
	float:				right;
	display:			inline;
	width:				13px;
	height:				13px;
	text-indent:		-9999px;
	margin:				5px 8px 0 0;
	cursor:				pointer;
	background:			transparent url('../featured_images/design/close.png') no-repeat left top;
}