/* CSS Document */
body 					{ margin: 0; padding: 0; background-color: #333; }

/* Headers */
h1 						{ font-family: Arial, Helvetica, sans-serif; color: #ccff33; font-size: 20px; margin: 10px 0; } 
h2  					{ font-family: Arial, Helvetica, sans-serif; color: #66CC33; font-size: 18px; margin: 10px 0; }
h3						{ font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 16px; margin: 10px 0; }
h4						{ font-family: Arial, Helvetica, sans-serif; color: #b2cb00; font-size: 14px; margin: 10px 0; }
h5						{ font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; margin: 10px 0; }
 
/* Linkage */
a:link 					{ color: #b6ff2d; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: solid #fff 1px; font-weight: bold; } 
a:visited 				{ color: #b6ff2d; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: solid #fff 1px; font-weight: bold; } 
a:hover					{ color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: dashed #b6ff2d 1px; font-weight: bold; }
a:focus					{ color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: dashed #b6ff2d 1px; font-weight: bold; }
a:active				{ color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: dashed #b6ff2d 1px; font-weight: bold; }
a.no-hov				{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }

/* Misc. */
acronym 				{ cursor: help; }
a.learn-more			{ margin: 5px 0; background-image: url(/assets/images/3d-controller/learn-more.gif); text-decoration: none; display: block; width: 109px; height: 26px; border: none; }
img						{ border: 0; }
img.right				{ float: right; margin: 0 0 3px 3px; border-left: 1px solid #333; border-bottom: 1px solid #333; }
::-moz-selection		{ background-color: #333; color: #ccff33; }
::selection				{ background-color: #333; color: #ccff33; }
.clear					{ clear: both; }

/* Main Styles */
#container				{ width: 900px; margin: 0 auto; background-color: #b2cb00; }
#header					{ margin: 0; padding: 0; height: 130px; border-bottom: 1px solid #333; }
#main					{ background-image: url(/assets/images/container-bg.jpg); background-repeat: repeat-y; }
#content				{ float: right; width: 735px; padding-left: 5px; padding-bottom: 5px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height: 20px; background-image: url(/assets/images/bg-content.jpg); background-repeat: repeat-x; background-color: #999; }
#content li				{ padding: 2px 0 0 0; }
#right					{ float: right; margin: 0 0 3px 3px; }

/* Controller's Pages */
#controller-top			{ margin: 0 auto; background-image: url(/assets/images/3d-controller/3d-controllers-new.jpg); background-repeat: no-repeat; background-position: top; background-color: #fff; width: 650px; color: #000; padding: 5px; }
#controller-intro		{ display: block; width: 375px; padding-top: 250px; }
#controller-overview	{ margin-top: 30px; }
#controller				{ margin: 0 auto; width: 650px; background-color: #fff; color: #000; font-size: 11px; }
#controller-left		{ float: left; margin-left: 5px; width: 420px; }
#controller-right		{ float: right; width: 200px; }
#controller-right ul	{ margin: 0; padding: 0; }
#controller-right li	{}

#controller-top a		{ color: #66cc33; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: none; font-weight: bold; } 

/* Navigation */
#nav					{
	margin: 0;
	padding: 60px 0 0 0;
	float: left;
	background-color: #b2cb00;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 160px;
	font-weight: bold;
	text-transform: uppercase;
}
#nav a:link				{ color: #fff; text-decoration: none; display: block; width: 140px; padding: 8px 10px 10px 10px; background-color: #b2cb00; border: none; }
#nav a:visited			{ color: #fff; text-decoration: none; display: block; width: 140px; padding: 8px 10px 10px 10px; background-color: #b2cb00; border: none; }
#nav a:hover			{ color: #b2cb00; text-decoration: none; display: block; width: 140px; padding: 8px 10px 10px 10px; background-color: #333; border: none; }
#nav a:focus			{ color: #b2cb00; text-decoration: none; display: block; width: 140px; padding: 8px 10px 10px 10px; background-color: #333; border: none; }
#nav a:active			{ color: #b2cb00; text-decoration: none; display: block; width: 140px; padding: 8px 10px 10px 10px; background-color: #333; border: none; }

#nav ul					{ list-style-type: none; padding: 0; margin: 0; }
#nav li					{ border-top: 1px solid #fff; margin: 0; }
li.bottom				{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0; }

/* Gallery */
#gallery				{ width: 370px; float: right; }
ul#gallery				{ margin: 15px; padding: 0; }
ul#gallery li			{ margin: 5px 5px 0 0; padding: 0; list-style-type: none; float: left; width: 100px; height: 100px; }

/*  Bead Lock */

#beadlock .product		{
	margin: 0 20px;
	height: 190px;
	padding: 0;
}
#beadlock .images		{
	float: left;
	margin: 3px 30px;
	text-align: center;
	width: 300px;
}

/* Footer */
#footer					{ clear: both; background-image: url(/assets/images/footer-alien-worx-lg.jpg); background-repeat: no-repeat; height: 100px; border-top: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase; font-size: 10px; font-weight: bold; text-align: center; }
#footer a:link			{ color: #b2cb00; text-decoration: none; margin: 0 5px; padding: 2px 0 0 0; }
#footer a:visited		{ color: #b2cb00; text-decoration: none; margin: 0 5px; padding: 2px 0 0 0; }
#footer a:hover			{ color: #b2cb00; text-decoration: none; margin: 0 5px; padding: 2px 0 0 0; }
#footer a:focus			{ color: #b2cb00; text-decoration: none; margin: 0 5px; padding: 2px 0 0 0; }
#footer a:active		{ color: #b2cb00; text-decoration: none; margin: 0 5px; padding: 2px 0 0 0; }

/* Form Styles */
#form					{ float: left; width: 340px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#form p					{ padding: 2px; text-align: center; }
#form em				{ color: #ccff33; }
#form div.row			{ clear: both; padding-top: 5px; }
#form label				{ float: left; width: 100px; text-align: right; }
#form span.field		{ float: right; width: 335px; text-align: left; }
#form div.submit		{ clear: both; }
#form .req				{ font-weight: bold; }

#form input				{ background-color: #fff; border: 1px solid #000; padding: 2px; }
#form textarea			{ background-color: #fff; border: 1px solid #000; padding: 2px; }
#form input:focus		{ background: #fff; border: 1px solid #ccff33; }
#form textarea:focus	{ background: #fff; border: 1px solid #ccff33; }
#hidden				{ display: none; }

.testimonial            {padding: 10px 10 5 15px;}
.testimonial img        {float: right; padding: 10px 10px;}