html, body { height: 100%; }
html { }
body { background: black url(../images/cloud.jpg) no-repeat center center; font: 11px/1.4 Arial, Helvetica, sans-serif; color: black; }

h2 { font-size: 130%; font-weight: bold; margin: 0 0 0.5em 0; }
p { margin: 0 0 0.5em 0; }

a { text-decoration: none; color: white; }
  a:hover { text-decoration: underline; }

img { border: 0; }

form .item { margin: 0 0 3px 0; }
  form .item label { display: block; float: left; width: 60px; clear: left; line-height: 1; padding-top: 4px; }
  form .item ._inner {  }
  
.cl { clear: left }

#container { width: 768px; height: 600px; position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -384px; background: url(../images/background.jpg); }
#footer { position: absolute; left: 50%; top: 50%; width: 758px; margin: 300px 0 0 -384px; color: white; padding: 5px; text-shadow: black 1px 1px 1px; }
  #footer .left { float: left; }
  #footer .right { float: right; }
  #footer span { margin-right: 10px; }
  #footer a { color: white; }

#nav { position: absolute; top: 20px; left: 0; color: white; padding: 0; font-size: 11px; font-weight: bold; margin: 0; }
  #nav li { display: block; list-style: none; padding: 0.5em 0 0.5em 20px; margin: 0; border-bottom: 1px solid white; }
  #nav li.last { border-bottom: none; }
  #nav a { color: white; }
    #nav a:hover,
 		#nav a.selected { text-decoration: none; color: #A3F474; }
  
#logo, #splash-logo { width: 149px; height: 118px; }
#logo { position: absolute; left: 317px; top: 15px; }
#splash-logo { position: absolute; left: 22px; top: 22px; }

#buy-now { position: absolute; top: -33px; left: 583px; }
  #buy-now img { width: 212px; height: 220px; }  	

#splash-content { position: absolute; color: #d1d6b6; right: 30px; top: 126px; width: 300px; height: 423px; text-align: right; }
  #splash-content form { margin: 35px 0 30px 45px; text-align: left; }

#notepaper { position: absolute; left: 274px; top: 162px; width: 510px; height: 490px; }
#content { position: absolute; left: 516px; width: 217px; top: 241px; height: 335px; overflow: hidden; }
  
#content-alt { position: absolute; background-color: #595F4D; color: #D7D8D4; left: 410px; top: 153px; width: 335px; height: 423px; overflow: hidden; }
  #content-alt strong { color: white; font-weight: bold; }
  #content-alt .content { position: absolute; top: 15px; left: 15px; width: 305px; height: 393px; overflow: hidden; }
	#content-alt .up { position: absolute; top: 15px; right: 15px; font-weight: bold; color: white; display: none; }
		#content-alt .up img, 
		#content-alt .down img { width: 8px; height: 12px; }
	#content-alt .down { position: absolute; top: 30px; right: 15px; font-weight: bold; color: white; display: none; }
	#content-alt .scrollable .scroll-enabled { margin-right: 20px; }
		#content-alt .scrollable .inner { margin-top: 0; }