* { margin: 0; padding: 0; outline: 0; }

body { background: #242424 url(img/bg.gif) repeat-x; font-size: 12px; color: #CCC; font-family: Verdana, Arial, Helvetica, san-serif; }

a:link, a:active, a:visited { color: #FFF; }

a:hover { color: #ff4343; }

#wrapper { width: 800px; margin: 0 auto; }

#header { width: 800px; padding-top: 40px; }

h1 a { width: 282px; height: 54px; float: left; display: block; background: url(img/logo.png); text-indent: -9999px; margin-bottom: 15px; }

#nav { width: 800px; height: 48px; background: url(img/nav.png) no-repeat; float: left; list-style-type: none; }
#nav li { float: left; margin: 0; }
#nav li a { float: left; display: block; height: 47px; background-position: 0px 0px; padding: 0; text-indent: -9999px; }

#nav li#home, #nav li#home a { background: url(img/nav-home.gif) repeat; width: 88px; }
#nav li#aboutus, #nav li#aboutus a { background: url(img/nav-aboutus.gif); width: 124px; }
#nav li#videos, #nav li#videos a { background: url(img/nav-videos.gif); width: 108px; }
#nav li#tutorials, #nav li#tutorials a { background: url(img/nav-tutorials.gif); width: 138px; }
#nav li#contactus, #nav li#contactus a { background: url(img/nav-contactus.gif); width: 133px; }
#nav li#order, #nav li#order a { background: url(img/order-now-nav.png); width: 184px; float: right; }

#nav li#home a:hover, #nav li#home .onpage { background-position: 0px -48px; }
#nav li#aboutus a:hover, #nav li#aboutus .onpage { background-position: 0px -48px; }
#nav li#videos a:hover, #nav li#videos .onpage { background-position: 0px -48px; }
#nav li#tutorials a:hover, #nav li#tutorials .onpage { background-position: 0px -48px; }
#nav li#contactus a:hover, #nav li#contactus .onpage { background-position: 0px -48px; }

#content { width: 800px; float: left; margin-top: 30px; }
#content p { line-height: 20px; margin: 10px 0px; text-align: justify; }
#content h2 { color: white; border-bottom: 1px solid #666; padding-bottom: 5px; }
#content h3 { margin-top: 20px; margin-bottom: 10px; color: #FFF; }
#content ul { padding-left: 20px; padding-top: 10px; font-size: 14px; }
#content li { padding: 5px 0; }

.homepage { width: 897px; height: 500px; float: left; background: url(img/home-bg.png) no-repeat; }
.homepage .text{ width: 520px; height: 31px; float: left; float: left; margin-top: 40px; margin-left: 20px; }
.homepage ul { color: white; float: left; margin-top: 120px; list-style-image: url(img/bullet.gif); margin-left: -470px; font-size: 14px; }
.homepage li { margin-bottom: 20px; }
.homepage a.ordernow { display: block; float: left; width: 333px; height: 126px; background: url(img/product-info.png) no-repeat; margin-top: 330px; margin-left: -480px; text-indent: -9999px; }
.homepage a.ordernow:hover { background: url(img/product-info.png) 0 -129px; }

/* Contact-us Page Form Styles */
ol#contact { list-style-type: none; width: 400px; }
ol#contact li { border-bottom: 1px solid #999; padding: 10px; display: block }
ol#contact li label { width: 220px; display: inline-block; }
ol#contact li input[type=text] { width: 170px; float: right; }

.ordernow2 {  margin-top: 45px; margin-left: 20px; width: 253px; height: 73px; background: url(img/order-now.png) no-repeat; float: left; text-indent: -9999px; }


#footer { background: url(img/footer.gif) no-repeat; float: left; width: 770px; margin-top: 30px; margin-bottom: 40px; padding: 30px 15px 34px 15px; }
#footer span.left { width: 385px; float: left; text-align: left; }
#footer span.left { width: 385px; float: left; text-align: left; }
#footer span.right { width: 385px; float: right; text-align: right; }