@charset "UTF-8";
html {margin:0 auto; }
 	
	body { 
		
		/*overflow:hidden;*/
		background-image: url('gallery/wood_bg.jpg');
		background-position:left top;
		}
	#blockLeft {
		position:absolute;
		width:0px;
	}
	
	#blockRight {
		position:absolute;
		margin-left:700px;
		width:200px;
		text-align:left;
	}
	#infoTextWrapper {
		position:relative;
		margin-top:50px;
		height:200px;
		width:200px;
		background-image:url('gallery/bubble3.png');
		background-repeat:no-repeat;
		padding-top:40px;
		padding-left:60px;
		padding-right:100px;
	}
	#infoText {
		overflow:hidden;
		display:none;	
		color:black;
		font-size:11px;
		font-family:arial;
	}
	#leftEdge {
		position:fixed;
		left:0px;
		top:20px;
	}
	#copyRight{
		font-family:arial;
		font-size:12px;
		position:fixed;
		font-weight:bold;
		top:400px;
		left:2px;
	}
	#browserLink{
		font-family:arial;
		font-size:10px;
		left:10px;
		position:fixed;
		top:530px;
		width:200px;
		text-align:left;
	}
	#pageWrapper {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		height:600px;
		width:1000px;
		margin-top:-20px;
		
	}
	#pathWrapper{
		position:absolute;
		height:600px;
		width:600px;
		margin-left:101px;
		background-image:url(pathBG3.png);
		
	}
	
	#mainPath1 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	#mainPath2 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	#mainPath3 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	#mainPath4 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	#mainPath5 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	#mainPath6 {position:absolute;margin-left:250px;cursor:pointer;z-index:100;}
	
	#infoBlock1,#infoBlock2,#infoBlock3,#infoBlock4,#infoBlock5,#infoBlock6 {width:200px;height:150px;}
	
	#pageBlockWrapper {
		position:absolute;
		
		display:none;
		margin-top:115px;
		margin-left:50px;
		
		
	}
	#pageBlock {
		position:relative;
		overflow:hidden;
		width:475px;
		height:430px;
		float:left;
		
	}
	#pageBlock .items{
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	}
	
	.items div {
		float:left;
		width:475px;
	
	}
	
	.showClass {
		display:block;
	}
	.hideClass {
		display:none;
	}	
	
	/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 400px;
	height: 400px;
}
.scrollable div {
	
	height:400px;
	
}

/* root element for scrollable items */
.scrollable .itemsInner {
	height:20000em;
	position:absolute;
}

/* position and dimensions of the navigator */
.navi {
	
	margin-left:115px;
	margin-bottom:5px;
	
	
	
}


/* items inside navigator */
.navi a {
	width:28px;
	height:24px;
	float:left;
	margin:3px;
	background:url(navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -24px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -48px;     
}

.portfolioText{
	position:absolute;
	text-align:left;
	padding-top:40px;
	padding-left:40px;
	padding-right:25px;
	top:200px;
	left:175px;
	width:200px !important;
	font-size:10px;
	font-family:arial;
	background:url(gallery/text_bg3.png) 0px 0px no-repeat;
}
.portfolioImage {
	position:absolute;top:0px;left:0px;
}
.portfolioWrapper{
	position:relative;
}

img {border:0px}

@media screen and (min-device-width : 320px)  and (max-device-width: 667px){
body {background-image:none;}	
#leftEdge, #copyRight {display:none;}
#blockRight {position:relative; margin-left:0px;display:none;}
#pathWrapper{ position:relative;margin-left:0px;background-image:none;width:100%; height:auto;}
	
}