/*******************************************************************************************/
/* PROJECT */
/*******************************************************************************************/


#pan_project {
	margin-top:82px;
	position:relative;
	display:block;
	background-color:#fff;
}
#pan_project .fixed {
	position:relative;
	display:block;
	top:0;
	padding:0 0 14px;
}
#pan_project h2 {display:none;}
#pan_project .deco_cloud {
	position:absolute;
	display:block;
	padding-top:137px;
	top:-38px;
	left:-29px;
	height:0;
	overflow:hidden;
	width:299px;
	background:transparent url(clouds_portfolio.png) 0 0 no-repeat;
}

#project_thumb {
	margin-top:35px;
	float:left;
	width:726px;
	height:135px;
	background-color:#fff;
}
#project_thumb span {
	position:relative;
	float:left;
	display:block;
	width:31px;
	height:31px;
	padding:0;
	margin:0 2px 1px 0; 
	background:transparent none 0 0 no-repeat;
	overflow:hidden;
}
#project_thumb a {
	float:left;
	display:block;
	width:0;
	height:0;
	padding:31px 0 0 31px;
	background:transparent url(project_thumb.png) 0 -62px no-repeat;
	overflow:hidden;
}
#project_thumb span.empty {
	background:transparent url(project_thumb.png) 0 -93px no-repeat;
	cursor:default;
}
#project_thumb span.disabled a {
	background-position:0 -93px;
}
#project_thumb span a:hover {
	background-position:0 0;
}
#project_thumb span.on a, #project_thumb span.on a:hover{
	background-position:0 0;
}
#project_thumb span.disabled.on {
	opacity:0.5;
	-moz-opacity:0.5; 
	filter:alpha(opacity=50);
}
#project_thumb span.disabled.on:hover {
	opacity:1;
	-moz-opacity:1; 
	filter:alpha(opacity=100);
}

#project_company, #project_support, #project_thema {
	width:247px;
}
#project_company, #project_thema {
	float:left;
	margin-top:35px;
	height:30px;
	background-color:#fff;
}
#project_thema {
	margin-top:0;
}
#btCompanyPrev, #btCompanyNext, #btThemaPrev, #btThemaNext {
	display:block;
	overflow:hidden;
	float:left;
	width:11px;
	height:0;
	padding-top:15px;
	cursor:pointer;
	margin:5px 3px;
	background:#fff url(link_arrow.png) 0 0 no-repeat;
}
#btCompanyPrev:hover, #btThemaPrev:hover {background-position:0 0;}
#btCompanyNext:hover, #btThemaNext:hover {background-position:-11px 0;}
#btCompanyPrev, #btCompanyPrev:hover.hide, #btThemaPrev, #btThemaPrev:hover.hide {background-position:0 -15px;}
#btCompanyNext, #btCompanyNext:hover.hide, #btThemaNext, #btThemaNext:hover.hide {background-position:-11px -15px;}
#btCompanyPrev.hide, #btCompanyNext.hide, #btThemaPrev.hide, #btThemaNext.hide {
	opacity:0.2;
	-moz-opacity:0.2; 
	filter:alpha(opacity=20);
	cursor:default;
}

#project_company select, #project_thema select {
	width:213px;
	height:26px;
	padding:3px 2px;
	border:1px solid #7b9ebd;
	float:left;
}
#project_company option.all, #project_thema option.all {
	font-weight:bold;
}
#project_company option.on, #project_thema option.on {
	font-weight:bold;
	color:#349EE0;
}


#project_support {
	float:left;
	color:#656c95;
	height:70px;
	background-color:#fff;
}
#project_support div {
	display:block;
	float:left;
	width:95px;
	padding-left:15px;
	margin:5px 0 0 10px;
}
#project_support span {
	display:block;
	width:85px;
	height:15px;
	padding:0 0 3px 16px;
	background:transparent url(checkbox.gif) 0 -15px no-repeat;
	cursor:pointer;
}
#project_support span.on {
	background-position:0 1px;
}
#project_support span:hover {
	text-decoration:underline;
}
#project_support.disabled, #project_support.disabled span {
	opacity:0.5;
	-moz-opacity:0.5; 
	filter:alpha(opacity=50);
}

#tooltip {
	display:none;
	position:absolute;
	z-index:1500;
	font-size:12px;
	color:#fff;
	top:-100px;
	left:-200px;
	cursor:default;
}
#tooltip div {
	display:block;
	overflow:hidden;
}
#tooltip .tip_2, #tooltip .tip_8 {
	height:0 !important;
	padding-top:5px;
	background:transparent url(tip_28.png) 0 0 repeat-x;
}
#tooltip .tip_2 {background-position:0 bottom;}
#tooltip .tip_4, #tooltip .tip_6 {
	padding-left:8px;
	width:0;
	background:transparent url(tip_46.png) left 0 repeat-y;
}
#tooltip .tip_6 {background-position:right 0;}
#tooltip .tip_5 {background-color:#d1d8e6;}
#tooltip div.info {
	font-size:11px;
	font-weight:bold;
	color:#656C95;
	text-transform:uppercase;
	padding:0 2px;
	margin:0;
}
#tooltip div.info b {
	color:#232E68;
	font-size:11px;
}
#tooltip .tip_1, #tooltip .tip_3, #tooltip .tip_7, #tooltip .tip_9 {
	background:transparent url(tip_1379.png) left top no-repeat;
	height:5px !important;
}
#tooltip .tip_1 {background-position:left bottom;}
#tooltip .tip_3 {background-position:right bottom;}
#tooltip .tip_9 {background-position:right top;}
#tooltip .tip_arrow {
	padding:13px 0 0 13px;
	width:0;
	height:0;
	background:transparent url(tip_arrow.png) 0 0 no-repeat;
	position:absolute;
	left:-5px;
	top:20px;
}
.ie #tooltip .tip_2, .ie #tooltip .tip_8 {
	padding-top:7px;
	background-image:url(tip_28_ie.gif);
}
.ie #tooltip .tip_4, .ie #tooltip .tip_6 {background-image:url(tip_46_ie.gif);}
.ie #tooltip .tip_1, .ie #tooltip .tip_3, .ie #tooltip .tip_7, .ie #tooltip .tip_9 {background-image:url(tip_1379_ie.gif);}
.ie #tooltip .tip_arrow {background-image:url(tip_arrow_ie.gif);}

#full_project {
	position:relative;
	background-color:#E3E6EB;
	width:973px;
	height:590px;
}
#full_project.rd {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	border-radius:			5px;
}
.ie #full_project.rd {
	z-index:0;
	position:relative;
	border:1px solid #e3e6eb;
	behavior: url(images/_rd.htc);
}

#full_project .body {
	padding:5px 0;
}
#full_project #picture_full {
	width:710px;
	height:544px;
	margin:0;
	padding:0 0 0 5px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
.ie7 #full_project #picture_full div {  
	position:absolute;
	left:50%;
	top:50%; 
	margin-top:expression(-this.offsetHeight/2);
	margin-left:expression(-this.offsetWidth/2);
}
#full_project #picture_full img {
	margin:0 auto;
	border:1px solid #000;
}

#full_project #picture_nav {
	position:absolute;
	width:715px;
	height:31px;
	padding:3px 5px;
}
#full_project #picture_thumb,
#full_project #picture_mask,
#full_project #picture_scroll {
	position:relative;
	height:31px;
}
#full_project #picture_thumb {
	padding:0;
}
#full_project #picture_mask {
	position:relative;
	width:301px;
	overflow:hidden;
	margin:0 auto;
}
#full_project #picture_scroll {
	position:absolute;
	display:block;
	left:0;
}
#full_project #picture_thumb span.pic {
	float:left;
	margin:0 3px;
}
#full_project #picture_thumb span.pic a {
	border:1px solid #000;
	position:relative;
	width:35px;
	height:29px;
	display:block;
	overflow:hidden;
	background:#5f6791 none 50% 50% no-repeat;
	font-size:0;
}
#full_project #picture_thumb span.pic a.on {
	border:3px solid #f06;
	width:31px;
	height:25px;
}

#btPicPrev, #btPicNext {
	position:absolute;
	display:block;
	overflow:hidden;
	width:11px;
	height:0;
	top:9px;
	padding-top:15px;
	cursor:pointer;
	margin:0 3px;
	background:#E3E6EB url(link_arrow.png) 0 0 no-repeat;
}
#btPicPrev:hover {
	background-position:0 0;
	cursor:pointer;
}
#btPicNext:hover {
	background-position:-11px 0;
	cursor:pointer;
}
#btPicPrev, #btPicPrev:hover.hide {
	background-position:0 -15px;
}
#btPicNext, #btPicNext:hover.hide {
	background-position:-11px -15px;
}
#btPicPrev.hide, #btPicNext.hide {
	opacity:0.2;
	-moz-opacity:0.2; 
	filter:alpha(opacity=20);
	cursor:default;
}

#btProjPrev, #btProjNext {
	position:absolute;
	z-index:1000;
	display:block;
	overflow:hidden;
	float:left;
	height:0 !important;
	padding-top:19px;
	cursor:pointer;
	background:transparent url(project_nav.png) 0 0 no-repeat;
	top:9px;
}
#btProjPrev:hover {background-position:0 0;}
#btProjNext:hover {background-position:100% 0;}
#btProjPrev, #btProjPrev:hover.hide {
	width:144px;
	background-position:0 -19px;
	left:20px;
}
#btProjNext, #btProjNext:hover.hide {
	width:128px;
	background-position:100% -19px;
	right:20px;
}
#btProjPrev.hide, #btProjNext.hide {
	opacity:0.2;
	-moz-opacity:0.2; 
	filter:alpha(opacity=20);
	cursor:default;
}

#full_project .col1 {
	position:relative;
	float:left;
	height:578px;
	width:721px;
}
#full_project .col2 {
	position:relative;
	float:left;
	height:578px;
	width:252px;
	color:#5f6791;
}
#full_project .col2 ul {
	margin:10px 0 0 5px;
	padding:0;
}
#full_project .col2 li {
	background:transparent url(bullet_arrow_pink.png) 0 8px no-repeat;
	list-style:none;
	margin:0 10px 10px 0;
	padding:5px 0 0 15px;
}
#full_project .col2 li b {
	color:#232e68;
}
.link {
	cursor:pointer;
	color:#232e68;
	text-decoration:underline;
}
.link:hover {
	text-decoration:none;
}
span#fpj_website a {
	display:block;
	text-align:right;
	padding:3px 20px 0 0;
	margin:50px 10px 0 0;
	text-transform:uppercase;
	color:#f06;
	font-weight:bold;
	font-size:11px;
	height:15px;
	background:transparent url(link_circle_big.png) 100% 100% no-repeat;
}
span#fpj_website a:hover {
	background-position:100% 0;
}