html {
	overflow:auto;
}
* {
	margin: 0; 
	padding: 0;
}

body {
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	color: #000;
}

a {
	color: #fff;
}

abbr {
	border: none;
}

dt {
	font-size: 4em;
}

img {
	border: none;
}

#topnav  {
	text-align: right;
}

#topnav img {
	border: 0;
}

#wrapper {
	background-color: #E2e9f0; 
	border: 1px solid #c3b097; 
	border-width: 1px 0; 
	padding: 1em 0;
}

#content {
	width: 800px; 
	margin: 0 auto;
}

#open {
	/*position: relative; top: 15px; left: 80px;*/ 
	margin: 2.5em 0 0 4.25em; 
	width: 274px;
}
	
#open a {
	height: 29px; 
	font-size: 1.25em; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	padding: 8px 0 0 15px; 
	background: transparent url("../images/buttons.png") no-repeat 0 0;
}

#open a:hover {
	color: #ccc; 
	text-decoration: underline; 
	background-position: left bottom;
}

#screenshot {
	clear: both; 
	background: #00366B url("../images/background.jpg") no-repeat top left; 
	height: 509px;
}

#developers {
	clear: both; 
	background: #00366B; 
}

#developers ol {
	padding: 10px 25px 10px 25px; 
	color: #fff; 
}

#developers li {
	padding-bottom: 15px; 
	color: #ccc; 
}
#developers li img{
	padding-top: 10px; 
}



#text {
	font-size: 1.25em; 
	width: 375px; 
	color: #fff; 
	float: right; 
	padding: 60px 10px 0 0;
}

#ptext {
	font-size: 1.25em; 
	/* width: 375px;  float: right; */  
	color: #fff; 
	padding: 25px; 
	background: transparent url("../images/top_bar.jpg") no-repeat top left;
}

#text h1, #ptext h1 {
	margin: 0 0 15px 0; 
	font-size: 2em; 
	height: 85px; 
}

#text h1 span em, #ptext h1 span em {
	font-style: normal;  
	display: block; 
	color: #ccc;
}

#text p,#ptext p {
	color: #ccc; 
	margin: .5em 0;
}

#text p strong,#ptext p strong {
	color: #fff; 
	font-weight: bold;
}


#morelinks {
	color: #fff; 
	background: #00366B url("../images/bottom_bar.jpg") no-repeat top left; 
	height: 45px; 
	text-align: center;
}

#morelinks ul {
	display: inline; 
	position: relative; 
	top: 10px;
}

#morelinks li {
	display: inline; 
}

#morelinks li a {
	color: #fff; 
	text-decoration: none; 
	font-size: 125%; 
	font-weight: bold; 
	padding: 0 25px;
}

#morelinks li a:hover {
	color: #ccc;
	text-decoration: underline;
}


#footer {
	clear: both; 
	background:#00366B; 
	color:#fff; 
	font-size: 11px; 
	line-height: 13px; 
	text-align: center;  
	padding: 3px 0 3px 0; 
	margin: 0 0 12px 0;
}
	
#footer a:link, #footer a:visited {
	padding:0 5px; 
	font-weight:bold; 
	color:#fff; 
	text-decoration: none;
}
	
#footer a:hover {
	text-decoration: underline;
}


#copyright {
	clear: both; 
	background:#fff; 
	color:#000; 
	font-size: 11px; 
	line-height: 13px; 
	text-align: center; 
	margin: 25px 0;
}
	
#copyright a:link, #copyright a:visited {
	padding: 0 2px; 
	font-weight: normal; 
	color: #000; 
	text-decoration: underline;
}
	
#copyright a:hover {
	color: #666;
}
	
.offscreen {
	position: absolute; 
	left: -9999px;
}