body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	background-color:transparent;
	}
h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	color:#ccc;
	background-color:transparent;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
/* #Content>p+p {text-indent:30px;} */

a {
	color:#09c;
	background-color:transparent;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;
		 background-color:transparent;}
a:visited {color:#07a;
			 background-color:transparent;}
a:hover {background-color:white;
		  color:#09c; }

#Header {
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:25px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;
	color:#eee;

/* Hack for IE. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	/* height:80px; /* the correct height */
	}
/* be nice to Opera 5. 
body>#Header {height:80px;}*/

#Header 
li {
    margin: 0 1% 0 0;
    padding: 0 0 0 0;
    position:relative;
    /*bottom:10px;*/
    font-size: 12px;
    width: 10%;  
    float: right;
    /*text-align:right;*/
    list-style: none;
  }    
#Header .slogan {
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
  color: #fff;
  font-size:18px;
  font-weight:900;
  color:#ccc;
  background-color:transparent;
  white-space: nowrap;  
  float: left;
}
#Header .links {
  margin: 0;
  padding: 0 60px 0 0;
  text-align: right;
  white-space: nowrap;  
  float: right;
}
  
  #Gallery 
  {
  	width: 100%;
  	height: 600px;
  	/*
  	margin:0px 0px 0px 0px;
	padding:10px;
	background-color: #222;
*/
	}
  	
#Content {
	margin:0px 50px 10px 200px;
	padding:10px;
	}

p.list {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	font-size:12px;
	line-height:12px;
	}
p.code {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-size:10px;
	line-height:10px;
	white-space:pre;
}
p.tagline {
	clear:both;
	color:#09c;
	background-color:transparent;
	text-align : right;
	margin:0px 50px 0px 0px;
	padding: 0px 10px 0px 0px;
	
	}

#taglinediv      { 
  margin: 0px 0px 0px 0px;
  clear: both; 
  text-align: right;
  padding: 0 }

	
#menu {
	position:relative;
	float:left;
	left:20px;
	width:172px;
	margin:10px 0 0 0;
	padding:10px;
	background-color:#eee;
	color: #000;
	border-top: solid 2px #cccccc;
	border-left: solid 2px #cccccc;
	border-right: solid 2px #666666;
	border-bottom: solid 2px #666666;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
	/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}
	
a.vmenu {
	width: 150px;
	display: block;
	font:10px verdana, arial, georgia, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 1px 0px 1px 5px;
	color: #09c;
	text-decoration:none;
	background-color : transparent;
	border: 1px solid White;
	text-align : left;
	font-weight : bold;
}
a.vmenu:hover {
	font:10px verdana, arial, georgia, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	color: #ccc;
	text-decoration:none;
	background-color : White;
	border: 1px solid White;
	text-align : left;
	font-weight : bold;
}

#section      { 
  margin: 0;
  clear: right;
  background-color: #eee;
  color:#eee; 
  text-align: left;
  border-style:solid;
  border-color:black;
  border-width:1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
  padding: 2px }

#section p {
	font-size:18px;
	line-height:18px;
	font-weight:900;
	color:#ccc;
	background-color:transparent;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
#footer      { 
  margin: 0px 0px 0px 0px;
  clear: both; 
  background-color: #eee;
  color:eee; 
  text-align: right;
  border-style:solid;
  border-color:black;
  border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
  padding: 0 }

#footer p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	color:#CCC;
	background-color:transparent;
	margin:0px 50px 0px 0px;
	padding: 0px 10px 0px 0px;
	}
	
img.left-floating {
float: left;
border:none;
}
img.right-floating {
float: right;
border: none;
}