html,body { 
	margin: 0; 
	padding: 0;
	background: black; 
	height: 100% 
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}
.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-top: -1px;	
}


/**
 *  Main layout
 */
 
#wrap-main {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;	
}
#wrap-footer {
	position: relative;
	margin-top: -2.8em;	
	padding-top: 2px;
}


/**
 *  Main menu
 */

#wrap-menu {
	position: relative;
	width: 900px;
	margin: 0 auto;	
}
#menu {
	padding: 5px 10px;
	font-size: 0.8em;
	float: right;
}
#menu a {
	color: #D8D8D8;
	text-decoration: none; 		
}
#menu a:hover {
	color: #FFFFFF;
}
#menu img {
	margin: 0 8px;
	border: 0;
}


/**
 *  Content
 */

#content { 
	position: relative;
	text-align: center;
	line-height: 1.8em;
	padding-bottom: 40px;
}
#content h1 {
	color: #5db6b5;
	margin-top: 1.8em;
	font-size: 2.5em;
	line-height: 1.8em;
	font-weight: normal;	
}
#content p {
	margin-bottom: 1.8em;	
}
#content a {
	color: #76e4e3;
}
#center-panel {
	text-align: left;
	width: 24em; 
	margin: 1em auto; 
	padding-top: 2em; 
	border-top: 1px solid #818181;	
}


/**
 *  Footer
 */

#footer {
	position: relative;	
	font-size: 0.8em;
	text-align: center;
	color: #818181;
	padding: 0.8em 0 0 0;
	border-top: 1px dashed #818181;
}
#footer a { 
	text-decoration: none; 
	color: #818181; 
}
#footer a:hover { 
	color: #D8D8D8; 
}


/**
 * Rounded corner panels
 */

.panel {
	position: relative;	
}
.corner {
	position: absolute;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;	
	background-repeat: no-repeat;		
}
.left-top {
	left: 0;
	top: 0;
	background-position: left top;	
}
.right-top {
	right: 0;
	top: 0;
	background-position: right top;	
}
.left-bottom {
	left: 0;
	bottom: 0;	
	background-position: left bottom;	
}
.right-bottom {
	right: 0;
	bottom: 0;	
	background-position: right bottom;	
}

/* Blue panel */

.blue {	
	background: #0f5b59;		
}
.blue .corner {
	width: 6px;
	height: 6px;
	background-image: url('../img/blue-corners.gif');		
}

/* Grey panel */

.grey-wrap {
	background: url('../img/grey-top.gif') repeat-x #6e6e6e;
}
.grey {
	background: url('../img/grey-left.gif') repeat-y;
	padding: 3px;
}
.grey .corner {
	width: 3px;
	height: 3px;	
	background-image: url('../img/grey-corners.gif');
}


/**
 *  Forms
 */

.grey input {
	color: #FFFFFF;
	background: #6e6e6e; 
	border: none;
	outline: none;
	paddind: 0;
	margin: 0;
}
.blue input {
	color: #FFFFFF;
	background: #0f5b59; 
	border: none;
	outline: none;
	padding: 3px 6px;
	margin: 0;
	font-size: 0.8em;
}