html, form, body {
	height: 100%;
	width: 100%;
	
	margin: 0px;
	padding: 0px;
	
	text-align: left;
	vertical-align:middle;
	
	min-width: 800px;
	min-height: 600px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;
}
div.Photoback {height: 100%; width:100%; position: absolute; top: 0px; left: 0px; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index:1;}

div.Photoback img {border:0; width: 100%;opacity:0.20;filter:alpha(opacity=20);}

div.Testbox { }

div.OutBox1
{
	height: 100%;
	width: 100%;

	Position: relative;
	z-index:5;
	padding: 0px;
	margin: 0px;
	opacity: 1;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
	overflow: hidden;
}

div.OutBox2
{
	width: 100%;
	min-width: 760px;
	max-width: 1250px;
	Position: relative;
	z-index:5;
	padding: 0px;
	margin: auto;
	opacity: 1;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:25px;
	opacity:0;

	
}

div.TopBar
{
	width: 100%;
	min-width: 600px;
	height: 180px;
	padding: 0px;
	margin: 0px;
	Position: relative;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
	
}
div.PhotoShow
{
	width: 100%;
	min-width: 600px;
	
	padding: 0px;
	margin: 0px;
	Position: relative;
	
	background-color: transparent;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
}
div.ContentBox
{
	width: 100%;
	min-width: 600px;
	
	padding: 20px 10px 20px 10px;
	margin: 0px;
	Position: relative;
	
	overflow: auto;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
}


div.ImgBox
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
	margin-bottom: 	25px;

	height: 200px;
	width: 200px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	position: relative;
	
	cursor: pointer;
}
div.ImgBox img
{
	opacity: 0;
	Position: relative;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

div.ShowBox
{
	width: 100%;
	background-color: #555;
	height: 300px;
	float:left;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 10px 0px 10px 0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	display: none;
	position: relative;
	z-index:10;

}

div.ShowBoxImg
{
	width: 70%;
	height: 100%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
text-align:center;
}
div.ShowBoxTxt
{
	width: 30%;
	height: 100%;
	float: left;
	padding: left: 10px;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

div.ShowBoxX
{
	font: normal 12px arial;
	color: white;
	border: 1px solid white;
	padding: 2px 5px 2px 5px;
	position: absolute;
	top: 15px;
	right: 50px;
	cursor: pointer;
	z-index:999;
	
	     -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius:10px;
    border-radius: 10px;
}
div.ShowBoxX:hover { background-color: #555; }

div.ShowBLArr
{
	height: 50px;
	width: 30px;
	cursor: pointer;

	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 5px;
	
	background-image: url(../images/ShowBoxImgL.png);
	opacity: .2;
}
div.ShowBLArr:hover{opacity:.7;}

div.ShowBRArr
{
	height: 50px;
	width: 30px;
	cursor: pointer;

	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 25px;
	
	background-image: url(../images/ShowBoxImgR.png);
	opacity: .2;
	
}
div.ShowBRArr:hover{opacity:.7;}

	div.TitleMain
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 300px;
		width: 100%;
		text-align: right;
		padding-right: 10px;
			
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		
	}
	
	div.logo
	{
		width: 100%; 
		font:normal 40px arial narrow, arial;
		text-align:left;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		margin:0px;
		padding: 0px;
		
		letter-spacing: -1px;
	}
	div.Title
	{
		width: 100%; 
		font: normal 20px arial;
		text-align:left;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		margin:0px;
		margin-top: -7px;
		padding: 0px;
		
		letter-spacing: 2px;
	}



div.navbar
{
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


div.nav
{
	height: 30px;
	width: 1000px;
	position: absolute;
	top: 36px;
	right: 0px;
	text-align: right;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}



/* 
	LEVEL ONE
*/
ul.dropdown                         { position: absolute; z-index: 300; right: 0px; top:0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.dropdown li                      { text-align:center; list-style: none; float:left; margin-left:20px; padding:0px; list-style: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.dropdown a:hover		    { color: #ccc; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding:3px 0px 3px 15px; color: #fff; font: normal 12px arial; text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {}
ul.dropdown li.hover a              {}


/* 
	LEVEL TWO
*/
ul.dropdown ul 			    	{ padding:0px; padding-top:4px;  visibility: hidden; position: absolute; margin-top: 0px; margin-left: -20px; z-index: 301; }
ul.dropdown ul li 			{ padding:0px; opacity: .9; list-style: none; font: normal 12px arial; background: #000; color: #fff; 
									  float: none; text-align: left;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;padding:3px 15px 3px 15px;  } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 				{ margin-top: -22px; margin-left: 170px; z-index: 302; }
ul.dropdown li:hover > ul 			{ visibility: visible; }





div.StoreMe
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	
	width; 200px;
	height: 20px;
	
	opacity: 0;
}


.mCustomScrollBox .mCSB_scrollTools{width:10px; -moz-border-radius: 5px; border-radius: 5px;}
.mCSB_scrollTools .mCSB_draggerRail{width:10px; -moz-border-radius: 5px; border-radius: 5px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;-moz-border-radius: 4px; border-radius: 4px; margin-right:1px;}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url();
-moz-border-radius: 5px; border-radius: 5px; 
display:hidden;
opacity:0;
}
.mCSB_container{margin-right:10px;}

div.basebar 
{
	width: 100%; 
	height: 34px; 
	position: relative; 
	padding: 0px; 
	margin: 0px;
	margin-top: 8px;

	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
div.forceBar
{
	width: 100%; 
	height: 10px; 
	position: relative; 
	padding: 0px; 
	margin: 0px;

	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


div.PageTitle { position: absolute; bottom: 15px; left: 0px; font: normal 20px "Arial Narrow", Tahoma, Geneva, sans-serif; text-align: left; height: 20px; width: 400px; }


div.Foot1
{
	position: absolute;
	left: 0px;
	top: 8px;
	text-align: left;
	font: normal 11px arial;
	color: #777;
}

div.ImgBoxTitle {
	padding: 10px 0px 5px 0px;
	width: 100%;
	font: normal 14px arial;
	color: #777;
	text-align:left;
	clear:both;
}

span.WpmBug {position: relative; text-align: left; padding:0px; z-index:100; width: 100px;}
span.WpmBug a {font: normal 11px arial; color: #999; text-decoration: none;}
span.WpmBug a:hover {color: #aaa;}

ul.bookmark_list li {text-align: left;}
ul.bookmark_list li a{text-align: left;}

div.CaptionCont {
position: absolute;
top: 10px;
left: 20px;
width: 90%;

color: white;
text-align: left;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;

}
p.ImageNumber
{ font: normal 13px arial; font-weight: normal; margin-top: 5px; margin-bottom: 15px; }
#ImgFlName
{ font: bold 14px arial; margin-top: 5px; margin-bottom: 15px; }
#ImgcapBod
{ font: normal 14px arial; font-weight: normal; margin-top: 45px; margin-bottom: 5px; line-height: 140%; }

div.ToTop 
{
	width: 45px;
	height: 35px;
	opacity: .5;
	position: fixed;
	bottom: 0px;
	right: 8%;
background-image: url(../images/Uparrow.png);
	
	z-index: 999;
}

div.ToTop:hover
{
opacity: .8;
}

div.PageContBox
{
	margin-left: auto;
	margin-right: auto;
	max-width: 1050px;
	min-width:550px; 
	width:90%; 
	margin-top: 50px; 
        padding-bottom: 30px;
	text-align:left;
line-height: 140%;
}

div.contBoxout
{
width: 600px; 
height: 500px; 
min-height: 440px; 
position: relative;
margin-top:50px;
margin-left: auto;
margin-right: auto;

}

#MySocs {
 height: 30px;
 width: 300px;
text-align: right;
position: absolute;
top: 0px;
right: 0px;
z-index: 999;
}

#MySocs img { border: 0px; height: 20px; }


		div.sharebar
		{
			height: 8%;
			width: 100%;
			padding-right:85px;
			font: normal 16px arial;
			color: #333;
			text-align: right;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			position: relative;

			
		}
		div.sharit1
		{
			text-align:right;
			width: 500px;
			position:absolute;
			bottom: 5px;
			right: 55px;
			font: normal 12px arial;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			color: #dedede;
			z-index:99
			
		}
		a.mysharb 
		{
			font: normal 12px arial;
			color: #78adfa;
			text-decoration: none;
		}
		
		a.mysharb  a:hover
		{}
		
		div.SocNet1
		{
		
			position:absolute;
			top: 24px;
			right: -10px;
			z-index:9999;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			height: 160px;
			width: 200px;		  	
		  	display: none;
		  	background-repeat: no-repeat;
		  	background-image: url(../images/shareback.png);
		  	
		  	opacity: .85;
		  	
		}
		
			a.socLikeX
			{
				font: normal 8px arial;
				color: #333;
				text-decoration: none;

				cursor:pointer;
				background-color:#dedede;
				padding: 1px 3px 1px 3px;
				border: 1px solid #333;
				position: absolute;
				right: 12px;
				top: 34px;
				
				
				-moz-border-radius: 8px;
 				border-radius: 8px;
 				
 				
			}
			
			a.socLikeX:hover
			{ color: #dedede; background-color:#555;}
			
			a.mysharb
			{
				color: #555;
				cursor:pointer;
			}
			a.mysharb:hover
			{
			
				color: #000;
	}
	
	#socIcon
	{opacity:0.60;filter:alpha(opacity=60); z-index:99; color: #ccc;}
	
	#socIcon:hover
	{opacity:0.99;filter:alpha(opacity=99); color: #dedede;}
	
	#socIcon img
	{ border:0px; margin-top:3px; margin-right: 4px;}
	
div.CPImgBx {
 overflow:hidden;
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}

div.CPImgBx img {

}

div.cpImgBcCap { display: none; }

div.MyDispBox {
 width: 100%;
height: 500px;
position: fixed;
left: 0px; 

top: 50%;
margin-top: -250px;

background-color: #555;
z-index:999;

display: none;

}

#MyHolder { overflow: hidden; position: relative; }

#DispPImg { height: 490px; position: relative; top: 5px; left: 50%; margin-left: -400px; width: 800px; text-align: center; }
#DispPImg img { height: 100%; border: 0px; margin-left: auto; margin-right: auto; }

div.DispPCap
{

width: 400px;
position: absolute;
z-index:999;
font: normal 11px arial;
color: white;
bottom: 0px;
left: 50%;
margin-left: -200px;
background-color:transparent;
padding: 1px;
text-align: left;
}
div.DispPCap p
{
 margin: 0px;
padding: 0px;
font: normal 11px arial;
color: white;
text-align: left;
margin-left: 5px;
}
div.DispPCap:hover
{
opacity: .8;
background-color: #333;

}

div.PageContBox { margin-top: 0px; }

div.ClkMusic{
display:inline;
position: absolute;
left: 2px;
top: 2px;
z-index: 9999;
}

div.ShowBoxAct
{
position: absolute;
left: 75%;
width: 150px;
text-align: left;
bottom: 0px;
font: normal 30px arial;
color: #777;
}
a.GoBRArr { position: relative; font: normal 40px arial; margin: 0px 15px 0px 0px; cursor: pointer; }
a.GoBLArr { position: relative; top:-3px; font: normal 40px arial; margin: 0px 15px 0px 0px; cursor: pointer; }
a.GoBRClo { position: relative; font: normal 30px arial; top:-6px; margin: 0px 15px 0px 0px; cursor: pointer;  }
a.GoBRArr:hover { color: #333; } 
a.GoBLArr:hover { color: #333; } 
a.GoBRClo:hover { color: #333; }