/*-----CSS Reset-----*/

html, body, h1, h2, h3, p, ul, ol, li img { margin: 0; padding: 0; }
img { border: 0; }
ol, ul { list-style: none; }

body {background: #6896CF;font: 62.5% arial, helvetica, verdana, sans-serif;text-align: center;margin: 0 auto;}

#wrapper {position: relative;text-align: left;width: 991px;margin: 0 auto;background: #fff url(images/imgGroutgrunt.jpg) no-repeat right bottom;}
#wrapper2 {position: relative;text-align: left;width: 991px;margin: 0 auto;background-color: #fff;}
#wrapperHome {position: relative;text-align: left;width: 991px;margin: 0 auto; background: #fff url(images/imgHomeBkgd.gif) repeat-y;}

.header {width: 991px;height: 145px;}

h1 {font-size: 2.4em; margin: 20px 0 10px 0;}
h2 {font-size: 1.3em;font-weight: bold;}
p {font-size: 1.2em;padding: 0 30px 0 30px;margin-bottom: 10px;text-align: justify;}
a {color: #fff;}
span {font-weight: bold;}
.black {color: #000;}

.contact a {color: blue;}

ul li{font-size: 12px;list-style: disc inside;padding-bottom: 3px;}

/*------- Navigation --------*/

#mainNav {position: absolute;top: 125px;right: -10px;width: 800px;margin: -3px 0;}
#mainNav p {text-align: center;color: #fff;font-size:1.4em;}
#mainNav a {color:#fff;text-decoration: none;padding: 0 25px;}
#mainNav a:hover {text-decoration: underline;}

/*------- Home Page --------*/

.homep {font-size: 1.2em; padding: 0 250px 0 250px; margin-bottom: 10px;text-align: justify;}
.home h2 {font-size: 2.4em;font-style: italic; margin: 470px 0 10px 250px;}
.home #button {margin-left: 250px;}

.orangeBox {float: left; width: 195px; text-align: center; background-color: #F99F1B; margin: 0 34px 0 36px;}
.orangeBox img {padding: 10px 0 4px 0;}

.columnLeft {position: absolute; top: 150px; left: 40px;}
.columnRight {position: absolute; top: 150px; right: 36px;}

.orangeBox2 {float: left; width: 195px; text-align: center; background-color: #F99F1B; margin: 0 34px 0 36px;}
.orangeBox2 img {padding: 10px 0 25px 0;}

#orderhome {margin: 15px 0 163px 0;}
#videohome {position: absolute;top: 570px;left: 272px;}

.center {position: absolute; left: 231px; width: 531px; height: 460px; background: #8EB3DF url(images/imgGroutgruntHome.jpg) no-repeat center bottom;}
* html .center {margin-top: -3px;}
.center p { color: #fff; padding: 0 20px 0 20px; margin-bottom: 10px; text-align: justify;}
.center h1 {color: #fff; font-size: 2.5em; font-weight: bold; margin: 20px 0 10px 20px;}
.center img {padding-left: 17px;}

/*------- About Us Page --------*/

#videoabout {position: absolute;top: 600px;right: 360px;}
#orderabout {margin: 20px 0 20px 0;}
#designed {position: absolute;top: 620px;right: 30px;}
#designed2 {margin: 322px 0 0 450px;} 

/*------- IE Hacks --------*/

* html #orderabout {margin: 30px 0 53px 0;}
* html #designed2 {margin: 318px 0 0 420px;} 
* html .orangeBox, * html .orangeBox2 {margin: 0 28px 0 19px;}

/*------- Contact Us Page --------*/

#ordercontact {margin: 260px 0 50px 10px;}

#rotationPic {padding-bottom:410px;}

/*------- Distributors Page --------*/

.distributors h1 {color: #000;margin: 20px 50px;clear: left;}
.distributors h2 {color: #000;margin: 20px 0 0 50px;}
.distributors p {color: #000;margin-left: 20px;}
.distributors a {color: #000;}

#state_list {margin: 0 0 20px 50px;height: 375px;}
#state_list h3 {margin: 40px 0 20px;color: #ff6600;}
#state_list ul {float: left;margin: 0 40px 0 0;list-style-type: none;}
#state_list ul li {padding-bottom: 0.5em;background-color: transparent;}
#state_list ul a {color: #000;}
#state_list ul.last {margin-right: 0;}

.movie {position: relative;text-align: center;height: 550px;}
.audiop {text-align: center;}

/*------- Versatility page --------*/
.versatility h1 {padding: 0 100px 0 50px;}
.versatility .indent {padding: 0 100px 0 50px; margin-bottom: 10px;}
.versatility img {margin-bottom: 5px;}
.versatility .order {position: absolute; top: 470px; right: 60px;}
.versatility ul {margin: 10px 0 30px 50px;}
.versatility ul li {margin-bottom: 5px; list style: disc; font-size: 1.4em;}
.versatility ul li ul {margin: 7px 0 3px 50px;}
.versatility ul li ul li {list-style: circle;font-size: 1em;}

/*------- Footer --------*/

#footer {width:991px;background-color: #000;}
#footer p{font-size: 1.1em;color: #fff;margin-top: 6px;text-align: center;}
#footer a {color: #fff;}