/* CSS Document */

html {
	background-color: #4d6379;
	background-image: url('../images/bgPage.jpg');
	background-position: center;
	background-repeat: repeat-y;

	text-align: center;
}

body {
	position: relative;
	width: 968px;
	min-height: 470px;
	padding: 0px;
	margin: 0px auto;
	
	background-image: url('../images/bgHeader.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	text-align: center;
}

/* ***** Intro ***** */
div#intro {
	position: absolute;
	top: 130px;
	left: 210px;
	width: 350px;
	
	text-align: left;
}

div#intro h3 {
	margin: 0px 0px 20px 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

div#intro p {
	width: 270px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #ffffff;
}

div#intro h2 {
	margin: 20px 0px 10px 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #ccb040;
}


/* ***** Order Form ***** */
div#formContainer {
	width: 666px;
	padding: 420px 10px 10px 10px;
	margin: 0px auto;
}

div#formContainer h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}
div#formContainer h2 em { font-style: normal; color: #ccb040; }

div#formContainer h3 {
	margin: 0px;
	padding: 3px 0px 3px 20px;
	
	background-image: url('../images/gphOrderTitle.gif');
	background-position: top left;
	background-repeat: no-repeat;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #243d54;
	text-align: left;
	text-transform: uppercase;
}

div#orderForm {
	width: 666px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	
	background-color: #ffffff;
	
	text-align: left;
}

div#orderForm h2 {
	float: right;
	margin-top: 0px;
	padding: 15px 20px 10px 10px;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #bca030;
	text-align: right;
}
div#orderForm h2 strong { font-size: 20px; font-weight: bold; }

div#orderForm p.feature {
	width: 376px;
	margin: 0px 0px 10px 20px;
	padding-top: 20px;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #243d54;
}

div#orderForm p {
	margin: 8px 60px 15px 20px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #243d54;
}
div#orderForm p.error { color: #990000; }
div#orderForm p.confirm { color: #009900; }

div#orderForm form { margin: 0px; padding: 0px; }

div#orderForm form div {
	float: left;
	width: 290px;
	margin-left: 20px;
}

div#orderForm form div p { margin: 1px 0px; }
div#orderForm form div p.spacer { height: 20px; margin: 1px 0px; }
div#orderForm form div p label { display: block; float: left; width: 85px; }
div#orderForm form div p label.error { color: #990000; }

div#orderForm form div p input {
	width: 130px;
	
	border: 1px solid #cccccc;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #555555;
}
div#orderForm form div p input.sml { width: 70px; }
div#orderForm form div p input.lng { width: 200px; }

div#orderForm form div p input.btn {
	width: auto;
	
	border: 1px solid #4d6379;
	background-color: #243d54;
	
	color: #ffffff;
}




/* ***** Miscellaneous ***** */
span.clear {
	display: block;
	clear: both;
}