html, body{ margin:0; padding:0; font: 12px Helvetica, Verdana, Arial, sans-serif; background-color: #FFF; text-align: center; height: 100%; }
#flashMovie {
	width: 100%;
	height: 100%;
}
#page-container{ width: 760px; margin:30px auto; }
#media{ width: 760px; float:left; clear: both; }
#logo{ width: 760px; float:left; clear: both; margin: 40px 0; }
#previews{ width: 740px; float:left; clear: both; background-color: #191919; }
	#previews dl{ margin: 20px 40px 40px 48px; padding:0; }
	#previews dl dt{ margin: 10px 0; text-align: center; padding: 0; font: 16px/22px Helvetica, sans-serif; color: #fff; font-weight:bold; }
	#previews dl dd{ margin: 0 8px 20px 0; padding:0; width:72px; float: left; }
	#previews dl dd a, #previews dl dd a:link, #previews dl dd a:visited{ padding: 1px; background-color: #191919; display: block; }
	#previews dl dd a:hover, #previews dl dd a:active{ background-color: #F33610; }
#form{ width: 550px; float:left; clear: both; margin: 0 110px 30px 110px; text-align: left; color: #fff; }
* html #form{ margin: 0 55px 30px 55px; }
	#form p span{ color: #999; }
	#formHolder{ margin-bottom: 8px; }
	#formHolder td{ padding: 0 8px 0 0; color: #ff320e; }
	#imputs{ width: 376px; float:left; }
	#checks{ width: 154px; float:right; }
	#buttons{ width: 760px; float: left; clear: both; background-color:#333; padding: 20px 0; height:16px; }

/* site wide elements */
.inside{ padding:12px; }

#imputs br{ clear: left; }
#imputs input.text, #imputs select, #imputs textarea{ font: 12px Helvetica, Verdana, Arial, sans-serif; float:left; margin-bottom: 10px; }
#imputs input.text{ padding: 1px 2px; width:234px; }
#imputs input.medium{ width:200px; }
#imputs input.small{ width: 105px; }
#imputs textarea{ width: 234px; height: 64px; padding: 1px 2px; }
#imputs label{ display: block; float:left; width: 116px; padding-top: 3px; margin-bottom: 10px; }
#imputs label span{ color: #FF320E; }

#checks h1{ font-size: 15px; margin:0 0 12px; }
#checks ul{ margin:0; padding:0; list-style: none }
#checks ul li{ margin: 0 0 4px 0; }

a.button{ background: url("../images/spacer.gif"); display: block; float:left; width: 50px; text-decoration: none; text-align: left; padding-left: 12px; font-weight:bold; font-size: 14px; margin-right: 20px; }
a.button:hover { background: url("../images/clear-arrow-curved.gif") no-repeat left center; }
a#send, a#send:visited, a#send:link{ color: #fff; margin-left: 270px; }
* html a#send, * html a#send:visited, * html a#send:link{ margin-left: 135px; }
a#send:active, a#send:hover{ background: url("../images/arrow-curved.gif") no-repeat left center; display: block; float:left; width: 50px; color: #FF320E; }
a#clear, a#clear:visited, a#clear:link{ color: #ccc; }
a#clear:active, a#clear:hover{ background: url("../images/arrow-curved.gif") no-repeat left center; display: block; float:left; width: 50px; color: #fff; }
a#cancel, a#cancel:visited, a#cancel:link{ color: #666; }
a#cancel:active, a#cancel:hover{ background: url("../images/arrow-curved.gif") no-repeat left center; display: block; float:left; width: 50px; color: #fff; }

.red{ color: #FF320E; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }