/**
made by PAULSTUARTBIDDLE using indexhibit
*/

html, body {
height:auto;
min-height:100%;
}

body{
  text-align:center;
  text-transform: uppercase;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  line-height:1.273;
  color: #CCCCCC;
  background:#000000;
  overflow: auto;
}



#the-background {
position: fixed;
z-index:-1;
width: 100%;
height:100%;
top:0;
left:0;
}



#wrapper{
  width:495px;
  margin:0 auto;
  text-align:center;
  min-height:100%;
  position:relative;
  top: -10px;
}

#back {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red;
color:black;
font-size:14px;
height:87px;
left:-60px;
margin-bottom:10px;
padding:5px;
position:absolute;
top:0;
width:58px;
z-index:1;

}

#back a{ color: black;}



/* LINKS */
	
	
a:link {text-decoration: none; color: #808080; }
a:visited {text-decoration: none;color: #808080;}
a:hover {color: red; font-weight: bold;}
a:active { color: red;}

a img { text-decoration: none; border: none }


/* MENU */
	#name {
font-size: 20px;
display:block;
float:left;
padding-left:20px;
padding-top:20px;
}

#menu-wrapper  {
margin:auto;
position:relative;
top:0;
width:500px;
}

#menu {
background:none repeat scroll 0 0 black;
float:left;
font-family:verdana;
font-size:12px;
height:14px;
letter-spacing:2.5pt;
position:relative;
text-align:center;
top:30px;
width:350px;
z-index:100;
}
	
	
#menu ul {
list-style-position:outside;
list-style-type:none;
margin:0;
position:absolute;
right:0;
text-align:right;
top:0;
}

#menu ul li {  

         display:inline;
         padding-top:5px;
         padding-right: 10px;
		
}

#menu a:link { color: #CCCCCC; font-weight: bold; }
#menu a:visited { color: #CCCCCC; }
#menu a:hover { text-decoration: none; color: red; border-right: none; border-left: none;}
#menu li.active a { color: red ;}






/* CONTENT */
	


#content{
  
  display:inline-block;
  width:100%;
  background: black;
  margin-top: 30px;
  

}




.container { border: ; margin-right:auto; margin-bottom:0; margin-left:auto;
          width: 100%; 
  
}


#content p { width: 100%; text-align: left;
               }

p {
    margin: 15px 0px 0px 22px;
}

#contact {     text-align: left;
               width:100%;
               margin-top: 20px;
               padding-left: 10px;
			   letter-spacing: 0.2em;

}

#links { width: 100%;
}

#links ul {  

         width:100%;
         text-align:left;
	     list-style: none;
	     padding-left: 25px;
         margin: px;
}

#links ul li {  
         padding-top:5px;
		
		
}

h1 { font-size: 22px; ;   }
h2 { font-size: 16px; margin-left: 15px;  }
h3 { font-size: 14px; margin-left: 15px; list-style:circle outside none; letter-spacing:2.5pt;}
h4 { font-size: 14px; }
h5 { font-size: 20px;}

#img-container	{ width: 100%;   }
#img-container p	{ width: 100%;  text-align: left; margin: 10;  }

#once { clear: left; }


body.section-1 { }
body.section-2 { }
body.section-3 { }





/* FRAME */
	

#frametop {
background-color:black;
display:block;
font-size:20px;
height:20px;
left:0;
letter-spacing:2.5pt;
position:relative;
text-align:center;
top:20px;
width:100%;
z-index:100;
}
#framebtm { 
background: black;
height:12px;
font-family: verdana;
font-size: 12px;
letter-spacing: 2.5pt;
background: black;
position:fixed; 
z-index:100;
bottom:0px; 
left:0;
width:100%; 
text-align: center;
color: #808080;
padding: 10px;

}

#framebtm a:link { color: #CCCCCC; font-weight: bold; }

#frameleft {
background: none repeat scroll 0 0;
height:100%;
left:0;
position:fixed;
top:0;
width:10px;
z-index:-1000;
}

#frameright {
background: none repeat scroll 0 0;
height:100%;
right:0;
position:fixed;
top:0;
width:10px;
z-index:1000;
}









/* GALLERY */
	


#gallery {
margin: 30px; 
text-align: center;



}
#gallery a:link, #gallery a:visited {
border:none;
}

#cola, #colb, #colc, #cold {
	width: 286px;
	float: left;
	text-align: left;
	padding: 0 0 0px 0;
	}

#cola, #colb, #colc {
	margin: 0 10px 10px 0;
	}	
	
.item {
	margin: 0 0 10px 0;
	position: relative;
	}
	
.info {

	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color:#ffffff;
	font-size:18px;
	font-style: italic;
	background-color: #000000;
    opacity: .5;
	background-repeat: no-repeat;	
	background-position: 162px 18px;
	display: none;
}
.item:hover .info {
display: block;
}

.info h2 {
	font-size:16px;
	font-weight: normal;
	font-style:normal;
	margin: 0;
	padding: 15px 10px 4px 10px;
}
.info span {
	padding: 0 0px 0 2px;
}