body{
margin:0;
padding:0;
background:#000 top left no-repeat;
font-family:Verdana;
font-size:80%;
text-align:left;
}
/*::::: generic rules ::::::::*/
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
img{
border:none;
margin:0;
padding:0;
}
p{
margin:0;
padding:0;
}
h1{
margin:0;
padding:0;
color:#000;
font-size:20px;
font-weight:bold;
font-family:
}
h2{
margin:10px;
padding:10px;
color:#111;
font-size:18px;
width:60%;
font-weight:normal;
}
h3{
margin:10px;
padding:10px;
color:#333;
font-size:16px;
font-weight:normal;
}
a{
color:#fff;
outline:none;
text-decoration:none;
margin:0;
padding:0;
}
a:hover{
color:#999;
outline:none;
text-decoration:none;
margin:0;
padding:0;
}



/*structure */
#heading
{
	background:#000 top left no-repeat;
	width:100%;
	margin-bottom:10px;
}

#heading #kmimg
{
	float:left;
	margin-right:15px;
}

ul#nav
{
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	
}
ul#nav li
{
	display:inline;
	font-family:Cambria, Arial;
	font-size:30px;
	font-weight:bold;
	color:#fff;
}


li.current a
{
	
	color: #be090b !important;
}


#main
{
	width:66%;
	margin-right:5px;
	float:left;
	clear:both;
	
}

#side
{
	float:right;
	width:33%;
	text-align:center;
	
}

#side .picFrame
{
	
	width:148px;
	padding:10px;
	background-color: #fff;
	margin:5px 0px 10px 0px;
}

#side .picFrame a
{
	color:#000;
}


#missing
{
	color:#ffffff;
	font-size:25px;
}

/*imagey stuff */














.gallery, .gallery_in{float:left;padding:0;margin:0;width:930px;}
.thumbs_all{float:left;}
.thumbs_all img{padding:1px;}
.thumbs_all li{float:left; margin-left:2px!important; margin-left:2px;}
span.thumbs_all {float:left; margin-left:2px!important; margin-left:2px;}
.thumbs_all  a{float:left; border:1px solid #fff;width:146px; cursor:url(http://www.pirolab.it/pirobox/css_pirobox/cursor/open.cur), pointer;}
.thumbs_all  a:hover{ float:left;border:1px solid #ccc;}
.highlite{color:#000; font-weight:700;}



.bg_thumbs{
background:#000;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#fff;/*::::: you can change img_box background-color here ::::::::*/
}


/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px;height:90%;width:74px;right:2px!important;right:2px;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_in_w.png) top right no-repeat!important;background:url(next_in_w.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_in_w.png) top left no-repeat!important;background:url(prev_in_w.gif) top left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:100%;width:81px;right:-81px;z-index:1007;background:url(next_i_w.gif) center right no-repeat;}
a:hover.next{background:url(next_i_w_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:100%;background:url(prev_i_w.gif) center left no-repeat;}
a:hover.previous{background:url(prev_i_w_h.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:none;padding:0;z-index:1003; cursor:url(http://www.pirolab.it/pirobox/css_pirobox/cursor/close.cur), pointer;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 10px 10px 0!important;margin:0 12px 10px 0;z-index:100014;background:url(close_w.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-33px;width:80px;height:80px;display:block;z-index:1007; background:url(bg_loader_w.png) center no-repeat!important; background:url(bg_loader_w.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#000;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: DEMO PAGE, ROUDED CORNERS ::::*/

.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:91%;padding:0!important;padding:10px; top:0; left:0; background: url(bg_w.png) top left no-repeat!important;background: url(bg_w.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:10%; top:0; right:0; background: url(bg_w.png) top right no-repeat!important;background: url(bg_w.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background: url(bg_w.png) bottom left no-repeat!important;background: url(bg_w.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:80%; width:10%; bottom:0; right:0; background: url(bg_w.png) bottom right no-repeat!important;background: url(bg_w.gif) bottom right no-repeat;}


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 70px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;} 

#footer p { padding-top: 30px;display:inline;}
#footer img {float:right;margin: -15px 10px 20px 0px}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */