/***********
main
************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td 
{
    margin: 0;
    padding: 0;
		z-index:0;
}

a, ul ,ol, li
{
	text-decoration:none;
	list-style:none;
}

html 
{
	height: 125%;
	width:100%;
	z-index:-8000;
}

body 
{
	font-family: Helvetica;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	z-index:-7000;
	padding-left:20px; /* BEWARE Padding*/
	
	background: #333;
	background: -webkit-linear-gradient(grey,black);
	background: -moz-linear-gradient(grey,black);

}


/***********
background
************/


.mainbody
{
	height:100%;
	width:100%;
	position:absolute;
	z-index:-6000;
}

.leftsection
{
	width:75%;
	height:100%;
	position:absolute;
	opacity:.4;
	z-index:-5000;
}

.circle1
{
	height:200%;
	width:200%;
	margin-left:-100%;
	margin-top:-100%;	
	position:absolute;
	z-index:-4000;
	
	border-top-right-radius:50%;
	border-bottom-right-radius:50%;
			
	box-shadow:inset 0px 100px 200px rgba(50,50,50,.4),
						inset -30px 30px 10px rgba(255,255,255,.3),
							30px -30px 100px rgba(50,50,50,.4),
							5px -5px 100px rgba(20,20,20,.2);
}

.circle2
{
	height:150%;
	width:150%;
	margin-left:-75%;
	margin-top:-75%;
	position:absolute;
	z-index:-3000;
	
	border-top-right-radius:50%;
	border-bottom-right-radius:50%;
	
	box-shadow:inset 0px 100px 200px rgba(50,50,50,.4),
					inset -30px 30px 10px rgba(255,255,255,.2),
						30px -30px 100px rgba(50,50,50,.4),
						5px -5px 100px rgba(20,20,20,.2);
}

.circle3
{
	height:100%;
	width:100%;
	margin-left:-50%;
	margin-top:-50%;	
	position:absolute;
	z-index:-2000;
	
	border-top-right-radius:50%;
	border-bottom-right-radius:50%;
	
	box-shadow:inset 0px 100px 200px rgba(50,50,50,.4),
				inset -30px 30px 10px rgba(255,255,255,.2),
					30px -30px 100px rgba(50,50,50,.4),
					5px -5px 100px rgba(20,20,20,.2);
}

.circle4
{
	height:50%;
	width:50%;
	margin-left:-25%;
	margin-top:-25%;	
	position:absolute;
	z-index:-1000;

	border-top-right-radius:60%;
	border-bottom-right-radius:60%;
	border-top-left-radius:60%;

	box-shadow:inset 0px 100px 200px rgba(50,50,50,.4),
					inset -30px 30px 10px rgba(255,255,255,.2),
						30px -30px 100px rgba(50,50,50,.4),
						5px -5px 100px rgba(20,20,20,.2);
}


/***********
content
************/


.fullholder
{
	width:900px;
	height:100%;
	margin:0 auto; 
	margin-left:25px;
}

.fullcontent
{
	height:620px;
	width:800px;
}

.topcontent
{
	height:120px;
	width:800px;
	position:relative;
}

.bottomcontent
{
	height:500px;
	width:970px;
	position:relative;
	margin-top:0px; /*Beware Margin*/
}


/***********
zones
************/


.topcontentspace /* top spacer*/
{
	height:10px;
	width:800px;
}

.topcontentbar
{
	height:75px;
	width:940px;
}

.topcenter /*title main*/
{
	height:100%;
	width:60%;
	float:left;	
	margin-top:2px;
}

.topright
{
	height:100%; /*logo main*/
	width:40%;
	margin-left: 0px;
	float:left;	
}

.rightsection1
{
	width:35%;
	position:relative;
	float:left;
}

.rightsection2
{
	width:30%;
	height:100%;
	padding-left:5px; /*BEWARE padding*/
	margin-top:5px;
	position:relative;
	float:left;
	overflow:hidden;
	border-left:5px solid rgba(100,100,100,.4);
}

.rightsection3
{
	width:30%;
	position:relative;
	float:left;
}


/***********
top menu
************/

.supermenu
{
	text-align:left;
	margin-top:0px;
}

.combinerightsection
{
	opacity:.4;
	height:100%;
	width:380px; /************************/
	margin:0 0 0 100px;
}

.combinerightsection:hover
{
	opacity:.8;
}

.supermenu a
{
	color:white;
	font-size:.6em;
}

.simplemenubutton
{
	padding-top:25px;	/*BEWARE padding*/
}

.simplemenubutton li
{
	float:left;
	width:50px;
	height:50px;
	color:white;
	background:orange;
	
	border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;

	opacity:.3;
	
	font-size:1.5em;
	line-height:225%;
	margin-left:5px;
}

.simplemenubutton li:hover
{
 opacity:.8;	
}

 .simplemenubutton li:active
{
	background:tomato;
}


/***********
title
************/


.piciconbox /*title container*/
{
	height:100%;
	text-align:center;
	color:white;	
}

.piciconbox a
{
	color:white;
}

.photosetname /*place name title*/
{
	font: bold 24px helvetica;
	color: #eee;
	width:880px;
	padding:20px;
	background:rgba(95,100,100,.8);
	letter-spacing:.4em;
	line-height:190%;
	height:30px;
	padding-left:15px;
	padding-top:3px;
	border-radius:5px;
	margin:0 0 0 10px;
	font-weight:100;
	border-radius:5px;
	
	box-shadow:		inset 0px 1px 1px #444,
								inset 0px -1px 1px #444,
								inset 1px 0px 1px #444,
								inset -1px 0px 1px #444,
								inset 0px 0px 20px rgba(170,165,170,.6),
								5px 5px 5px rgba(0,0,0,.1);
	
	text-shadow:	0px 1px 1px black,
								1px 0px 1px black,
								0px -1px 1px black,
								-1px 0px 1px black,
								5px 1px 5px black;
}


/***********
pics
************/

.picbox
{
	margin-top:10px; /*beware margin*/
	height:500px;
	width:940px;
	padding-top:5px;
	overflow:hidden;
	border-radius:10px;
	-webkit-border-radius:10px;
}

.pictureplace /* the mover!!!*/
{
	height:500px;
	width:940px; 
	margin-left:0px;
	margin-top:5px;
}

.pictoprow
{
	height:460px;
	width:970px;
}

.pictoprow li
{
	margin:0 0 15px 10px;
}



/***************
MORE image layout
****************/


.imgstyle
{
	height:230px;
	width:222px;
	float:left;
	margin-left:10px; /* Beware margin*/
}

.thumbbox:hover .imgcontent
{
	box-shadow:	2px 0px 2px gold,
				-2px 0px 2px gold,
				0px 2px 2px gold,
				0px -2px 2px gold;
}

.imgcontent
{
	height:80%;
	width:100%;
	background:rgba(255,255,255,.2);
	position:static;
	overflow:hidden;
	
	border-top-left-radius:.5em;
	border-top-right-radius:.5em;
	
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	
	box-shadow:0px 0px 10px black;
	-webkit-box-shadow:0px 0px 10px black;
}

.imgdes /*word description box*/
{
	height:48px;
	width:213px;
	font-size:.7em;
	line-height:100%;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	letter-spacing:.9px;
	text-align:justify;
	
	background:rgba(50,50,50,.8); /*color set*/
	color:#bbb;
	opacity:.4;
	padding:5px 5px 0px 5px;
	box-shadow: inset 1px 0px 2px rgba(155,155,155,.4),
							inset -1px 0px 2px rgba(155,155,155,.4),
							inset 0px 1px 2px rgba(155,155,155,.4),
							inset 0px -1px 2px rgba(155,155,155,.4);
	
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	overflow:hidden;
}

.imgdes:hover
{
	opacity:.8;
}


/***********
icon
************/


.icon /* shadow eliminator for icon*/
{
		-webkit-box-shadow: 0px 0px 0px transparent;
		-moz-box-shadow: 0px 0px 0px transparent;
		box-shadow: 0px 0px 0px transparent;
}

.iconholder /*controls size of icons*/
{
	width:66px;
	height:66px;
	margin: 1px;
	margin-top:7px;
}

.superlevel1, .superlevel2 /*change in page to fit logo size*/
{
	height: 66px;
	width: 66px;
}

.doublespace /*logo margin*/
{
	margin-top:8px;
	position:absolute;
}


/***********
pic navigation button!!!!!!
************/


.movebutton li
{
	float:left;
	color:rgba(255,255,255,.2);
	text-align:center;
	opacity:.3;
	line-height:450%;
	margin:20px;	
}

.movebutton li:hover
{
 opacity:.8;	
}

.movebutton li:active
{
	background:tomato;
}

.buttonPrevious, .buttonNext
{
		top:50px;
		position:absolute;
		height:485px;
		width:30px;
		background:rgba(255,255,255,.1);
		border-radius:5px;
		color:rgba(255,255,255,.2);		
}

.buttonPrevious
{
	left:-45px;
}

.buttonNext
{
	left:915px;
}


/***********
nav bottom page
************/


.globnavhome,.globnavnext,.globnavprev
{
	width:75px;
	height:75px;
	background:orange;
	border-radius:10px;
	color:white
}

.movebutton p
{
	font-size:2em;
	line-height:125%;
	margin:220px 0 0 0;
	color:rgba(255,255,255,.2);
	
}

.movebutton a li
{
	color:rgba(255,255,255,1);
	
}


/***********
darkbox
************/


#darkbox 
{  
	display:none;
	background:black;  
	opacity:0.8;   
	position:absolute;  
	top:0px;  
	left:0px;  
	width:1050px;  
	height:100%;  
 	z-index:1000;  
}

#lightbox
{  
	display:none;    
	top:0px;
	left:0px;  
	margin:0 auto;   
	width:1000px;  
	height:auto;
	background:rgba(150,150,150,.5);
	padding:70px 25px 20px 25px;  
	z-index:1001; 
	position:absolute;
}


/***********
close button
************/


.closebutton
{
	font-family:helvetica;
	font-size:2em;
	background:rgba(155,155,155,.8);
	border-radius:33px;
	padding:5px 13px 5px 13px;
	color:#444;
	position:absolute;
	opacity:.4;
	
	margin:-64px 0px 0px -10px;
	
	text-shadow:	1px 0px 1px #ccc,
								-1px 0px 1px #ccc,
								0px 1px 1px #ccc,
								0px -1px 1px #ccc;
	
	box-shadow:	1px 0px 1px black,
						-1px 0px 1px black,
						0px 1px 1px black,
						0px -1px 1px black;
}

.closebutton:hover
{
	opacity:.8;
	color:white;
}

.closebutton:active
{
	opacity:.8;
	background:rgba(255,0,0,1);
	
	box-shadow:	1px 0px 1px black,
						-1px 0px 1px black,
						0px 1px 1px black,
						0px -1px 1px black,
						inset -5px 10px 5px rgba(255,255,255,.6);
	
}


/***********
BIG image
************/


#imginsert img
{
	max-width:1000px;
	border-radius:10px;
	box-shadow:0px 0px 20px rgba(0,0,0,.2),
							10px 10px 10px rgba(0,0,0,.4);
}


/***********
description
************/


.largedes
{
	font-size:1em;
	color: rgba(200,200,200,.6);
	line-height:200%;

}


/***********
nav big pic
************/


.zoominfo /*nav holder*/
{
	position:absolute;
	width:300px;
	top:22px;
	right:20px;
}

.imgnext
{
	right:-50px;
}

.imgprev
{
	right:60px;
}

.imgnext, .imgprev
{
	font-size:2em;
	top:-15px;
	float:right;
	position:relative;
	background: rgba(100,100,100,.4);
	height:44px;
	width:44px;
	border-radius:5px;
	text-align:center;
	line-height:125%;
	box-shadow:5px 5px 5px rgba(0,0,0,.1);
	color: rgba(255,255,255,.1);
}

.imgnext p, .imgprev p
{
	color: rgba(255,255,255,1);
	text-shadow:	1px 0px 1px rgba(200,200,200,.1),
								-1px 0px 1px rgba(200,200,200,.1),
								0px 1px 1px rgba(200,200,200,.1),
								0px -1px 1px rgba(200,200,200,.1);
}

.imgnext:hover, .imgprev:hover
{
	color: rgba(200,200,200,.8);
	background: rgba(150,150,150,.6);	
	border-radius:10px;
}

.imgnext:active, .imgprev:active
{
	color: rgba(250,250,250,.8);
	background: rgba(150,150,250,.6);
	box-shadow: 0px 0px 10px rgba(200,200,200,.6),
							1px 0px 1px black,
							-1px 0px 1px black,
							0px 1px 1px black,
							0px -1px 1px black;
}