/*::::::::::::::::::::::::::::::::::::::::
main css styles for GameComm beta

last updated on 10.02.2007
::::::::::::::::::::::::::::::::::::::::*/


/*::::::::::::::::::::::::::::::::::::::::
Initial Conditions
::::::::::::::::::::::::::::::::::::::::*/
img {
	display: block;
}

a {
	text-decoration: none;
}


/*::::::::::::::::::::::::::::::::::::::::
Main Site Layout
::::::::::::::::::::::::::::::::::::::::*/
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #404040 /*url(../img/texture.gif) top left repeat*/;
	color: #cccccc;
	font: 11px Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}

div#texture {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	background: transparent url(../img/gradienttest.jpg) top left repeat-x;
}

div#container {
	margin: 0 auto;
	padding: 0;
	text-align: justify;
	width: 750px;
}

div#downloadBox {
	margin: 50px 0 0 0;
	padding: 0;
	background: #000 url(../img/boxgradienttest.jpg) bottom left repeat-x;
	position: relative;
	height: 200px;
}

div#registerBox {
	margin: 20px 0 0 0;
	padding: 0;
	background: #000 url(../img/boxgradienttest.jpg) bottom left repeat-x;
	position: relative;
	height: 200px; 
}

div#connectBox {
	margin: 20px 0 0 0;
	padding: 0;
	background: #000 url(../img/boxgradienttest.jpg) bottom left repeat-x;
	position: relative;
	height: 200px;
}    

h2#download {
	margin: 0;
	padding: 0;
	background: transparent url(../img/downloadbkgdtest.gif) top no-repeat;
	height: 200px;
	text-indent: -9999px;
}

h2#register {
	margin: 0;
	padding: 0;
	background: transparent url(../img/registerbkgdtest.gif) top no-repeat;
	height: 200px;
	text-indent: -9999px;
}

h2#connect {
	margin: 0;
	padding: 0;
	background: transparent url(../img/connectbkgdtest.gif) top no-repeat;
	height: 200px;
	text-indent: -9999px;
}



/*::::::::::::::::::::::::::::::::::::::::
Content Layout
::::::::::::::::::::::::::::::::::::::::*/
.orbs {
	display: inline;
	position: absolute;
	top: 53px;
	left: 67px
}

.arrows {
	background: transparent url(../img/arrow.gif) top left no-repeat;
	width: 800px;
	height: 20px;
	position: absolute;
}


/****Download****/
#down_content {
	margin: 0;
	padding: 20px 131px 0 20px;
	border-left: 1px solid #242424;
	width: 360px;
	height: 180px;
	display: inline;
	position: absolute;
	top: 0;
	right: 0;
}

* html #down_content {
	width: 512px;
	height: 200px;
	w\idth: 360px;
	he\ight: 180px;
}

p a:link {
	color: #98CB33;
}

p a:hover {
	text-decoration: underline;
}

p a:visited {
	color: #638818;
}

#down_btn {
	margin: 0;
	padding: 0;
	background: transparent url(../img/download_btn.jpg) top right no-repeat;
	width: 70px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 40px;
	right: 38px;
}

/****Register****/
#reg_content {
	margin: 0;
	padding: 10px 131px 0 20px;
	border-left: 1px solid #242424;
	width: 360px;
	height: 190px;
	display: inline;
	position: absolute;
	top: 0;
	right: 0;
}

* html #reg_content {
	width: 512px;
	height: 190px;
	w\idth: 360px;
	he\ight: 190px;
}

#warning {
	margin: 0;
	padding: 0 0 0 21px;
	background: transparent url(../img/warning.gif) top left no-repeat;
	font-size: 11px;
	line-height: 16px;
	color: #FF2200;
	position: absolute;
}

#information {
	margin: 0;
	padding: 0 0 0 21px;
	background: transparent url(../img/info.gif) top left no-repeat;
	font-size: 11px;
	line-height: 16px;
	color: #00CC33;
	position: absolute;
}

#form {
	margin: 0;
	padding: 33px 0 0 0;
	text-align: right;
}

#form ul {
	margin: 11px 0 11px 0;
	padding: 0;
	list-style: none;
}

* html #form ul {
	margin: 0 0 10px 0;
	marg\in: 0 0 10px 0;

}

#form ul li {
	margin: 5px 0 0 0;
	padding: 0;
}

#reg_btn {
	position: relative;
	left: 93px;
	bottom: 33px;
}

.asterisk {
	width: 12px;
	height: 20px;
	position: absolute;
}

/****Connect****/
#conn_content {
	margin: 0;
	padding: 23px 131px 0 20px;
	border-left: 1px solid #242424;
	width: 360px;
	height: 177px;
	display: inline;
	position: absolute;
	top: 0;
	right: 0;
}

* html #conn_content {
	width: 512px;
	height: 200px;
	w\idth: 360px;
	he\ight: 170px;
}


#conn_btn {
	margin: 0;
	padding: 0;
	background: transparent url(../img/connect_btn.jpg) top right no-repeat;
	width: 70px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 40px;
	right: 38px;
}


/*::::::::::::::::::::::::::::::::::::::::
Footer
::::::::::::::::::::::::::::::::::::::::*/
#footer {
	margin: 10px 0 30px 0;
	padding: 0;
	position: relative;
}


/*::::::::::::::::::::::::::::::::::::::::
Navigation Menu
::::::::::::::::::::::::::::::::::::::::*/
#menu {
	margin: 0;
	padding: 0;
	height: 20px;
	position: relative;
}

#menu ul {
	margin: 0;
	padding: 0;
	height: 18px;
	width: 506px;
	position: absolute;
	right: 0;
}

#menu ul li {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#menu ul li a {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}

#Download { right: 99px; }
#Register { padding: 0 0 0 15px; border-left: 1px solid #999999; right: 20px; }

#About a:hover { color: #cccccc; }
#Download a:hover { color: #cccccc; }
#Register a:hover { color: #cccccc; }


/*::::::::::::::::::::::::::::::::::::::::
Copyright
::::::::::::::::::::::::::::::::::::::::*/
#copyright {
	font-size: 9px;
	color: #777777;
	position: absolute;
	top: 0px; /*5px*/
	left: 11px;
}