body
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999;
	font-size: small;
	min-width: 900px;
	background-image: url(../images/background.gif);
}




/* fix for IE6 */
/* add zoom:1 to pos:relative elements */
#mainwrapper,
#picture_row {zoom:1;}
#mainwrapper

{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
}

#Menu
{
	margin: 0 75px -50px 0;
	padding: 10px;
	min-width: 900px;
	/*width: 100%;*/
	height: 12px;
	/*padding: 5px;*/
	text-align:right;
	line-height: 17px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width: 100%;*/
	font-variant: small-caps;
	font-weight: 800;
}
#Menu>a:visited { color: #ccc; }
#Menu>a:hover { color: #F60; }

/* fix negative margins for IE6 */
#Menu {position:relative; zoom:1;}

#Header
{
	
	height: 160px;
	margin: 50px 50px 0px 50px;
	padding: 10px;
	border-style: double;
	border-color: #444;
	border-width: 4px;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	/*background-image: url(images/logo.gif);*/
	background-repeat: no-repeat;
	background-color: black;
	/* top and bottom borders: 1px; left and right borders: 0px */
	background-position: center;
	min-width: 900px;
}




#Content
{
	margin: 5px 50px 50px 50px;
	padding: 10px;
	background-color: #000;
	height: 80%;
	border-style: double;
	border-color: #444;
	border-width: 3px;
	min-width: 900px;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	
}
a
{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: 700;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 7px 5px 5px 5px;
	border-style: none none none none;
}

.on {visibility:visible; color:#f60;}
.off{visibility:hidden;}

 h1
 {
 	color: #f60;
 	font-size: 12px;
 	text-decoration: none;
 	font-weight: 700;
 	font-family: verdana, arial, helvetica, sans-serif;
 	margin: 7px 5px 5px 5px;
 	border-style: none none none none;
 	text-align: center;
 	vertical-align: baseline;
 }
 

#pxbox
{
	min-width: 800px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
}
/* convert min height values for IE6*/
#pxbox {height:600px;}

#picture_row
{
	position: relative;
	height: 50%;
	min-width: 900px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #930;
	background-color: green;
}

#imgleft {float: left; padding: 0 20px 0 0;}
#imgright {float: right;}
#imgcenter
	{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    position: relative;
    border: 2px solid #444;
    }
    
/* add display:inline to floated elements IE6 fix */
#imgleft,
#imgright {display:inline;}


#center
{ 
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

img[alt="example_picture"]
{
	/*border: 2px solid green;*/
	margin: 2px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.wraptocenter * {
    vertical-align: middle;
}

/* from Stylin with CSS, page ... */
.clearfix:after
{
	content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */
	height: 0; /* ensure the period is not visible */
	clear: both; /* make the container clear the period */
	visibility: hidden; /* further ensures the period is not visible */
}

/* a fix for IE Mac */
.clearfix { display: inline-block; }


/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */