@media screen, projection {


html, body, #wrapper, wrapper2 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#3a3a3a;
}
html>body, html>body #wrapper, html>body #wrapper2 {
	height: auto;
}

div#wrapper {

	position: absolute;
	top: 0;
	left: 0;
	background:#fff;
	width:850px;
	border-left:2px #999 solid;
	border-right:2px #999 solid;
	left:50%;
	margin-left:-425px;
	
}

#header {

	position:relative; z-index:500;
	width: 100%;
	background-color:#f60b16;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}


#content {
	padding:20px;
	padding-top:0px;

}

h3{
	color:#f60b16;
	font-size:16px;
}


#menu{
	margin-top:10px;
	background-color:#f60b16;
	padding-top:5px;
	padding-bottom:5px;
	width:850px;
	text-align:center;	font-size:14px;
	
}


#menu a{

	color:#fff;
	text-decoration:none;
	margin-left:30px;

}


#menu a:hover{

	text-decoration:underline;
	
}

#pictures{

	width:830px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	clear:both;
}

#pictures img{
	margin-left:12px;
}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top:5px;
	padding-bottom:5px;

	background-color:#ccc;
	overflow:hidden;
	text-align:center;
	font-size:10px;
}

#footer a{
	color:#777;
	text-decoration:none;
}


#footer a:hover{
	text-decoration:underline;
}

#main {
	margin: 0;
	padding: 0;
}
/* \*/
* html #footer {
	position: absolute;
}
* html #main {
	padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
	position: absolute;
	z-index:0;
}
head:first-child+body div#main {
	padding-bottom:20px;
}

}

@media all and (min-width:0px) {
	head~body {height:100%;}
}