/* portfolio */
body, HTML{
	background:none;
	background-color:#1A1B1C;
}
#container {	
	background:none;
	background-color:#1A1B1C;
}
#content {
	background-color:#1A1B1C;
	background: url(../images/content_bg_port.gif) left top repeat-y;
}
#contentLeft {
	background-color:#111213;
}
#contentLeft #logo {
	background: url(../images/logo_bgblack.gif) left 7px no-repeat;
}
#menuLeft ul li a,
#menuLeft ul li a:visited,
#menuLeft ul li a:active{
	color:#FFF;
}
#menuLeft ul li a:hover{
	color:#FF0F0F;
}
/* ---------------------------SURVEY--------------------------- */
#contentLeft #survey{
	float:left;
	margin:0px 15px 0 15px;
	_margin:0px 7px 0 7px;
	height:19px;
	width:123px;
	border-top:solid 1px #7F7F7F;
	padding-top:6px;
	display:block;
}
#contentLeft #survey ul{
	margin:Opx;
	padding:0px;
	display:inline;
}
#contentLeft #survey ul li{
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
}
#contentLeft #survey ul li a{
	width:20px;
	height:19px;
	text-decoration:none;
	float:left;
}
#survey #surv1, #survey #surv2, #survey #surv3, #survey #surv4{
	width:129px;
	color:#FFF;
	position:absolute;
	top:140px;
	left:0px;
	height:71px;
	float:left;
	padding: 12px 6px 6px 18px;
	font-size:0.70em;
}
#survey #surv1{
	background-color:#2D2D2D;
	visibility: hidden;
}
#survey #surv2{
	background-color:#540505;
	visibility: hidden;
}
#survey #surv3{
	background-color:#A80A0A;
	visibility: hidden;
}
#survey #surv4{
	background-color:#FF0F0F;
	visibility: hidden;
}
.note1, .note1:hover{
	background:url(../images/survey1_black.gif) top left no-repeat;
}
.note2, .note2:hover{
	background:url(../images/survey2_black.gif) top left no-repeat;
}
.note3, .note3:hover{
	background:url(../images/survey3_black.gif) top left no-repeat;
}
.note4, .note4:hover{
	background:url(../images/survey4_black.gif) top left no-repeat;
}
#survey #surv1 .value, #survey #surv2 .value, #survey #surv3 .value, #survey #surv4 .value{
	color:#FFF;
	position:absolute;
	top:56px;
	left:18px;
	height:20px;
	float:left;
	font-size:1.8em;
	font-weight:bold;
}
#survey #surv1 .arrow, #survey #surv2 .arrow, #survey #surv3 .arrow, #survey #surv4 .arrow{
	position:absolute;
	top:89px;
	_top:81px;
	left:79px;
	height:6px;
	width:12px;
	float:left;
	background:url(../images/survey_arrow_black.gif) left bottom no-repeat;
	background-color:#2D2D2D;
}
#survey #surv2 .arrow{
	left:59px;
	background-color:#540505;
}
#survey #surv3 .arrow{
	left:39px;
	background-color:#A80A0A;
}
#survey #surv4 .arrow{
	left:18px;
	background-color:#FF0F0F;
}
.note1, .note1:hover{
	background:url(../images/survey_bgblack.gif)top left no-repeat;
}
.note2, .note2:hover{
	background:url(../images/survey_bgblack.gif)top -27px no-repeat;
}
.note3, .note3:hover{
	background:url(../images/survey_bgblack.gif)top -54px no-repeat;
}
.note4, .note4:hover{
	background:url(../images/survey_bgblack.gif)top right no-repeat;
}
#contentLeft #engine{
	float:left;
	margin:11px 15px 0 15px;
	_margin:11px 7px 0 7px;
	width:123px;
	padding-top:3px;
	display:block;
	clear:left;
}
#contentLeft #engine a, #contentLeft #engine a:hover{
	float:left;
	width:61px;
	height:24px;
	background: url(../images/engineLogo_bgblack.gif) left top no-repeat;
	cursor:pointer;
	display:block;
	text-decoration:none;
}
#contentLeft #engine a:hover{
	background-position:left -30px;
}
#contentLeft #groupPrimavera a, #contentLeft #groupPrimavera a:hover{
	float:left;
	width:94px;
	height:24px;
	background: url(../images/logoGroupPrim_bgblack.gif) left top no-repeat;
	cursor:pointer;
	display:block;
	text-decoration:none;
}
#contentLeft #groupPrimavera a:hover{
	background-position:left -30px;
}
#contentNav{
	background-color:#09090A;
}
#contentMain{
	background-color:#000000;
}
#contentMain p{
	color:#FFF;
	padding-left:15px;
	width:563px;

}
#contentMain #header{
	color:#FFF;	
}
#contentMain #headerNav{
	width:578px;
}
#contentMain #headerNav span{
	color:#FFF;
}
#contentMain #headerNav span.detail{
	font-weight:normal;
}
#contentMain #headerNav #projUrl{
	width:203px;
	padding-top:4px;
}
#contentMain #headerNav #projUrl a, #contentMain #headerNav #projUrl a:hover{
	color:#FFF;
	text-decoration:none;
}
#contentMain #headerNav #projUrl a:hover{
	text-decoration: underline;
	color:red;
}
#contentMain #thumb{
	height:376px;
	width:578px;
	margin-left:15px;
	_margin-left:7px;
	background: url(../images/bufering.gif) left 30px no-repeat;
}
/* NAV */
#contentNav ul.menu a, #contentNav ul.menu a:hover{
	color:#FFF;
}
#contentNav ul.submenu a, #contentNav ul.submenu a:hover, #contentNav ul.submenu a.on, #contentNav ul.submenu a.on:hover{
	color:#FFF;
}
#contentNav ul.menuSublevel a, 
#contentNav ul.menuSublevel a:hover, 
#contentNav ul.menuSublevel a.on, 
#contentNav ul.menuSublevel a.on:hover, 
#contentNav ul.menuSublevel a.more, 
#contentNav ul.menuSublevel a.more:hover{
	color:#FFF;
}
#contentNav ul.menu a:hover, #contentNav ul.submenu a:hover, #contentNav ul.menuSublevel a:hover{
	color:#FF0F0F;
}
#contentNav ul.menuSublevel a.on, 
#contentNav ul.menuSublevel a.on:hover{
	text-decoration: underline;
	cursor:default;
}
#contentNav ul.menuSublevel a.more, 
#contentNav ul.menuSublevel a.more:hover{
	margin-top:14px;
	*margin-top:18px;
	float:left;
}
#contentNav ul.menuSublevel a.more:hover{
	color:#FF0F0F;
}
/* MAIN */
#contentMain #thumbNav{
	margin-left:15px;
	_margin-left:7px;
	width:578px;
}
#contentMain #thumbNav ul li a.on, #contentMain #thumbNav ul li a.on:hover{
	color:#FFF;
}
#contentMain #thumbNav #projNav ul{
	font-size:0.7em;
}
#contentMain #thumbNav #projNav ul li{
	display:inline;
	list-style:none;
	float:left;	
	padding: 4px 0 0 6px;
	color:#7F7F7F;
}
#contentMain #thumbNav #projNav ul li a,
#contentMain #thumbNav #projNav ul li a:hover,
#contentMain #thumbNav ul li a.info,
#contentMain #thumbNav ul li a.info:hover{
	float:left;
	display:block;
	text-decoration:none;
	color:#FFF;
}
#contentMain #thumbNav ul li a,
#contentMain #thumbNav ul li a:hover{
	text-decoration:none;
}
#contentMain #thumbNav #projNav ul li a,
#contentMain #thumbNav #projNav ul li a:hover{
	font-size:1em;
	text-decoration:none;
}
#contentMain #thumbNav #projNav ul li a:hover,
#contentMain #thumbNav ul li a.info:hover{
	text-decoration:none;
	color:#FF0F0F;
}
#contentMain #thumbNav ul li a.info,
#contentMain #thumbNav ul li a.info:hover{
	margin-left:6px;
}