/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/2.0/  */

body {
	margin:0px;
	padding:0px;
	font-family: "Helvetica", sans-serif;
	color:white;
	background-color: #171717;
	}

#container {
   border: 1px solid #bbb;
   background-color: transparent;
   position: relative;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 0px;
   padding: 0px;
   text-align:left;
   voice-family: "\"}\""; 
   voice-family: inherit;
   width: 953px;
}

#logo {
   background-color: #000;
   height: 120px
   Position: absolute;
   left: 0px;
   border-right: 5px solid #171717;
  
}
#pageHeader {
   background: black;
   position: absolute;
   left: 235px;
   top: 0px;
   height: 120px;
}


#navbar {
   margin: 7px;
   width: 300px;
   height: 1.5em;
   line-height: 1.5em;
   font-size: x-small;
   text-align: center;
   background-color: #000;
   border-top: 0px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 0px solid #ccc; 
   position:relative;
   left: 0px;
}

/*  ----------------------------- top menu */

#footer {
   margin: 0px;
   width: 100%;
	height: 2em;
	line-height: 0em;
   font-size: small;
   text-align: center;
   background-color: #000;
   margin-top: 0px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #000;
   border-bottom: 1px solid #ccc; 
   position:relative;
   left: 5px;
}

#footer a:link, #footer a:active, #footer a:visited {
   color: #fff;
}

#footer ul li { display: inline; }

#footer ul li a
{
padding: .1em 1.5em;
}

#footer li.active {background-color:#333;
}

#footer ul li a:hover { text-decoration:none; 
background-color:grey;
}

/*  ----------------------------- end top menu */


ul.gallery li {
		float: left;
        display: inline;
        list-style: none;
        width: 320px;
        min-height: 175px;
        margin: 0px 15px 15px 0px;
        text-align: center;
	}

p {
	margin:0px 0px 16px 0px;
	padding:10px;
	}

#Content>p {margin:0px;}

#Content>p+p {text-indent:30px;}

a {
	color:white;
	padding:0px;
	text-decoration:none;
	font-weight:300;
	font-family: "verdana", "arial", sans-serif;
	}

a:link {color:white;}

a:visited {color:white;}

a:hover {background-color:#404040;}

#intro {
   padding: 0;
}


#Content {
   position:relative;
   left: 35px;
   top: 10px;
   padding: 0px;
   width: 712px;
   height: auto; 
   font-size: x-small;
   margin:5px 5px 20px 200px; 
   display: block;
   border-left: 1px solid #ccc;
   border-top: 1px solid #ccc;
   color: #fff;
}


#Menu2 {
	position:absolute;
	top:135px;
	left:10px;
	width:215px;
	padding:1px;
	background-color:black;
	border:1px solid #eee;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:215px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:215px;}

#Menu3 {
	position:absolute;
	top:550px;
	left:10px;
	width:215px;
	padding:1px;
	background-color:black;
	border:1px solid #eee;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:215px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:215px;}

#Menu4 {
position:absolute;
top:600px;
left:10px;
width:190px;
padding:1px;
background-color:black;
border:1px solid #eee;
line-height:17px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:190px;
}
/* Again, "be nice to Opera 5". */
body>#Menu {width:190px;}

/*  ------------------------------ tag */

#footer2 {
   margin: 0px;
   width: 953px;
   height: 2em;
   font-family: futura, sans-serif;
   line-height: 2em;
   font-size: x-small;
   text-align: center;
   background-color: #000;
   margin-top: 0px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc; 
   position:relative;
   left: 0px;
   top: 0px;
}