body {background-color: black;//rgb(10,92,10);
font-family: ariel, cursive, Serif;
}

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

ul.nav{
	position: absolute;
	top: 100px;
  	width: 100px;

}

ul.nav li{
  margin-bottom: 30px;
  margin-left: 5px;
}

a{
  color: white;
  cursor: pointer;
  text-decoration: none;
}

a.current{
  color: rgb(10,92,10);
  background-color: black;
}

ul.nav li a:hover{
  color: black;
  background-color:rgb(10,92,10);
}

img{
  border-style: none;
}


div#martin{
  position: absolute;
  top: 0px;
  left: 0px;
}

div#gentstitle{
  position: absolute;
  top:48px;
  left:648px;
  height: 40px;
  width:200px;
  color:rgb(10,92,10);
}

div#menu{
  position: absolute;
  top: 20px;
  left: 0px;
}

div#everything{
  position: relative;
  top: 0px;
  border: 1px solid rgb(10,92,10); 
  width: 980px;
  height: 600px;
  background-color: black;
  overflow: hidden;

}

div#content{
  position: relative;
  border: 3px solid rgb(10,92,10);
  top: 74px;
  width: 730px;
  height: 450px;
  overflow: hidden;
  margin:0px auto;
  z-index: 1;
  /*background-color: rgb(10,92,10);*/
}

div#thepicscontent{
  position: relative;
  border: 3px solid rgb(10,92,10);; 
  top: 74px;
  width: 730px;
  height: 450px;
  overflow: hidden;
  margin:0px auto;
  z-index: 1;
  background-image: url(graphs/thepicsback.jpg);
}


/*     enter page    */

div#enterbutton{
  position: absolute;
  top: 20px;
  text-align: center;
  left: 50%;
  width: 180px;
  height: 50px;
  z-index: 1;
  color: rgb(10,92,10);
}

div#everything2{
  position: relative;
  top: 0px;
  border: 1px solid black; 
  width: 980px;
  height: 600px;
  background-color: black;
  overflow: hidden;
}

/*     lounge          */

div#lounge_textbox{
  position: absolute;
  /*border: 1px solid white;*/
  top: 66px;
  left: 362px;
  width: 300px;
  height: 233px;
  /* background-color: black; */
  color: black;
  padding: 3px;
  overflow: auto;
  text-align: left;
}

/*      shows            */

.bigger{
  font-size: x-large;
}


div#shows_title1{
  position: absolute;
  top: 0px;
  left: 40px;
  height: 20px;
  color:white;
  margin: 0px;
}

div#shows_textbox1{
  position: absolute;
  top: 40px;
  left: 20px;
  width: 300px;
  height: 160px;
  color: white;
  padding: 3px;
  overflow: auto;
  text-align: center;
  border: 1px solid white;
  z-index: 1;
  background-color:blackz;
}


div#shows_title2{
  position: absolute;
  top: 210px;
  left: 40px;
  height: 20px;
  color:white;
  margin: 0px;
}

div#shows_textbox2{
  position: absolute;
  top: 250px;
  left: 20px;
  width: 300px;
  height: 160px;
  color: white;
  padding: 3px;
  overflow: auto;
  text-align: center;
  border: 1px solid white;
  z-index: 1;
  background-color:blackz;
}

div#preorder{
  position: absolute;
  top: 330px;
  left: 380px;
  overflow: visable
}

/*			video					*/
div#livebut{
  position: absolute;
  top:176px;
  left:100px;
  
  overflow: visable;
}

div#filmbut{
  position: absolute;
  top:160px;
  left:500px;
  overflow: visable;
}

div.new_vid{
  position: absolute;
  top:78px;
  left:250px;
  overflow: visable;
}

a.vb:hover{
  border-bottom: 10px solid yellow;
}

div#filmarrow{
  position: absolute;
  top: 360px;
  left: 618px;
}

div#livearrow{
  position: absolute;
  top: 360px;
  left: 2px;
}

div#film_box{
  position: absolute;
  top: 20px;
  left: 370px;
  width: 345px;
  height: 400px;
  overflow: auto;
}

div#live_box{
  position: absolute;
  top: 20px;
  left: 5px;
  width: 345px;
  height: 400px;
  overflow: auto;
}

div.video_nugget{
  position: relative;
  left: 0px;
  top: 0px;
  width: 320px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 16px;
  margin-top: 16px;
  background-color: black;
  border-bottom: 1px solid yellow;
  border-top: 1px solid yellow;
  text-align: left;
  color: white;
  overflow: hidden;
}


div.nugget_text{
  position: absolute;
  left: 140px;
  top: 10px;
  background-color: orangez;
}

div.nugget_cover{
  position: absolute;
  top: -1px; left: -1px;
  width:102%; height:102%;
  z-index: 1000;
  background-color: white;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01;
}

/*                       picturepage				*/
div#shootspot{
  position: absolute;
  top: 108px;
  left: 58px;
  height: 230px;
  width: 159px;
  overflow: visable;
}
a.shootlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 230px;
  width: 159px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01; 
}
a.shootlink:hover{
  background-image: url(graphs/shoots.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

div#showspot{
  position: absolute;
  top: 110px;
  left: 220px;
  height: 225px;
  width: 147px;
  overflow: visable;
}
a.showlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 225px;
  width: 147px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01; 
}
a.showlink:hover{
  background-image: url(graphs/shows.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

div#shenspot{
  position: absolute;
  top: 111px;
  left: 367px;
  height: 224px;
  width: 209px;
  overflow: visable;
}
a.shenlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 224px;
  width: 209px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01; 
}
a.shenlink:hover{
  background-image: url(graphs/shen.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}



/*		the pics		*/



div#img_display{
  margin-top: 16px;  
  overflow: display;

}


div#img_display img{
  top: 10px;
  border:20px solid white;
  vertical-align: bottom;
}

div#img_select{
  position: absolute;
  left: 800px;
  top: 80px;
  height: 440px;
  width: 180px;
  overflow: auto; 
  z-index: 0;
  list-style-type: none;
}

div#img_select ul li a img{
  left: 0px;
  padding: 2px;
}

div#img_select ul li a{
  height: 70px;   left: 0px;
  filter:alpha(opacity=80); -moz-opacity:0.80; opacity:.80;
}

div#img_select ul li a:hover{
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
  background-color: blackz;
}

div#img_select ul{
  left: 0px;
  list-style-type: none;
  background-color: blackz;
}

div#img_select ul li{
  left: 0px;
}

/*     gents page          */

div#gents_textbox{
  position: absolute;
  border: 1px solid white;
  top: 270px;
  left: 150px;
  width: 420px;
  height: 160px;
  background-color: black; 
  color: white;
  padding: 3px;
  overflow: auto;
  text-align: left;
}

div#titlepic{
  position: absolute;
  border: 1px solid white;
  top: 330px;
  left: 346px;
  height: 24px;
  overflow: hidden;
  z-index: 3;
}



div#mikespot{
  position: absolute;
  top: 80px;
  left: 130px;
  height: 157px;
  width: 109px;
  overflow: visable;
}
a.mikelink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 157px;
  width: 109px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01; 
}
a.mikelink:hover{
  background-image: url(graphs/mikebutton.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;

}

div#patspot{
  position: absolute;
  top: 50px;
  left: 240px;
  height: 185px;
  width: 133px;
  overflow: visable;
}

a.patlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 185px;
  width: 133px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:.01; 
}

a.patlink:hover{
  background-image: url(graphs/patbutton.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

div#johnspot{
  position: absolute;
  top: 18px;
  left: 366px;
  height: 220px;
  width: 98px;
  overflow: visable;
}

a.johnlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 220px;
  width: 98px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:.01; opacity:.01; 
}

a.johnlink:hover{
  background-image: url(graphs/johnbutton.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}

div#tylerspot{
  position: absolute;
  top: 27px;
  left: 472px;
  height: 218px;
  width: 114px;
  overflow: visable;
}

a.tylerlink{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 218px;
  width: 114px;
  background-color: black;
  filter:alpha(opacity=1); -moz-opacity:.01; opacity:.01; 
}

a.tylerlink:hover{
  background-image: url(graphs/tylerbutton.gif);
  background-color: transparent;
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}




/*                                 individual pages                                 */

/*mike*/

div#mike_textbox{
  position: absolute;
  top: 60px;
  left: 410px;
  width: 300px;
  height: 340px;
  color: black;
  overflow: auto;
  text-align: left;
  border: 1px solid black;
  z-index: 1;
  padding: 2;
}
div#mike_textboxback{
  position: absolute;
  top: 60px;
  left: 410px;
  width: 300px;
  height: 340px;
  background-color: black;
  border: 1px solid black;
  padding: 2;
  filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; 
}

div#mike_title{
  position: absolute;
  top: 20px;
  left: 460px;
}

/*john*/
div#john_title{
  position: absolute;
  top: 20px;
  left: 435px;
}



/*pat*/

div#pat_title{
  position: absolute;
  top: 20px;
  left: 63px;
}

div#pat_textbox{
  position: absolute;
  top: 60px;
  left: 50px;
  width: 300px;
  height: 340px;
  color: black;
  overflow: auto;
  text-align: left;
  padding: 2;
  border: 1px solid black;
  z-index: 1;
  padding: 2;
}
div#pat_textboxback{
  position: absolute;
  top: 60px;
  left: 50px;
  width: 300px;
  height: 340px;
  background-color: black;
  border: 1px solid black;
  filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; 
  padding: 2;
}

div#tyler_title{
  position: absolute;
  top: 20px;
  left: 96px;
}

ul.otherdudes{
  position: absolute;
  top: 410px;
  left:50px;
  text-align: center;
	margin: 0;
	padding: 0;
}

ul.otherdudes li{
  display: inline; 
}

ul.otherdudes2{
  position: absolute;
  top: 410px;
  left:410px;
  text-align: center;
	margin: 0;
	padding: 0;
}

ul.otherdudes2 li{
  display: inline; 
}




/*              links                        */
div#linkscontent{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; //720px;
  height: 100%;
  background-color: black;
  overflow: auto;
}

div.alink{
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%; //708px;
  height: 167px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: orangez;
}

div.aborder{
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%; //708px;
  height: 165px;
  overflow: hidden;
}

div.linktext{
  position: absolute;
  top:0px;
  left: 250px;
  width: 400px;
  text-align: center;
}

a.linkimg:hover{
  color:white;
  cursor:pointer;
}

a.linkimg{
  position: absolute;
  left: 30px;
  top: 0px;
  color: black;
}


/*               contact                     */
div#contact_idiots{
  position: absolute;
  top: 283px;
  left: 0px;
}

div#contact_logo{
  position: absolute;
  top: 200px;
  left: 410px;
}

div#contact_description{
  position: absolute;
  top: 10px;
  left: 30px;
  width: 310px;
  height: 200px;
  background-color: black;
}

div#contact_upper{
  position: absolute;
  top: 0px;
  left: 372px;
  width: 355px;
  height: 165px;
  border-left: 3px solid rgb(10,92,10);
  border-bottom: 3px solid rgb(10,92,10);
  overflow: hidden;
}


div#contact_lower{
  position: absolute;
  top: 282px;
  left: 0px;
  width: 355px;
  height: 165px;
  border-right: 3px solid rgb(10,92,10);
  border-top: 3px solid rgb(10,92,10);
  overflow: hidden;
}



.contact{
  color: white;
  font-size: medium;
}

a.contact{
  color: red;
}


/*		scroll bar		*/


body {
scrollbar-base-color: rgb(10,92,10);
scrollbar-arrow-color: white;
scrollbar-track-color: #000000;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}