/* CSS Document */

body {background-color: #101010; }

div#container {
 width:1000px;
 margin: 0 auto;
 height: 618px;
 border: 1px solid #000000; 
}
.navigation{position: absolute; top: 32px;  width:1000px; padding: 0px; margin: 0 auto; 
border: 0px; line-height: 100%; background-color: #000000; height: 75px; }

.menubar { width:820px; vertical-align: middle
  
}

div#listmenu {
	width: 800px; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
		font-size: 0.9em;	/* SET FONT-SIZE HERE */
	font-family: century gothic, Verdana, sans-serif ;
	text-transform:uppercase;
	color: #cfcfcf;
	padding: 0;
	margin: 0;
	border: 0;
	overflow:hidden

	}
div#listmenu ul {margin:0 0;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color: transparent; /*sets the background of the menu items */
	}
div#listmenu li:first-child {
	}
div#listmenu li:last-child {
	}
div#listmenu li:hover { 
	background-color: transparent /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 12px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#cfcfcf;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#e5004b;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	font-family: trebuchet MS, Verdana, sans-serif ;
	text-transform: capitalize; font-size: 9pt;
		


	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
		padding:10px 3px 5px;
		z-index: 100

	}
div#listmenu ul li ul li:first-child {
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */


.submenubar, .submenubar a:link, .submenubar a:visited{color: #282828; background-color:#000000; align:center; height: 20px; font-size:11.0pt; 
font-family:century gothic, Verdana, sans-serif ;  font-variant: none; width:1000px;
text-transform:uppercase;text-decoration:none;  
}

.submenubar a:hover, .submenubar a:active{color: #e5004b; background-color:#000000; align:center; height: 20px; font-size:11.0pt; 
font-family:century gothic, Verdana, sans-serif ;  font-variant: none; width:1000px;
text-transform:uppercase;text-decoration:none;  
}


#stonebar{position: absolute; top: 106px; width:1000px; height: 34px; padding: 0px; margin: 0 auto; 
border:0; background-color: #110d0c; float:clear; display: block; overflow:hidden;   }

.title{position: absolute; top: 279px; width:1000px; vertical-align: middle; height: 34px; padding: 0px; margin: 0 auto; float:right;
  opacity:0.6;filter:alpha(opacity=60);moz-opacity:0.6}

#homebox{position:absolute; top: 309px; width: 1000px;  height: 236px; padding: 0; margin: 0 auto; 
 float:clear; display: block; overflow:hidden; vertical-align: middle;
  font-weight: 595; background-color: #000000; border-bottom:1px solid #101010; 
 }

.hbtext{font-size: 9pt; font-family: trebuchet MS; line-height: 120%;  color: #888888; position:absolute; top: 309px;width: 1000px;  height: 236px; padding: 0; margin: 0 auto; 
vertical-align: middle}
 
 .stdtext{font-size: 9pt; font-family: trebuchet MS; line-height: 120%;  color: #888888;}
  .smalldarktext{font-size: 7pt; font-family: trebuchet MS; line-height: 100%;  color: #282828;}
 
 .button{background-color: #888888; color: #000000; font-size:8pt; font-family: century gothic, sans-serif;  text-transform:uppercase; 
 border-style:outset;
border-color:#404040}

.textarea{background-color: #cfcfcf; color: #000000; font-size:9pt; font-family: trebuchet ms, sans-serif;  text-transform:capitalize; 
 border-style:inset;
border-color:#404040}

.monotitle{position: absolute; top: 109px; width:1000px; vertical-align: middle; height: 34px; padding: 0px; margin-right: 0 auto; float:right;
  opacity:0.6;filter:alpha(opacity=60);moz-opacity:0.6
 }
#monobox{position:absolute; top: 139px; width: 1000px;  height: 405px; padding: 0; margin: 0 auto; 
 float:left; display: block; overflow:hidden; vertical-align: middle; border-bottom:1px solid #101010;
   background-color: #000000;  
 } 
 
 #monoboxleft
 {position:absolute; top: 105px; width: 236px;  height: 440px; padding: 0; margin-left: 0px; 
 float:left; display: block; overflow:hidden; vertical-align: middle;
   background-color: #000000; opacity:0.65;filter:alpha(opacity=65);moz-opacity:0.65;
 } 
 
 .mbtext{font-size: 9pt; font-family: trebuchet MS; line-height: 120%;  color: #888888; position:absolute; top: 161px;width: 1000px;  height: 440px; padding: 0; margin: 0 auto; 
vertical-align: middle}

#footer {
width: 1000px;
margin: 0 auto;
height: 90px;
text-align: center;
position:absolute;
top: 544px; 
border-top:1px solid #101010; vertical-align: middle}

.cellop{opacity:0.65;filter:alpha(opacity=65);moz-opacity:0.65; }
.navop{opacity:0.45;filter:alpha(opacity=45);moz-opacity:0.45; }
 
.extrafooter { margin: 0 auto; width: 1000px; float: right
}


h1 {font-size: 20pt; font-family: century gothic; line-height: 100%; text-align: right; text-transform: uppercase; color: #888888; font-weight: normal;letter-spacing:1px;
text-decoration:underline}
.h2{color: #404040; float:left; display: inline; overflow:hidden;  font-weight: normal; font-size:8pt; font-family: century gothic, sans-serif; line-height: 100%; text-transform:uppercase;
 text-decoration:none; }

hr {border: 0; color: #404040; background-color: transparent; height: 1px; width: 100%; text-align: center; margin: 0; padding: 0}

.scrollbar{scrollbar-base-color: #000000;
 scrollbar-track-color: #070707;
 scrollbar-face-color: #0e0e0e;
 scrollbar-highlight-color: #282828;
 scrollbar-3dlight-color: color;
 scrollbar-darkshadow-color: color;
 scrollbar-shadow-color: color;
 scrollbar-arrow-color: #cfcfcf;}
 
 
 
a:link, a:visited {	color: #cfcfcf; ; font-weight: bold;text-decoration:none}
a:hover, a:active { color: #e5004b; text-decoration:none}