/* Global */
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
img{
	border: none;
}
.clear {
	clear: both;
}
body{
	background: url('/_images/bg.jpg') repeat-x 0px 0px;		
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
/* wrapper */
#wrapper{
	width: 1000px;
	margin: 0 auto;	
	padding-bottom: 50px;
}
/* home template */
#home{
	width: 1000px;
	height: 567px;
	padding-top: 58px;
	position: relative;
}
	#home #logo{
		display: block;
		margin: 0 auto;			
	}
	#input{
		margin: -28px 0px 0px 99px;
		position: relative;
		width: 377px;
		height: 230px;
		background: url('/_images/roundcont.jpg') no-repeat 0px 0px;	
	}
	.error{
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding-top: 8px;
		color: red;	
	}
	#input p{
		position: absolute;
		top: 33px;
		left: 49px;
		width: 280px;
		color: #666666;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	input[type=text]{
		width: 262px;
		padding-left: 5px;
		border: none;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background-color: transparent;
		position: absolute;
		left: 55px;
		top: 97px;
	}
	#home input[type=submit]{
		border: none;
		width: 114px;
		height: 57px;
		background: url('/_images/btn-enter.png') no-repeat 0px 0px;
		cursor: pointer;	
		position: absolute;
		top: 153px;
		left: 132px;
	}
	/* content area */
	#home #content{
		position: relative;
		width: 389px;
		padding: 50px 0px 0px 26px;
		border-left: 1px solid #CCC;
		position: absolute;
		top: 206px;
		left: 500px;
	}
	#home #content p, p.shift{
		font-size: 14px;
		color: #333;
		line-height: 22px;	
		margin-bottom: 15px;
	}
	#home #content p a{
		color: #333399;	
	}
	#home #content p.shift{
		text-indent: 123px;	
	}
	#home #content p span{
		margin-left: 123px;	
	}
	#home #content ul{
		margin-bottom: 20px;	
	}
	#home #content ul li{
		list-style-type: none;	
		font-size: 14px;
		padding-left: 17px;
		color: #333;
		line-height: 22px;
		background: url('/_images/orangearrow.jpg') no-repeat 0px 5px;		
	}
	#home #content img{
		position: absolute;	
	}
	#i1{
		top: 54px;
		left: 26px;	
	}
	#i2{
		top: 135px;
		left: 26px;	
	}
	#i3{
		top: 325px;
		left: 26px;	
	}
/* survey template */
#survey{
	width: 1000px;
	padding-top: 138px;
	position: relative;
}
	#survey #logo{
		position: absolute;
		top: 55px;
		left: 99px;	
	}
	#survey #scope{
		position: absolute;
		top: 39px;
		right: 108px;	
	}
	#survey h1{
		padding-left: 10px;
		width: 800px;
		height: 37px;
		margin: 0px 0px 1em 100px;
		background-color: #d9f3fd;	
		font-size: 24px;
		line-height: 37px;
		color: #666666;
	}
	#survey h2{
		margin: 0px 0px 1em 100px;		
		font-size: 24px;
		color: #666666;	
	}
	#survey h3{
		font-size: 18px;
		color: #333;
		margin-bottom: 1em;	
	}
	#survey p{
		line-height: 18px;
		font-size: 14px;
		color: #333333;	
		margin-bottom: 1em;
	}
	/* form */
	#form{
		margin-left: 100px;
	}
	#survey p.q{
		font-size: 18px;
		color: #333333;	
	}
	/* table */
	table{
		width: 700px;
		border-collapse: collapse;
		margin-bottom: 1em;
	}
	tr{
		background-color: #e5f7fd;		
	}
	td{
		height: 30px;	
		font-size: 12px;
		color: #333;
	}
	th{
		font-weight: bold;
		font-size: 12px;
		color: #333;
	}
	.alt{
		background-color: #fff;	
	}
	textarea{
		width: 698px;
		height: 78px;
		border: 1px solid #545454;	
		margin-bottom: 1em;
	}
	#survey input#done{
		display: block;
		margin: 0px auto 1em auto;
		border: none;
		width: 68px;
		height: 33px;
		background: url('/_images/btn-done.jpg') no-repeat 0px 0px;	
		cursor: pointer;
	}
/* footer template */
#footer{
	width: 100%;
	height: 79px;
	background: url('/_images/bg-footer.jpg') repeat-x 0px 0px;
}
	#footer-w{
		position: relative;
		width: 1000px;
		margin: 0 auto;	
		font-size: 11px;
	}
	#footer-w a{
		padding-top: 25px;
		display: block;
		color: #000099;
		text-align: center;	
	}
	#footer-w span{
		display: block;
		width: 190px;
		color: #666666;
		position: absolute;
		right: 80px;
		top: 25px;
		text-align: right;			
	}
	#cslogo{
		position: absolute;
		top: 25px;
		left: 99px;
	}