@charset "UTF-8";

/* Defaults */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #4c5f70;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	min-width: 620px;
	text-align: center;
}

#wrapper {
	font-size: 1.1em;
	margin: 0px auto;
	text-align: left;
	width: 620px;
}

noscript p {
	background: #8f1818;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 10px;
}

a {
	color: #227097;
}
a:hover {
	text-decoration: none;
}

#logo-motorola {
	margin: 16px 0px 0px 11px;
}
#logo-motorazr2 {
	margin-left: 495px;
	position: relative;
	top: -8px;
}

/* Globals */

#button-experience a {
	background: url(../images/button-experience-the-next-razr.jpg);
	display: block;
	height: 38px;
	width: 212px;
}
#button-experience a:hover {
	background: url(../images/button-experience-the-next-razr-over.jpg);
}

#button-hellomoto a {
	background: url(../images/button-hellomoto.jpg);
	display: block;
	height: 26px;
	width: 107px;
}
#button-hellomoto a:hover {
	background: url(../images/button-hellomoto-over.jpg);
}

#razr2 {
	margin: 0px 0px 90px 55px;
}


/* Forms */

#success {
	color: #396849;
	margin: 0px 0px 16px 65px;
}
#errors {
	color: #8f1818;
	line-height: 1.2em;
	margin-left: 65px;
	padding-bottom: 15px;
}
#errors p {
	font-weight: bold;
	padding-bottom: 10px;
}
#errors ul {
	margin-left: 12px;
}
#fields {
	margin-left: 65px;
	width: 490px;
}
td {
	padding-right: 7px;
	padding-bottom: 13px;
}
.row p {
	float: left;
}
select {
	margin-top: 3px;
}
.textbox {
	background: url(../images/input-shadow.jpg);
	border: 0px;
	color: #000;
	font-size: 1.2em;
	height: 18px;
	margin-top: 3px;
	padding: 5px 4px 3px 4px;
	width: 234px;
}

/* Registration */

#registration {
	background: #000 url(../images/background-registration.jpg) center top no-repeat;
}
#registration h1, #official-rules h1 {
	background: url(../images/text-register-to-learn.jpg);
	height: 144px;
	margin: 62px 0px 0px 64px;
	text-indent: -9999px;
	width: 492px;
}

#registration #button-experience {
	margin: 21px 0px 0px 239px;
}
#registration h2 {
	background: url(../images/text-plus-get-a.jpg) no-repeat;
	height: 16px;
	margin: 48px 0px 0px 65px;
	text-indent: -9999px;
	width: 299px;
}
#registration #instructions {
	color: #666;
	margin: 20px 0px 20px 65px;;
}
#registration .divider {
	margin: 20px 0px 0px 65px;
}
#formbottom {
	background: url(../images/register-lighting.jpg) 300px -35px no-repeat;
	height: 130px;
}
#button-register {
	float: right;
	margin: 20px 50px 0px 20px;
}
#button-register a {
	background: url(../images/button-register.jpg);
	display: block;
	height: 30px;
	width: 135px;
}
#button-register a:hover {
	background: url(../images/button-register-over.jpg);
}
#button-rules {
	float: right;
	margin-top: 27px;
}
#button-rules a {
	background: url(../images/button-official-rules.jpg);
	display: block;
	height: 20px;
	width: 109px;
}
#button-rules a:hover {
	background: url(../images/button-official-rules-over.jpg);
}
#button-hellomoto {
	margin: 0px 0px 20px 48px;
}

/* Thank You */

#thank-you {
	background: #000 url(../images/background-thank-you.jpg) center top no-repeat;
}
#thank-you h1 {
	background: url(../images/text-thank-you.jpg);
	height: 112px;
	margin: 62px 0px 0px 66px;
	text-indent: -9999px;
	width: 490px;
}
#widgets {
	margin: 40px 10px 0px 103px;
}
.widget-placeholder {
	background: #333;
	border: 1px solid #0F3A4F;
	float: left;
	height: 100px;
	margin-right: 10px;
	width: 100px;
}
#button-download-pc-widget {
	margin: 28px 0px 0px 79px;
	float: left;
}
#button-download-pc-widget a {
	background: url(../images/button-download-pc-widget.jpg);
	display: block;	
	height: 36px;
	width: 175px;
	margin-right: 15px;
}
#button-download-pc-widget a:hover {
	background: url(../images/button-download-pc-widget-over.jpg);
}
#button-download-mac-widget {
	margin: 28px 0px 0px 79px;
}
#button-download-mac-widget a {
	background: url(../images/button-download-mac-widget.jpg);
	display: block;
	height: 36px;
	width: 175px;
}
#button-download-mac-widget a:hover {
	background: url(../images/button-download-mac-widget-over.jpg);
}
#thank-you h2 {
	margin: 65px 0px 0px 65px;
}
#thank-you #instructions {
	color: #666;
	float: right;
	margin: 50px 65px 0px 0px;
}
#button-send {
	margin: 0px 0px 20px 386px;
}
#button-send a {
	background: url(../images/button-send.jpg);
	display: block;
	height: 28px;
	width: 105px;
}
#button-send a:hover {
	background: url(../images/button-send-over.jpg);
}
#thank-you .divider {
	margin-bottom: 20px;
}

/* Official Rules */

#official-rules {
	background: #000 url(../images/background-official-rules.jpg) center top no-repeat;
}
#official-rules #button-experience {
	float: right;
	margin: 21px 169px 40px 0px;
}
#button-back-to-registration {
	float: left;
	margin: 33px 0px 0px 46px;
}
#button-back-to-registration a {
	background: url(../images/button-back-to-registration.jpg);
	display: block;
	height: 16px;
	width: 132px;
}
#button-back-to-registration a:hover {
	background: url(../images/button-back-to-registration-over.jpg);
}
#official-rules h2, #thank-you h2 {
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#official-rules h3 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}
#official-rules #content {
	margin-left: 65px;
	width: 490px;
}
#official-rules #content p, #official-rules #content h3 {
	line-height: 1.3em;
	margin-bottom: 15px;
}
#official-rules .divider {
	margin: 20px 0px 20px 65px;
}

/* Hacks */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}