@charset "UTF-8";
/* CSS Document */

html, body { height:100%; margin:auto;	width:990px; min-width:990px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	color:#FFFFFF;

}

body {
	background-color: #000000;
	background-image: url(images/Loftsite2.jpg);
	background-repeat: no-repeat;
	background-position: 49.5% 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left:0%;
		

	

}

/*div{ border:#009933 dotted 1px;}
*/


a {
	color: #FFCC99;
	text-decoration:none;
	  outline: none;
	
}

a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	
	/*padding:2px 3px;
	margin:0px -3px;*/
	
}




ul, li {list-style:none; margin:0px; padding:0px;}

.blackbg1 { background-image:url(images/bg-black-50pc.png);}
.blackbg2 { background-image:url(images/bg-black-25pc.png);}

.floatleft{ float:left;}

.clearboth {clear:both;}

.outer {	/*border:red solid 1px;*/ }

.inner{
	width:940px;
	min-width:940px;
	text-align:center;
	margin:0 auto;
	padding:0px 20px 0px 30px;
	
/*	border:#00CC00 solid 1px;
*/
}






.leftholder { 
	text-align:left;
	float:left;
	width:230px;
	max-width:230px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	
	
	
}

.logolink {
	min-height:180px;
	margin:0px 0px 20px 0px;
}


.nav li, .nav span {
	margin:0px 0px 2px 0px;
	padding:1px 0px 1px 10px;
	width:220px;
	background-image:url(images/bg-black-50pc.png);
	font-weight:bold;
	display:block;
	text-decoration:none;
}

#page1 #link1,
#page2 #link2,
#page3 #link3,
#page4 #link4, 
#page5 #link5
{background-image:none; background-color:black; }


.nav li:hover, .nav span:hover{
	background-color:black;
}

.nav a {color: #C87976; text-decoration:none; font-size:1.1em;}
.nav a:hover {color:#FFFFFF;  margin:0px; padding:0px; text-decoration:none; /*font-size:1.1em; line-height:1em;*/}
/*.nav span:hover { padding-bottom:2px;}
*/

.followus { background-image:url(images/followus.png); background-repeat:no-repeat; padding-top:3px; height:84px; 
	margin:10px 0px 0px 0px;
}

.followus a{  display:block;  padding:11px; margin-bottom:2px;font-weight:bold; }
.followus a:hover {background-image:url(images/bg-black-50pc.png); text-decoration:none;} /*font-size:1.1em;  padding-bottom:10px;*/



.mtlinkholder{
background:url(images/bg-black-50pc.png);  margin-top:0px; margin-bottom:10px; text-align:left; line-height:12px;
}

.mtlinkholder:hover{ background:none; background-color:#000000;}

.mtlink img { float:left; padding-right:10px;
   -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
	}
	
.mtlink img:hover,
a.mtlink:hover img
{
   -moz-opacity: 1;
    opacity:1.0;
    filter: alpha(opacity=100);
	}


.musicbox {padding:6px 0px 6px 0px;}
.musicbox:hover {background-color:#000000;}


.right{
	float:right;
	width:700px;
	text-align:justify;
	margin-right:0px;
	
/*	border:#990000 dotted 1px;
*/}


.top{
	height:105px;
	display:none;

}


#page0 .top{ display:block;}


.pageheader { /*background-image:url(images/bg-black-50pc.png);*/ height:100px; text-align:right;}

.pageheader>div { padding:20px;  }


.pagetext { padding:20px; background-image:url(images/bg-black-25pc.png);}



.leftcol, .rightcol {
	text-align:left;
}

.leftcol { float:left; 	width:40%;}
.rightcol { float:right; 	width:55%;}


.leftcol ul, 
.rightcol ul {
	padding-left:20px;
	
}
.leftcol ul li, 
.rightcol ul li {

	list-style: outside;;
}

.gamecol {  width:700px; text-align:left;}

.gamecol>div{
	margin:0px 2px 10px 0px; padding:0px;
	float:left;
	width:173px;
	background-image:url(images/bg-black-50pc.png);

}

.gamecol>.pic {	height:291px;
}

.gamecol p{ margin:10px; padding:0px;}



.lowercon {  text-align:left; margin:0px 0px 0px 0px; padding:10px 1% 10px 1.6%  } 

.lowercon a {
	display:block;
	float:left;
	width:111px;
	width:16.2%;

	height:50px;
	background-color: #230000;
	margin:1px 2px 0px 1px;
	background: no-repeat 50% -20px;
	
   -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

.lowercon a:hover {/* border:#FFFFFF solid 1px;*/ 	background-color: #300000;
    -moz-opacity: 1.0;
    opacity:1;
    filter: alpha(opacity=100);
   }



.beersign { position: relative; float:right; top:0px; left:47px;  z-index:10; overflow:hidden;}



.boxes a img{ border:none;

}

/*live music page style --------------------------*/

.musictable { width:100%; font-size:12px; text-transform:uppercase;}
.musictable td{  padding:4px;}  
.musictable1{ 	background-image:url(images/bg-black-50pc.png);  }
.musictable2{background-color:#3a1e1b;}
.musictable2[class]{ background:none; background-image:url(images/bg-white-10pc.png);}

.musictable td a{ display:block; margin:-4px; padding:4px;}
.musictable td a:hover{ text-decoration:none; border:#FFFFFF solid 1px; padding:3px;}


/* END live music page style END--------------------------*/


/*light box style --------------------------*/

.LB-black-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.0;
    opacity:.00;
    filter: alpha(opacity=00);
}

.LB-white-content {
    display: none;
    position: absolute;
	top:0px;
    width: ;
    height: ;
    padding: 0px;
    margin: ;
    border: 0px solid #666;
    background-color:;
	background-image:url(images/bg-black-25pc.png);
    z-index:1002;
	float:left;
	/*margin-top: 12px;
    margin-left: 12px;*/
}

.LB-white-content img { margin:30px 10px 10px 10px; width:680px; }

a#close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 7px;
    left: -8px;
    background: url(images/close.png) 0 -30px ; display:block;
	
	
}

a#close:hover {
    background: url(images/close.png) 0 0px;
	
}