@charset "utf-8";
/* CSS Document */


body
{
	margin:0px;
}
        .classA
        {
            color: #999;            
            width: 100px;
            height: 100px;            
            border: solid 1px #e8e8e8;
			float:left;
			margin:2px;
			cursor:pointer;						
		}	
		.largeimg
		{
			float:left;
			position:relative;	
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}
		.slideViewimageJS
		{
			float:left;
			margin:2.5px; 
			padding:0px;
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}

		.slideViewimage
		{
			float:left;
			margin:2.5px; 
			padding:0px;
			opacity:0.2;
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}
		.slideViewimage:hover
		{
			float:left;
			margin:2.5px; 
			padding:0px;
			opacity:0.5;
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}
		.slideanimationpage
		{ 	
			background:#f0f0f0;
			padding:0px; 
			position:fixed; 
			border:0px solid #000; 			
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}		
		
		#vtop
		{
			position:absolute;
			z-index:1;
			cursor:pointer;
			opacity:0.3;
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}
		#vtop:hover
		{
			position:absolute;
			z-index:999;
			cursor:pointer;
			opacity:0.9;
			-webkit-touch-callout: none;
    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
     		-ms-user-select: none;
     		user-select: none;
		}		
		#up
		{
			bottom:0%;
			padding:0px;			
			cursor:pointer;
			position:absolute;
			left:47%;
			
		}		
		#prev
		{
			float:left;			
			right:0%;
			padding:0px;			
			cursor:pointer;
			position:absolute;
			top:47%;
		}		
		#next
		{
			float:right;		
			left:0%;
			padding:0px;			
			cursor:pointer;
			position:absolute;
			top:47%;			
		}
		#down
		{			
			padding:0px;			
			cursor:pointer;
			position:absolute;
			left:47%;
			top:0%;			
		}
		#middlebox
		{
			position:absolute;
			z-index:10;
			cursor:url(arrow/zoom_in.png),-moz-zoom-in;
			-moz-cursor:url(arrow/zoom_in.png) !important;
			background-image:url(arrow/transparent.gif);
			background-repeat:no-repeat;
			background-position:center;	
				
		}
		#infoarea
		{			
			/*position:absolute;*/			
			z-index:11;			
			-webkit-opacity:0.8;
    		-webkit-opacity:0.8;
    		-khtml-opacity:0.8;
    		-moz-opacity:0.8;
     		-ms-opacity:0.8;			
			display:none;
			cursor:pointer;
			z-index:999 !important;			
		}
		#contentarea
		{
			position:absolute;			
			background-color:#fafafa;
			opacity:0.9;
			border: solid 1px #e8e8e8;
			z-index:999 !important;			
		}
		#dataArea
		{			
			font-family:Arial;
			color:#7D7D7D;	
			line-height:300%;
			margin-top:5%;	
			z-index:999 !important;
		}
				
		#username	
		{
			text-transform: uppercase;
		}
		#city	
		{
			text-transform: capitalize;
		}
		#infoicon
		{
			position:absolute;
			z-index:11;			
			right:0%;
			top:0%;
			cursor:pointer;
			font-family:Arial;
			color:#afafaf;
			font-weight:400;
			font-size:12px;
			padding:3%;
		}
		#infoicon:hover
		{
			position:absolute;
			z-index:11;			
			right:0%;
			top:0%;
			cursor:pointer;
			font-family:Arial;
			color:#7D7D7D;	
			font-weight:400;
			font-size:12px;
			padding:3%;		
		}		
		#closebtn
		{
			position:absolute;
			float:right !important;
			right:0px;
			top:0px;
			z-index:999;
			margin:2px;					
		}
		a
		{
			text-decoration:none;
			color:#333;			
		}
		#headertab
		{
			width:100%;
			height:40px;
			background-color:#fff;
			position:fixed;
			left:0px;
			margin:0px;
			box-shadow:1px 1px 5px 1px #dfdede;
		}
		#zoomarea
		{
			margin-top:0px;
			background-color:#ececec;			
			z-index:99 !important;			
			position:fixed;			
			cursor:pointer;	
			background-image:url(arrow/transparent.gif);
			background-repeat:no-repeat;
			background-position:center;	
			border: solid 1px #e8e8e8;				
		}
		#logo
		{
			margin:5px;
			float:left;	
			cursor:pointer;
		}
		#thumbicon
		{
			float:right;
			cursor:pointer;		
			position:absolute;
			top:15px;
			right:15px;	
		}
		#headingtext
		{
			font-family:Arial;
			font-size:12px;
			font-weight:200;
			position:absolute;
			float:right;
			right:60px;
			top:15px;
			
		}
		#imageContainer1
		{
			position:absolute;
			top:40px;
		}
		#email a
		{
			color:#7D7D7D;
			text-decoration:underline;
		}
		#website a
		{
			color:#7D7D7D;
			text-decoration:underline;
		}
		#email a:hover
		{
			color:#191919;
			text-decoration:underline;
		}
		#website a:hover
		{
			color:#191919;
			text-decoration:underline;
		}		
		#username
		{
			color:#191919;
		}
		#countrydropdownbox
		{
			float:left;
			margin:.5% 0 0 1%;
		}
		#photographerdropdownbox
		{
			float:left;
			margin:.5% 0 0 1%;
		}
		#dropdown,#namedropdown
		{
			color:#7D7D7D;
			font-family:Arial;
			font-size:13px;
			padding:2px;
		}
		#dropdownlargeimg
		{
			position:absolute;
			border: solid 1px #e8e8e8;
			position:fixed;
		}		
		#dropdownlargePREV
		{
			position:absolute;
			z-index:999 !important;
			left:-40px;
			top:48%;
			cursor:pointer;
			opacity:0.2;
		}
		#dropdownlargePREV:hover
		{
			position:absolute;
			z-index:999 !important;
			left:-40px;
			top:48%;
			cursor:pointer;
			opacity:0.8;
		}
		#dropdownlargeNEXT
		{
			position:absolute;
			z-index:999 !important;
			top:48%;
			cursor:pointer;
			left:102%;
			opacity:0.2;
		}
		#dropdownlargeNEXT:hover
		{
			position:absolute;
			z-index:999 !important;
			top:48%;
			cursor:pointer;
			left:102%;
			opacity:0.8;
		}