html { width: 100%; }
body {	
	font-size: 100%;
	color: #4a4a4a;
	font-family: Trebuchet MS;
	background: url('../img/body-bg.png') top left repeat-x;
	width: 100%;
}

h1 {
	margin: 12px 0 10px 47px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	font-size: 18px;
}

p  {
	color: #4a4a4a;
}
	
.clear { clear: both; }

header {
	height: 151px;
	width: 100%;
	padding-top: 30px;
}

div#main-content {
	height: 580px;
	padding-top: 40px;
	background: #f6f8f7 url('../img/central-bg.png') repeat-x;
	background-size: 100% 595px, auto;
}
	
div#container {
	width: 501px;
	height:68px;
	border: solid 1px #0a84be;
	margin-left: auto;
    margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35B2EE), color-stop(1, #138FCA));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #35B2EE 0%, #138FCA 100%);
}
	
img {
    display: block;
    margin: 0 auto;
}

form {
	font-size:17px;
	margin:10px;
	margin: -24px auto 0 auto;
	width:463px;
	height: 148px;
	border: solid 10px #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px #7e7e7e;
	-moz-box-shadow: 0 0 2px #7e7e7e;
	box-shadow: 0 0 2px #7e7e7e;	
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #F6F5F5 0%, #E0E0E0 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #F6F5F5 0%, #E0E0E0 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #F6F5F5 0%, #E0E0E0 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F5F5), color-stop(1, #E0E0E0));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #F6F5F5 0%, #E0E0E0 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #F6F5F5 0%, #E0E0E0 100%);	
	}

	form ol {
		list-style:none;
		margin:0;
		padding:30px 0 0 0;
		}
	form ol li p {
		margin-left:28px;
	}
		
		.txtfld {
			width:272px;
			height:28px;
			margin-left: 7px;
			border:0;
			background: #ffffff;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: 0 0 1px #7e7e7e;
			-moz-box-shadow: 0 0 1px #7e7e7e;
			box-shadow: 0 0 1px #7e7e7e;	
			}
   
   		form li#view button {
			/* IE10 Consumer Preview */ 
			background-image: -ms-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%) ;

			/* Mozilla Firefox */ 
			background-image: -moz-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

			/* Opera */ 
			background-image: -o-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

			/* Webkit (Safari/Chrome 10) */ 
			background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35B2EE), color-stop(1, #138FCA));

			/* Webkit (Chrome 11+) */ 
			background-image: -webkit-linear-gradient(bottom, #35B2EE 0%, #138FCA 100%);

			/* W3C Markup, IE10 Release Preview */ 
			background-image: linear-gradient(to top, #35B2EE 0%, #138FCA 100%);
			border:none;
			padding:6px 12px 6px 10px;		
			color:#fff;
			
			margin-left:28px; 
			margin-top: 20px;
			cursor:pointer;
			height: 36px;
			width: 180px;
			font-size: 17px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			
			form li#view button:hover, form li#view button:focus {
				color: #676767;
			}

			
div#main-content div#bottom-image {
    margin:0 auto;
	padding-top: 36px;
}
div#main-content div#bottom-image img {
    width: 680px;
}
	
div#footer {
	height: 110px;
	background: url('../img/footer-bg.png') repeat-x;	
}

p.error {
	margin-top: 7px;
	font-size: 80%;
	color: #cc0000;
}