@charset "utf-8";
/* CSS Document */
#flashContent
	{
		width:100%;
		text-align:center;
		top:0;
	}
#flashContent.ob-10 object
	{
		margin-top:10px;
	}
html
	{
		min-width:750px;
		background:url(images/bg.jpg) top #000;
	}
a,
a:active,
a:focus
	{
		outline:none;
	}
.wrapper
	{
		width:650px;
		text-align:center;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-325px;
	}
.new
	{
		z-index:3;
		text-align:center;
		width:144px;
		height:144px;
		background:url(images/new.png) no-repeat 0 0;
		position:absolute;
		top:0;
		left:0;
	}
.cdbg
	{
		z-index:3;
		text-align:center;
		width:750px;
		height:300px;
		padding:100px 0px;
		background-image:url(Scripts/cdbg.png);
		position:relative;
		left:50%;
		top:-20px;
		margin-left:-375px;
	}
.new object
	{
		margin:10px 0 0 0;
	}
.top
	{
		width:750px;
		height:106px;
		background: url(images/top.png) no-repeat;
		text-align:center;
		position:absolute;
		top:-106px;
		left:50%;
		margin-left:-375px;
	}
#join.top img
	{
		margin:70px 0 0 0;
	}
#tosh1,
#tosh2
	{
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
	}
#tosh1
	{
		color:#444444;
		font-size:20px;
		padding:8px 0 2px 0;
	}
#tosh2
	{
		color:#666666;
		font-size:14px;
		padding:0 0 8px 0;
	}
div.mid img#hr
	{
		margin:2px;
	}
div.mid div#ss
	{
		display:block;
		position: relative;
		width:620px;
		height:220px;
		padding:0 0 0 14px;
		margin:0 0 -60px 0;
	}
div.mid a#ss1,
div.mid a#ss2,
div.mid a#ss3
	{
		display:block;
		height:247px;
		width:190px;
		float:left;
		color:#333;
		text-align:left;
		text-decoration:none;
		font-weight:bold;
		padding-left:10px;
		margin:0 0 -100px 0;
	}
div.mid span#num em
	{
		display:inline-block;
		font-size:20px; 
		font-weight:bold;
		color:#fff;
		display:inline-block;
		background: url(images/ring.png);
		width:27px;
		height:27px;
		padding:2px 2px 0 0;
		margin:0 -3px 0 0;
	}
div.mid em#dir      {background:url(images/gul.png) 0 13px no-repeat;color:#498E37;}
div.mid div#ss		{z-index:5;}
div.mid div#sd1,
div.mid div#sd2,
div.mid div#sd3		{width:180px;height:103px;float:left;z-index:3;margin:0 0 -113px 0; padding:10px;}
div.mid div#sd1 img,
div.mid div#sd2 img,
div.mid div#sd3	img {margin:20px 0 0 0;}
div.mid a#ss1		{background:url(images/screenshots.png)  0      10px  no-repeat;}
div.mid a#ss1:hover	{background:url(images/screenshots.png)  0 	 -227px no-repeat;color:#999;}
div.mid a#ss2		{background:url(images/screenshots.png) -200px  10px  no-repeat;}
div.mid a#ss2:hover	{background:url(images/screenshots.png) -200px -227px no-repeat;color:#999;}
div.mid a#ss3		{background:url(images/screenshots.png) -400px  10px  no-repeat;}
div.mid a#ss3:hover	{background:url(images/screenshots.png) -400px -227px no-repeat;color:#999;}
div.mid div#hr		{background:url(images/hr3.png) 0 30px no-repeat;z-index:7;width:630px;height:100px;
					 color:#c04143;font-weight:bold;padding-top:33px;font-size:18px;position:absolute;margin:-20px 0 0 0;}
ul.list
	{
		margin:0;
		padding:0;
	}
ul#list2
	{
		width:400px;
		text-align:left;
		margin:0 0 0 100px;
	}
ul.list li
	{
		color:#528528;
		font-size:12px;
		font-weight:bold;
		margin:2px 0 0 0;
		padding:0px 0 4px 18px;
		list-style:none;
		background:url(images/tick1.jpg) 2px 1px no-repeat;
	}
ul#list2 li
	{
		padding:0 0 0 30px;
	}
ul.list li:hover
	{
		color:#345f10;
		text-decoration:underline;
		cursor:default;
		background:url(images/tick1.jpg) 2px 1px no-repeat #e1f6cf;
	}
ul.list em,
p#tos2 em,
#tosh1 em,
#tosh2 em
	{
		color:#1A67AD;
	}
p#tos2 strong
	{
		color:#044B8B;
	}
p#tos2
	{
		padding:0 25px;
		font-size:12px;
	}
div#cw_l
	{
		width:300px;
	}
div#cw_r
	{
		width:280px;
	}
div#cw_l,
div#cw_r
	{
		margin:70px 0 0 15px;
		z-index:8;
		float:left;
		text-align:left;
		position: relative;
	}
.ct1 a,
.ct2 a
	{
		display:block;
		height:80px;
		width:530px;
		text-align:center;
		bottom:0;
	}
.ct1            {margin:220px 0 0 50px;}
.ct2            {margin: 20px 0 0 50px;}
.ct1 a			{background:url(images/cont.png) 0  0     no-repeat;}
.ct1 a:hover	{background:url(images/cont.png) 0 -79px  no-repeat;}
.ct1 a:active	{background:url(images/cont.png) 0 -162px no-repeat;}
.ct2 a			{background:url(images/reg.png)  0  0     no-repeat;}
.ct2 a:hover	{background:url(images/reg.png)  0 -79px  no-repeat;}
.ct2 a:active	{background:url(images/reg.png)  0 -162px no-repeat;}
.mid
	{
		padding:30px 60px 0 60px;
		width:630px;
		text-align:center;
		position:relative;
		top:70px;
		background:url(images/mid.png);
		left:50%;
		margin-left:-375px;
		font:14px Arial, Helvetica, sans-serif;
	}
.btm
	{	
		width:750px;
		height:106px;
		background: url(images/btm.png) no-repeat;
		bottom:-106px;
		text-align:center;
		position:absolute;
		left:50%;
		margin-left:-375px;
	}
	
.header
	{
		width:100%;
		height:114px;
		background:url(images/bg_01.png) top no-repeat;
	}
.body
	{
		padding:0px 20px 0 0;
		width:630px;
		background:url(images/bg_02.png) repeat-y;
	}
.footer
	{
		width:100%;
		height:70px;
		background:url(images/bg_03.png) top no-repeat;
		margin:0 0 50px 0;
	}
.search
	{
		text-align:right;
	}
.body p.thx,
.body p.wrk
	{
		text-align:center;
		color:#666;
	}
.body p.wrk
	{
		font-size:12px;
		margin:20px 0 0 0;
		font-weight:bold;
	}
.body  p.thx
	{
		font-size:30px;
		margin:0 0 0 0;
	}
.pad
	{
		padding:100px 10px 100px 10px;
	}

.form
	{
		padding:10px 0 0 26px;
		color:#333;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
.form span
	{
		margin:0;
		padding:0;
		color:#c00;
	}
.form p.sub
	{
		display:block;
		padding:10px 0 14px 1px;
		margin:0;
		width:200px;
		text-align:left;
	}
.form p.subo
	{
		position:absolute;
		float:left;
		display:block;
		padding:10px 0 0 1px;
		margin:-43px 0 0 190px;
		text-align:left;
	}

.search input.box {
	margin:0 0 0 10px;
	color: #999;
	padding:7px 10px 3px 10px;
	font-size: 14px;
	width: 400px;
	height: 20px;border: none;
	background: url(formbg.png) no-repeat left top;
}
.search input.box:hover {
	background: url(formbg.png) no-repeat left -33px;
	color: #000;
	outline: none;
}
.search input.box:focus {
	background: url(formbg.png) no-repeat left -66px;
	color: #000;
	outline: none;
}
.search div.termsbg
	{
		background: url(textarea.png) no-repeat left top;
		padding:7px;
		position: inherit;
		height:126px;
		z-index:1;
	}
.search div.terms {

	width:586px;
	height:116px;
	color:#999;
	overflow : auto;
	text-align:left;
	z-index:2;
}

.search a.submit,
.search a.reset
	{
	float:right;
	margin:0 14px 0 0px;
	display:block;
	font-size: 14px;
	width: 131px;
	height: 23px;
	}
.search a.submit {background: url(submit.png) no-repeat left top;}
.search a.submit:hover {background: url(submit.png) no-repeat left -23px;}
.search a.submit:active {background: url(submit.png) no-repeat left -46px;}
.search a.reset {background: url(reset.png) no-repeat left top;}
.search a.reset:hover {background: url(reset.png) no-repeat left -23px;}
.search a.reset:active {background: url(reset.png) no-repeat left -46px;}