/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background: #000000;
	  padding:0;
      color: #cFcFcF;

      font-size: 80%; }


#container {margin-right:auto; 
            margin-left:auto;
			width: 712px;
			padding: 40px 0px 0px 0px}
			
#container2 {margin-right:auto; 
            margin-left:auto;
			width: 750px;
			padding: 40px 0px 0px 0px}			


#topnav {padding: 20px 0px 20px 5px; color: #cFcFcF; font-size:1.2em; font-weight:bold;}
#topnav a:link {color:#FFFFFF; text-decoration:none;  padding-right: 20px; }
#topnav a:visited {text-decoration: none; color:#FFFFFF;  padding-right: 20px;}
#topnav a:hover   {color: #FFFFFF; text-decoration: underline; padding-right: 20px;  }
#topnav a:focus {color: #FFFFFF; text-decoration: none; padding-right: 20px;}
#topnav a:active {color: #FFFFFF; text-decoration: none; padding-right: 20px;}

			
#footer {text-align:center; font-size:0.9em; padding: 20px 0px 0px 0px}
		   		   
	   
   
#content {margin: 0px 0px 0px 0px; padding:20px 0px 20px 0px; border:solid #FFFFFF; border-width:1px 0px 1px 0px; }		   
	
			
.imagespace {padding: 0px 20px 20px 0px}			


 	 
#gallery {padding: 10px 0px 0px 20px}

#gallery2 {padding: 10px 0px 0px 10px}



/* Heading Text and Links --------------------------------------------------*/
h1 { font-size: 1.3em; color: #cFcFcF;   margin: 0px 0px 0px 0px; padding: 5px 5px 5px 23px; border:solid #FFFFFF; border-width:0px 0px 1px 0px;}

h2 { font-size: 1.2em; color: #cFcFcF;    margin: 0px 0px 0px 0px; padding: 0px 0px 5px 5px; font-weight:normal }

h3 { font-size: 1.1em; color: #333333; background-color: #FFFFFF; margin: 0px 0px 5px 0px; font-weight:bold; }

p {margin: 0px 0px 0px 0px; padding: 0px 0px 20px 5px;       font-family: "Century Gothic", "Trebuchet MS", sans-serif;}

.headpush {padding: 0px 0px 0px 5px}
#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.heading {padding: 0px 0px 20px 0px}



hr {width:99%; height:1px; color:#cccccc; border:0; margin: 15px 0px 15px 0px; }


/* Links --------------------------------------------------*/
a:link { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover {color: #f1e540; text-decoration: underline; }
a:focus {color: #FFFFFF; text-decoration: underline; }
a:active {color: #FFFFFF; text-decoration: underline; }


.prev {float: left; width: 150px; padding: 0px 0px 0px 30px }
.next {float: right; width: 150px; padding: 0px 30px 0px 0px; text-align:right }




/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

 
* html #content {
  height: 1%;
  margin-left: 0;}
* html #footer {
  height: 1%;
  margin-left: 0;}		
   

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{cursor: default;
	list-style: none;}

.hoverbox a
{cursor: default;}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -123px;
	left: -130px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 150px;
}

.hoverbox span
{
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 300px;
	height: 450px;
}

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -128px;
	left: -125px;
}

* html .hoverbox span
{
	position: static;
}



/* =Hoverbox Code Covers
----------------------------------------------------------------------*/  
  
.hoverbox2
{cursor: default;
	list-style: none;}

.hoverbox2 a
{cursor: default;}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -123px;
	left: -130px;
	z-index: 1;
}

.hoverbox2 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 175px;
	height: 227px;
}

.hoverbox2 span
{
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	position: relative;
}

.hoverbox2 .preview
{
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 350px;
	height: 454px;
}

* html .hoverbox2 a
{
	position: relative;
}

* html .hoverbox2 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox2 a:hover .preview
{
	top: -128px;
	left: -125px;
}

* html .hoverbox2 span
{
	position: static;
}  









.hoverbox3
{cursor: default;
	list-style: none;}

.hoverbox3 a
{cursor: default;}

.hoverbox3 a .preview
{
	display: none;
}

.hoverbox3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -123px;
	left: -130px;
	z-index: 1;
}

.hoverbox3 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 220px;
	height: 150px;
}

.hoverbox3 span
{
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	position: relative;
}

.hoverbox3 .preview
{
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 690px;
	height: 480px;
}

* html .hoverbox3 a
{
	position: relative;
}

* html .hoverbox3 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox3 a:hover .preview
{
	top: -128px;
	left: -125px;
}

* html .hoverbox3 span
{
	position: static;
}