@charset "UTF-8";
/* CSS */

/****************************************************************************************************/
/*GENERAL*/
/****************************************************************************************************/

	*{
		margin:0px;
		padding:0px;
		outline: 0px;
	}
	
	body, html{
		width:100%;
		height:100%;
		min-height: 100%;
		overflow:hidden;
	}
	html.listedWorks, html.listedWorks body{
		overflow-y: scroll;
	}
	html.galeryDisplay, html.galeryDisplay body{
		overflow-y: auto;
	}
	body{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		line-height: 15px;
		background-color:#000;
		color:#ffffff;
	}
	
	
	
	
	
	
		

/****************************************************************************************************/
/*FONTFACE*/
/****************************************************************************************************/
	
	@font-face {
	 	font-family: "TD_Ultra";
  		src: url("../fonts/TodaySHOP-Ultra.otf") format("truetype");
	}
	@font-face {
	 	font-family: "TD_Medium";
  		src: url("../fonts/TodaySHOP-Medium.otf") format("truetype");
	} 
	
	
	
	
	
	

 
/****************************************************************************************************/
/*CONSTRUCT*/
/****************************************************************************************************/

	body.nojs #datasContainer{
		display:block;
	}
	body.js #datasContainer{
		display:none;
	}
	#datasContainer{
		padding:30px;
	}
	#datasContainer #projectsTypesNames{
		padding-bottom:50px;
	}
	#datasContainer #projectsTypesNames p{
		display:inline;
		padding-right: 40px;
	}
	#datasContainer #projects .projectData{
		padding-right:50px;
		min-height: 700px;
		float:left;
	}
	#datasContainer #projects .projectData *{
		padding-bottom:5px;
	}
	#datasContainer #projects .projectData span{
		display:none;
	}
	#datasContainer #projects .projectData img{
		width:150px;
	}
	#datasContainer #projects .projectData ul{
		list-style-position: inside;
	}
	
	
	
	
	
	
	#gridContainer{
		width:100%;
		height:100%;
	    position: relative;
	    overflow:hidden;
	    display:none;
	    position:fixed;
	}
	#gridContainer.disabled{
		pointer-events:none;
	}
	#gridElementsContainer{
		width:10000px;
		height:10000px;
	}
	#gridContainer .gridItem{
	    float:left;
	    width:10%;
	    height:100px;
	    background-color:#dedede;
	    font-size: 10px;
	    line-height: 12px;
	}  		
	#gridContainer .gridSquare{
		position:absolute;
		background-color:#000000;
		overflow:hidden;
 		cursor:pointer;	
	}
 	#gridContainer .gridSquare img{
 		position:relative;
 	}
 	
 	
 	
 	
 	
 	
 	
 	
 	
 	.gridToolTipContainer{
 		height:137px;
 		background-image:url("../images/tooltip_background_shadow_right.png");
 		background-repeat: no-repeat;
  		position:absolute;	
  		z-index: 20000;	
  	 	pointer-events:none;	
  	 	overflow:hidden;	 		
 	}
 	.gridToolTipContainer.left{
 		background-image:url("../images/tooltip_background_shadow_left.png");
 		background-position:right;
 	}
 	.gridToolTip{
 		background-image:url("../images/tooltip_background.png");
 		background-repeat: repeat-x;
 		height:57px;
 		padding:10px 15px 10px 15px;
 		margin-top: 38px;
  	}
  	.gridToolTip h2{
  		font-weight:normal;
  		font-size: 20px;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		line-height:23px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		text-transform:uppercase;
		letter-spacing: 2px;	
  	}
	.gridToolTip h4{
  		font-weight:normal;
  		font-size: 15px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height:17px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		text-transform:uppercase;
		letter-spacing: 2px;	
		color:#828282;
  	}
 
 	
 	
 	
 	
 	
 	
 	
 	
 	
 	#startScreen{
 		width:100%;
 		height:100%;
 		background-color:#000;
 		position:absolute;
 		z-index: 20000;
 		top:0px;
 		left:0px;
 	}

	
	
	
	
	
	#gridVignTop, #gridVignBottom{
		width:100%;
		height:248px;
		position:fixed;
		z-index: 20000;
		background-image:url("../images/grid_vign_background_top.png");
		background-repeat: repeat-x;
 	 	pointer-events:none;
	}
	#gridVignTop{
		top:0px;
	}
	#gridVignBottom{
		bottom:0px;
		background-image:url("../images/grid_vign_background_bottom.png");
	}
	
	
	
	
	
	
	
	#mainMenu{
		position:absolute;
		height:199px;
		width:382px;
		background-image:url("../images/logo_drop_background.png");
		background-repeat: no-repeat;
		z-index: 21000;
	}
	#mainMenu.disabled{
		pointer-events:none;
	}
	#mainMenu ul{
		list-style: none;
	}
	#mainMenu ul li{
		display:block;
		float:left;
	}
	#mainMenu ul li.menu1{
		margin-left: 30px;
	}
	#mainMenu ul li.menu2{
		margin-left: 40px;
	}
	#mainMenu ul li.menu3{
		float:right;
		margin-right: 30px;
	}
	#mainMenu ul li a{
		display:block;
		height:22px;		
		background-repeat: no-repeat;
		border:0px;
	}
	#mainMenu ul li.menu1 a{
		width:80px;
		background-image:url("../images/main_menu_about.png");
	}
	#mainMenu ul li.menu2 a{
		width:100px;		
		background-image:url("../images/main_menu_contact.png");
	}
	#mainMenu ul li.menu3 a{
		width:62px;	
		background-image:url("../images/main_menu_blog.png");
	}
	#mainMenu ul li a span{
		display:none;
	}
	#mainMenu .dragger{
		width:382px;
		height:171px;
		cursor: pointer;
	}
	#mainMenu .draggerNotice{
		position:absolute;
		width:124px;
		height:48px;
		background-image:url("../images/drag_notice.png");
		background-repeat: no-repeat;
		margin-top:-180px;
		margin-left:257px;
	}
	#mainMenu .draggerNotice span{
		display:none;
	}
	
	
	
	
	
	
	#footer{
		position:fixed;
		bottom:0px;
		width:100%;
		height:37px;
		z-index: 27000;
		background-image:url("../images/footer_background.png");
		background-repeat: repeat-x;
		color:#4e4e4e;
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 1px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height: 20px;
		text-transform: uppercase;
		padding-top:5px;
	}
	#footer .title{
		padding-right: 15px;
	}
	#footer .separe{
		background-image:url("../images/footer_links_separe.png");
		background-repeat: no-repeat;
		background-position:2px 6px;
		padding:0px 2px 0px 2px;
	}
	#footer a{
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		border-bottom: 0px;
		font-weight: normal;
	}
	#footer a:hover{
		color:#ffffff;
	}
	#footer #typesSelector{
		float:left;
		background-image:url("../images/footer_separe.png");
		background-repeat: no-repeat;
		background-position: right 0px;
		padding:5px 25px 10px 25px;
	}
	#footer #typesSelector.disabled{
		pointer-events:none;
	}
	#footer #typesSelector a.actived{
		pointer-events:none;
	}
	#footer #gridSelector{
		float:left;
		background-image:url("../images/footer_separe.png");
		background-repeat: no-repeat;
		background-position: right 0px;
		padding:5px 28px 10px 25px;
	}
	#footer #gridSelector a.actived{
		pointer-events:none;
	}
	#footer #credits{
		float:right;
		padding:5px 25px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;		
		font-size: 12px;
		text-transform: none;
		letter-spacing: 0px;
	}
	#footer #credits a{
		font-family:Arial, Helvetica, sans-serif;	
		color:#4e4e4e;		
	}
	#footer #credits a:hover{
		color:#fff;
	}
	#footer #credits #HF_FlashToolTip{
		position:absolute;
		margin-top:-55px;
		margin-left:-83px;
	}
	
	#footerGallery{
		position:fixed;
		bottom:0px;
		width:100%;
		height:37px;
		z-index: 50000;
		background-image:url("../images/footer_background.png");
		background-repeat: repeat-x;
		color:#4e4e4e;
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 1px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height: 20px;
		text-transform: uppercase;
		padding-top:5px;
		display:none;		
	}
	#footerGallery .title{
		padding-right: 15px;
	}
	#footerGallery a{
		border:0px;
	}
	#footerGallery #workSelector{
	}
	#footerGallery #workSelector .part{
		display:block;
		float:left;
		background-image:url("../images/footer_separe.png");
		background-repeat: no-repeat;
		background-position: right 0px;
		padding:5px 20px 10px 20px;
	}
	#footerGallery #workSelector .prevButton{
		padding:0px;
	}
	#footerGallery #workSelector .prevButton a{
		display:inline-table;
		width:9px;
		height:16px;
		background-image:url("../images/gallery_navigation_arrow_prev.png");
		background-position: center 6px;
		background-repeat: no-repeat;
		padding:5px 20px 15px 20px;
	}
	#footerGallery #workSelector .nextButton{
		padding:0px;
	}
	#footerGallery #workSelector .nextButton a{
		display:inline-table;
		width:9px;
		height:16px;
		background-image:url("../images/gallery_navigation_arrow_next.png");
		background-repeat: no-repeat;
		background-position: center 6px;
		padding:5px 20px 15px 20px;		
	}
	#footerGallery #workSelector a span{
		display:none;
	}
	#footerGallery #workSelector .countIndic span{
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		color:#fff;
	}
 	
 	#footerGallery #footerTooltip{
 		background-image:url("../images/gallery_navigation_tooltip.png");
 		background-repeat:no-repeat;
 		height:57px;
 		padding:10px 10px 10px 10px;
 		margin-top: 38px;
 		position:absolute;
 		margin-top:-120px;
 		color:#fff;
 		display:none;
  	}
  	#footerGallery #footerTooltip h2{
  		font-weight:normal;
  		font-size: 20px;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		line-height:23px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		text-transform:uppercase;
		letter-spacing: 2px;	
  	}
	#footerGallery #footerTooltip h4{
  		font-weight:normal;
  		font-size: 15px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height:17px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		text-transform:uppercase;
		letter-spacing: 2px;	
		color:#828282;
  	}

	
	
	
	
	
	#listDisplaySite{
		position:absolute;
		width:100%;
		min-height: 100%;
		background-color:#000;
		background-image:url("../images/list_site_background.jpg");
		background-repeat: repeat;
		z-index: 21500;
		background-attachment: fixed;
		display:none;
	}
	#listDisplaySite.disabled{
		pointer-events:none;
	}
	#leftMenu{
		width:186px;
		height:100%;
		background-image:url("../images/left_menu_background.png");
		background-repeat: repeat-y;
		position:fixed;
		z-index: 25000;
	}
	#leftMenu a{
		border:0px;
	}
	#leftMenu .menuPart{
		top:50%;
		position:relative;
		margin-top:-130px;
		margin-left:12px;
	}
	#leftMenu ul{
		margin-top:1px;
		margin-left:8px;
		width:144px;
		height:102px;
		background-image:url("../images/left_menu_items_background.png");
		background-repeat: no-repeat;
		list-style: none;
		padding-top:7px;
	}
	#leftMenu ul li a{
		display:block;
		height:22px;
		width:144px;
		background-position:center 0px;
		background-repeat: no-repeat;
		border:0px;
		margin-bottom: 11px;
	}
	#leftMenu ul li.menu1 a{
		background-image:url("../images/main_menu_about.png");
	}
	#leftMenu ul li.menu2 a{
		background-image:url("../images/main_menu_contact.png");
	}
	#leftMenu ul li.menu3 a{
		background-image:url("../images/main_menu_blog.png");
	}
	#leftMenu ul li a span{
		display:none;
	}
	#bottomShadow{
		width:100%;
		height:169px;
		background-image:url("../images/listed_works_bottom_shadow.png");
		background-repeat:repeat-x;
		position:fixed;
		bottom:0px;
		pointer-events:none;
		z-index: 20000;
	}	
	#listedWorks{
		margin-top:0px;
		margin-left:230px;
	}
	#listedWorksTopBar{
		position:fixed;
		top:0px;
		background-image:url("../images/list_site_background.jpg");
		background-repeat: repeat;
		width:100%;
		padding-left:230px;
		margin-left:-230px;
		padding-top:40px;
		z-index: 20000;
	}
	#listedWorks .listTitle{
		font-size: 20px;
		font-weight: normal;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		letter-spacing: 1px;
		color:#4e4e4e;
		padding-bottom:60px;
	}
	#listedWorks .listHeaders .col{
		margin-right: 30px;
		float:left;
	}
	#listedWorks #listedWorksContainer{
		padding-top:165px;
	}
	#listedWorks #listedWorksContainer .col{
		float:left;
		padding-bottom:100px;
	}
	#listedWorks .col h1{
		font-size: 20px;
		font-weight: normal;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		letter-spacing: 1px;
		padding-bottom:25px;
	}
	.projectListItem{
		margin-bottom:30px;
		margin-right: 30px;		
	}
	.projectListItem a{
		border:0px;
	}
	.projectListItem img{
		width:331px;
	}
	.projectListItem a:hover{
		color:#fff;
	}
	.projectListItem div{
		height:46px;
		background-image:url("../images/listed_works_title_background.png");
		background-repeat: no-repeat;
		padding-top:11px;
		margin-top:1px;
		width:331px;
		overflow:hidden;
	}
	.projectListItem div h2{
		font-size: 20px;
		font-weight: normal;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		letter-spacing: 1px;
		padding-bottom:1px;
		padding-left:10px;
	}
	.projectListItem div h2 a{
		display:block;
		width:500px;
		height:18px;
		overflow: hidden;
	}
	.projectListItem div h3{
		font-size: 15px;
		font-weight: normal;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 15px;
		color:#6f6f6f;
		letter-spacing: 1px;
		padding-left:10px;
	}
	.projectListItem div .arrow{
		display:block;
		position:absolute;
		margin-top:8px;
		margin-left:20px;
		width:9px;
		height:16px;
		background-image:url("../images/listed_works_title_hover_background.png");
		background-repeat: no-repeat;
	}
	
	
	
	
	
	
	
	#lightboxBackground{
		width:100%;
		height:100%;
		background-image:url("../images/lightbox_background.gif");
		background-repeat: repeat;
		position:fixed;
		top:0px;
		left:0px;
		z-index: 26000;
		display:none;
	}
	#lightboxBackground.interactive{
		cursor:pointer;
	}
	#lightboxBackground.onTop{
		z-index: 29000;
	}
	#lightboxBackgroundFilling{
		width:100%;
		height:100%;
		background-color:#000;
		position:fixed;
		top:0px;
		left:0px;
		z-index: 25500;
		display:none;
	}

	
	
	body.nojs #aboutPageContainer{
		display:block;
	}
	body.js #aboutPageContainer{
		display:none;
	}
	.aboutPageContent{
		width:650px;
		background-image:url("../images/about_page_background.png");
		background-repeat: repeat;
		position:absolute;
		left:50%;
		margin-left:-325px;
		top:50%;
		z-index: 30000;
	}
	.aboutPageContent img{
		margin-bottom:25px;
	}
	.aboutPageContent h1{
		font-size: 20px;
		line-height: 20px;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right: 20px;
	}
	.aboutPageContent p{
		padding:0px 20px 20px 20px;
		color:#989898;
		line-height: 16px;
	}
	.aboutPageContent strong{
		color:#c6c6c6;
	}
	
	
	
	
	body.nojs #contactPageContainer{
		display:block;
	}
	body.js #contactPageContainer{
		display:none;
	}
	.contactPageContent{
		width:650px;
		position:absolute;
		left:50%;
		margin-left:-325px;
		top:50%;
		z-index: 30000;
		color:#989898;
		margin-top:-172px;
	}
	.contactPageContent .left{
		float:left;
		width:394px;
		padding:20px;
		background-image:url("../images/about_page_background.png");
		background-repeat: repeat;
		height:365px;
	}
	.contactPageContent .right{
		float:right;
		width:160px;
		padding:20px;
		background-color:#000;
		height:365px;		
	}
	.contactPageContent .left .part{
		padding-top:20px;
	}
	.contactPageContent h1, .contactPageContent h2{
		font-size: 20px;
		line-height: 20px;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		padding-bottom:20px;
		text-transform: uppercase;
		color:#fff;
	}
	.contactPageContent strong{
		color:#c6c6c6;
	}
	.contactPageContent label{
		display:block;
		font-weight:bold;
		padding-bottom:2px;
	}
	.contactPageContent .customInput{
		border:1px solid #2b2b2b;
		background-color: #000;
		padding:9px 5px 7px 5px;
		color:#fff;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		line-height: 15px;
		width:382px;
	}
	.contactPageContent .customInput:focus{
		border:1px dotted #dedede;
		background-color:transparent;
	}
	.contactPageContent .left .leftPart{
		width:183px;
		float:left;
	}
	.contactPageContent .left .rightPart{
		width:183px;
		float:right;
	}
	.contactPageContent .left .rightPart .customInput, .contactPageContent .left .leftPart .customInput{
		width:173px;
	}
	.contactPageContent textarea{
	}
	.contactPageContent .submitInput{
		float:right;
		background-color:#000;
		border:0px;
		padding:7px 5px 5px 5px;
		color:#fff;
		text-transform: uppercase;
		font-weight: bold;
		margin-top:10px;
		cursor:pointer;
	}
	.contactPageContent .submitInput:hover{
		background-color:transparent;
		color:#989898;
	}
	.contactPageContent .warning{
		float:left;
		margin-top:17px;
		position:absolute;
		font-weight: bold;
	}
	.contactPageContent .warning.error{
		color:#b01c1c;
	}
	.contactPageContent .warning.success{
		color:#69b01c;
	}
	
	
	
	body.nojs #galleryPageContainer{
		display:block;
	}
	body.js #galleryPageContainer{
		display:none;
	}
	.galleryPageContent{
		position:absolute;
		left:50%;
		margin-left:-470px;
		top:50%;
		z-index: 30000;
		color:#989898;
		margin-top:-172px;
		background-image:url("../images/about_page_background.png");
		background-repeat: repeat;
	}
	.galleryPageContent .mediaViewer{
		width:650px;
		float:left;
		position:relative;z-index: 20;
	}
	.galleryPageContent .mediaViewer .mediasBox{
		width:650px;
		height:366px;
		overflow:hidden;
	}
	.galleryPageContent .mediaViewer .mediasBox .medias{
		width:15000px;
	}
	.galleryPageContent .mediaViewer .mediasBox .medias div{
		float:left;
		width:650px;
		height:366px;
	}
	.galleryPageContent .mediaViewer .mediasBox .medias div div{
		position:absolute;
	}
	.galleryPageContent .mediaViewer .mediasBox .medias div.loading{
		background-image:url("../images/gallery_loader.gif");
		background-repeat: no-repeat;
		background-position:center center;
	}
	.galleryPageContent .mediaViewer .mediaNavigation{
		width:650px;
		height:31px;
		text-align: center;
	}
	.galleryPageContent .mediaViewer .mediaNavigation a{
		margin-top:11px;
		display:inline-table;
		width:11px;
		height:11px;
		background-image:url("../images/gallery_navigation_item.png");
		background-repeat: no-repeat;
		border:0px;
		margin-right: 15px;
	}
	.galleryPageContent .mediaViewer .mediaNavigation a.actived{
		cursor:default;
	}
	.galleryPageContent .mediaViewer .mediaNavigation a span{
		display:none;
	}
	.galleryPageContent .rightPart{
		width:270px;
		float:left;
		height:366px;
		position:relative;
		z-index: 10;
	}
	.galleryPageContent .rightPart .titleBanner{
		background-image:url("../images/gallery_rightpart_separe.png");
		background-repeat: no-repeat;
		margin-bottom:20px;
	}
	.galleryPageContent .rightPart .titleBanner h1{
		padding:12px 10px 0px 10px;
		font-size: 20px;
		line-height: 20px;
		font-family:"TD_Ultra", Arial, Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
		color:#fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);		
	}
	.galleryPageContent .rightPart .titleBanner h2{
		background-image:url("../images/gallery_rightpart_separe.png");
		background-repeat: no-repeat;
		background-position:0px bottom;
		padding:2px 10px 8px 10px;
		font-weight:normal;
  		font-size: 15px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height:17px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		text-transform:uppercase;
		letter-spacing: 2px;	
		color:#828282;
	}
	.galleryPageContent .rightPart p.desc{
		padding:0px 10px 0px 10px;
	}
	.galleryPageContent .rightPart p.desc strong{
		color:#c6c6c6;
	}
	.galleryPageContent .rightPart .shareOptions{
		position:absolute;
		width:100%;
		bottom:0px;
		background-image:url("../images/gallery_rightpart_separe.png");
		background-repeat:no-repeat;
		background-position:bottom;
		padding:10px 0px 12px 0px;
	}
	.galleryPageContent .rightPart .shareOptions h3{
		padding-left:10px;
		font-size: 15px;
		font-family:"TD_Medium", Arial, Helvetica, sans-serif;
		line-height:17px;
		font-weight: normal;
		letter-spacing: 1px;
	}
	.galleryPageContent .rightPart .shareOptions div{
		padding-left:10px;
	}
	.galleryPageContent .rightPart .shareOptions a{
		border:0px;
		display:block;
		float:left;
		width:21px;
		height:21px;
		margin-right: 5px;
		background-repeat: no-repeat;
	}
	.galleryPageContent .rightPart .shareOptions a.twitter{
		background-image:url("../images/share_icon_twitter.jpg");
	}
	.galleryPageContent .rightPart .shareOptions a.facebook{
		background-image:url("../images/share_icon_facebook.jpg");
	}
	.galleryPageContent .rightPart .shareOptions a span{
		display:none;
	}
	.galleryPageContent .rightPart .removeNavigationLink{
		float:right;
		width:20px;
		height:100%;
		margin-right:-20px;
		background-image:url("../images/gallery_rightpart_separe.png");
		background-repeat:no-repeat;
		background-position:-2px top;
		cursor:pointer;
	}
	.galleryPageContent .rightPart .removeNavigationLink div{
		width:20px;
		height:100%;
		background-image:url("../images/gallery_hide_panel_item_background.png");
		background-repeat: repeat;
	}
	.galleryPageContent .rightPart .removeNavigationLink div p{
		width:20px;
		height:100%;
		background-image:url("../images/gallery_rightpart_separe.png");
		background-repeat: no-repeat;
		background-position:-2px bottom;
	}
	.galleryPageContent .rightPart .removeNavigationLink div strong{
		display:block;
		position:absolute;
		width:9px;
		height:16px;
		background-image:url("../images/gallery_hide_panel_item.png");
		background-repeat: no-repeat;
		border:0px;
		margin-left:5px;
		top:50%;
		margin-top:-20px;
	}
	.galleryPageContent .rightPart .removeNavigationLink.deactived div strong{
		background-image:url("../images/gallery_show_panel_item.png");
	}
	.galleryPageContent .rightPart .removeNavigationLink div strong span{
		display:none;
	}
	
	
	#phpOptionsTransition{
		position:absolute;
		top:-200px;
	}
	
	
	
/****************************************************************************************************/
/*STYLES*/
/****************************************************************************************************/

	a{
		text-decoration: none;
		color:#fff;
		font-weight: bold;
		border-bottom: 1px dotted #818080;
	}
	a:hover{
		color:#4e4e4e;
		border-bottom: 0px;
	}
	a.blank{
		padding-right:13px;
		background-image:url("../images/external_link_icon.png");
		background-repeat: no-repeat;
		background-position:right 1px;
	}

	.type0, a.type0:hover, #footer a.type0:hover{
  		color:#ff00a8;
  	}
  	.type1, a.type1:hover, #footer a.type1:hover{
  		color:#fafd5e;
  	}
  	.type2, a.type2:hover, #footer a.type2:hover{
  		color:#00f0fd;
  	}
  	.type3, a.type3:hover, #footer a.type3:hover{
  		color:#72e445;
  	}


	.clearBox{
		clear:both;
	}