/*
Theme Name: GnatUSA
Description: 
Author: Mile 6 LLC - Anthony T. Dephue
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: 
*/
@import url('css/reset.css');
@import url('css/img.css');

.bold{font-weight: bold;}

body{background:#a7a7a7 url('images/bg-gradient.jpg') repeat-x;font-family:arial;}
a{color:inherit;}
div#container{margin:15px auto 0px auto;width:988px;background:#fff;position: relative;}
#wrapper{width:988px;}
#index-top>img {float:left;margin-right:22px;margin-top:22px;}
img#logo-gnat{position:absolute;top:0px;right:45px;}
div#banner{height:83px;background:#000;}
ul.nav-menu li{list-style-image: none;display: inline;line-height: 35px;text-transform: uppercase;color:#fff;margin:0px 17px;}
ul#top-nav{background:#444;}
div#content{padding:38px 22px 420px 22px;}
div#footer{height:133px;background: url('images/footer-bg-gradients.jpg') repeat-x;position: relative;}
img#footer-callout{margin:-30px 0px 0px 22px;float:left;}
ul#bottom-nav{float:left;margin:0px 0px 0px 0px; width: 700px;}
ul#bottom-nav li{text-transform: capitalize;}
span#footer-slogan{float:left;color:white;margin:22px 0px 0px 17px;display:block;}
.hr-circles{width:988px;height:19px;background:url('images/hr-circles.jpg') no-repeat;margin:12px 0px;}
.mile6{font-size:9pt;display:block;width:100%; text-align: center; position:absolute; bottom: 10px; color:#999999;}

/*HOME PAGE (index)*/
#index-top iframe{float:left;margin-right:27px;width:260px;height: 207px;}
#index-top-copy{float:left; width:560px;}
#index-top-copy *{width:560px; color:#444;}
#index-top-copy p{font-size:13px; margin-top:18px;line-height: 16px;}
#index-bottom img{float:right;margin-left:27px;}
#index-bottom-copy{float:left;width:500px;font-size:13px;line-height:18px;}
#index-bottom-copy p{width:500px;margin-bottom:18px;}
.page-slug-index #content{background:url('images/index-red-arch.jpg') no-repeat;}
.page-slug-index #wrapper{background: url('images/bg-img-index.jpg') no-repeat bottom center;}
h1{font-family: 'Arial Black',Arial,Helvetica,sans-serif; font-size:31px; text-transform: uppercase;color:#444;}
.video-copy-top{font-size:14px;font-weight:bold;color:#fff;width:500px;}
#video-copy-bottom{font-size:14px;font-weight:bold;color:#e41c24;text-transform: uppercase;}

/*SYSTEMS_FOR_SALE*/
.page-slug-systems-for-sale #wrapper{background: url('images/bg-img-for-sale.jpg') no-repeat bottom center;}
div#purchase-callout{float:right;font-size: 25px;font-weight: bold;color:#e41c24;line-height: 41px;text-transform: uppercase;margin-right:50px;}
div#purchase-callout img{vertical-align: middle;}
#systems-bottom{margin-top:22px;}
#systems-bottom img{float:left;}
#systems-bottom img:first-child{margin-right:22px;}

/*MOBILE UNITS FOR HIRE*/
.page-slug-mobile-units-for-hire #wrapper{background: url('images/bg-img-mobile-units.jpg') no-repeat bottom center;}
.page-slug-mobile-units-for-hire #index-top-copy p{width:500px;}

/*EVENTS*/
.page-slug-upcoming-events #wrapper{background: #c7c7c7 url('images/bg-img-events.jpg') no-repeat bottom center;}
.page-slug-upcoming-events h1{color:#fff;margin-bottom:18px;}
.page-slug-upcoming-events #content{padding-bottom:700px;}
.page-slug-upcoming-events #content ul{position:absolute; left:0px;}
.page-slug-upcoming-events #content li{background: url('images/events-item-bg.png') no-repeat;font-size: 18px;padding:3px 0px 3px 22px;margin-bottom:10px;}

/*LINKS*/
.page-slug-links h1{color:#fff;margin-bottom:18px;background: transparent;width:500px;}
.page-slug-links #content ul{position:absolute; left:0px;}
.page-slug-links #content li {width:566px;line-height:22px;background: url('images/events-item-bg.png') no-repeat;font-size: 17px;padding-left:22px;margin-bottom:10px;}
.page-slug-links #content li:first-child{height:49px;background: url('images/links-top-item-bg.png') no-repeat;color:#fff;font-size: 18px;padding-top:5px;padding-left:22px;margin-bottom:10px;}
.page-slug-links #content{background: url('images/bg-img-links.jpg') no-repeat bottom center;padding-bottom:1000px;}

/*ABOUT*/
.page-slug-about-us #content{background: url('images/bg-img-about.jpg') no-repeat bottom center;padding-bottom:800px;}
.page-slug-about-us h1{margin-bottom:18px;}

/*CONTACT*/
.page-slug-contact-us #content{background: url('images/bg-img-contact.jpg') no-repeat bottom center;height:652px;padding-bottom:420px;}
.page-slug-contact-us h1{color:#fff;margin-bottom:12px;}
.page-slug-contact-us label{width:100px;display:block;float:left;margin-top:10px;}
.page-slug-contact-us input[type=text], .page-slug-contact-us textarea {width:350px;margin-top:10px;}