/*

 Screen style    

 Site: BadBoy

*/



body {

 background: #000 url(../images/bg/body.gif) top center repeat-y;

 color: #fff;

 font-size: 75%;

 padding: 0;

 text-align: center;

}



img.left {

 float: left;

 margin: 0.25em 1em 0.5em 0;

}



img.right {

 float: right;

 margin: 0 5px 15px 2px;

}





.testimonials #content {

	text-align: justify;

	padding-right: 25px;

}

.testimonials .main-col {

	text-align: justify;

	width:100%;

}



.news #content {

	text-align: justify;

	padding-right: 25px;

}

.news .main-col {

	text-align: justify;

	width:100%;

}



.gallery #content {

	text-align: center;

	padding-right: 70px;

}

.gallery .main-col {

	text-align: center;

	width:100%;

}

.gallery .image {

    margin:3px;

	border: solid 2px red;

	cursor: pointer;

}







.theygotit #content {

	padding-right: 70px;

}

.theygotit .main-col {

	text-align: center;

	width:100%;

}

.theygotit .inner-col {

	text-align: justify;

	width:85%;

}

.theygotit .image {

  margin:3px;

	border: solid 2px red;

}


.distributors #content {

 padding-right: 70px;

}



.distributors .left-col, .distributors .right-col {

 width: 272px;

}



.distributors-box {

 background: #000 url(../images/bg/distribution-box-middle.gif) top left repeat-y;

 color: #fff;

 margin: 20px 0 24px 0;

 width: 272px;

}



.distributors-box h3 {

 background: transparent url(../images/bg/distribution-box-top.gif) top left no-repeat;

 color: #ff0000;

 margin: 0;

 padding: 18px 24px 10px 24px;

}



.distributors-box h4 {

 background-color: transparent;

 color: #fff;

 font-size: 1em;

 font-weight: normal;

 margin: 0 24px;

}



.distributors-box p {

 margin: 0 24px 10px 24px;

}



.distributors-box p.last {

 background: transparent url(../images/bg/distribution-box-bottom.gif) bottom left no-repeat;

 color: #fff;

 margin: 0;

 padding: 0 24px 0px 24px;

}



.home #content {

 padding-left: 25px;

 padding-right: 21px;

}



.home .left-col img, .home .left-col2 img, .home .right-col img, .home .right-col2 img {

 margin: 0;

 position: absolute;

 top: 0;

 right: 0;

 z-index: 1;

}



.home .left-col, .home .left-col2, .home .right-col, .home .right-col2 {

 position: relative;

 min-height: 300px;

}



.home-box {

 background: transparent url(../images/bg/home-box-middle.gif) top left repeat-y;

 color: #fff;

 margin-top: 18px;

 position: absolute;

 width: 246px;

 z-index: 2;

 top: 0;

 left: 0;

}



.home-box h2 {

 background: transparent url(../images/bg/home-box-top1.gif) top left no-repeat;

 padding: 20px 39px 0 16px;

}



.home-box p {

 line-height: 1.1;

 margin: 8px 35px 8px 16px;

}



.home-box p.last {

 background: transparent url(../images/bg/home-box-bottom1.gif) bottom left no-repeat;

 color: #fff;

 margin: 0;

 padding: 5px 35px 20px 16px;

}



.home-box p.last a {

 font-weight: bold;

}


.left-col2 {

 float: left;

 width: 307px;

}


.left-col {

 float: left;

 width: 329px;

}



.left-col .distributors-box {

 margin-left: 27px;

}

/*
.left-col2 .home-box h2 {

 background-image: url(../images/bg/home-box-top2.gif);

}
*/


.left-col2 .home-box p.last {

 /*background-image: url(../images/bg/home-box-bottom2.gif); */
margin-right: 0;

}



.left-col2 .home-box p {

 margin-right: 55px;

}


.left-col .home-box p {

 margin-right: 55px;

}



.left-col .home-box p.last {

 margin-right: 0;

}



.product {

 clear: both;

 margin: 0 0 0 -16px;

 padding-top: 15px;

}



.product img {

 float: left;

 margin: 0 10px 0 0;

}



.product p {

 margin-top: 60px;

}



.product p.large-margin {

 margin-top: 80px;

}



.product p.middle-margin {

 margin-top: 50px;

}



.product p.small-margin {

 margin-top: 35px;

}



.products #content {

 padding-right: 8px;

}



.products h3 {

 margin-top: 2.75em;

}



.right-col {

 float: right;

 width: 327px;

}

.right-col2 {

 float: right;

 width: 327px;

}


.right-col .home-box {

 width: 267px;

}

.right-col2 .home-box {

 width: 267px;

}


.right-col .home-box h2 {

 background-image: url(../images/bg/home-box-top2.gif);

}

.right-col2 .home-box h2 {

 background-image: url(../images/bg/home-box-top2.gif);

}


.right-col .home-box p.last {

 background-image: url(../images/bg/home-box-bottom2.gif);

}

.right-col2 .home-box p.last {

 background-image: url(../images/bg/home-box-bottom2.gif);

}


.right-col .product {

 margin-left: -10px;

}

.right-col2 .product {

 margin-left: -10px;

}


#content {

 clear: both;

 padding: 30px 25px 25px 40px;

}



#footer {

 border-top: 1px solid #FF0000;

 clear: both;

 line-height: 1.4;

 padding: 12px 0 30px 0;

}



#footer .copy {

 float: right;

 width: 250px;

}



#footer .copy p {

 background-color: #000;

 color: #ccc;

 font-size: 0.9em;

 margin-right: 25px;

 text-align: right;

}



#footer .power-station {

 float: left;

 width: 350px;

}



#footer:after, #content:after {

 clear: both;

 content: ".";

 display: block;

 height: 0;

 visibility: hidden;

}



#header {

 height: 200px;

 position: relative;

}



#header #slogan {

 height: 139px;

 left: 540px;

 margin: 0;

 overflow: hidden;

 position: absolute;

 text-transform: uppercase;

 top: 36px;

 width: 154px;

}



#header #slogan span {

 background-image: url(../images/header/slogan.gif);

 background-position: top left;

 background-repeat: no-repeat;

 display: block;

 height: 139px;

 left: 0;

 position: absolute;

 top: 0;

 width: 154px;

 z-index: 1;

}



#header h1 {

 font-size: 1em;

 height: 94px;

 left: 23px;

 line-height: normal;

 margin: 0;

 overflow: hidden;

 position: absolute;

 top: 54px;

 width: 291px;

}



#header h1 span {

 background-image: url(../images/header/logo.gif);

 background-position: top left;

 background-repeat: no-repeat;

 display: block;

 height: 94px;

 left: 0;

 position: absolute;

 top: 0;

 width: 291px;

 z-index: 1;

}



#nav {

 border-bottom: 1px solid #fff;

 font-size:80%;

}



#nav a, #nav strong {

 background: #616161 url(../images/bg/nav-left-grey.gif) top left no-repeat;

 color: #F7F7F7;

 display: block;

 float: left;

 font-weight: bold;

 letter-spacing: 1px;

 margin: 2px 0 0 0;

 overflow: hidden;

 padding: 7px 10px 4px 10px;

 position: relative;

 text-align: center;

 text-decoration: none;

 text-transform: uppercase;

}



#nav li {

 float: left;

 list-style: none;

 margin: 0 1px 0 0;

}



#nav strong span, #nav a span {

 background: #616161 url(../images/bg/nav-right-grey.gif) top right no-repeat;

 color: #fff;

 display: block;

 height: 100%;

 position: absolute;

 right: 0;

 top: 0;

 width: 7px;

}



#nav strong span, #nav a:hover span {

 background: #ff0000 url(../images/bg/nav-right-red.gif) top right no-repeat;

 color: #fff;

}



#nav strong, #nav a:hover {

 background: #ff0000 url(../images/bg/nav-left-red.gif) top left no-repeat;

 color: #fff;

}



#nav ul {

 margin: 0 0 0 8px;

}



#nav:after {

 clear: both;

 content: ".";

 display: block;

 height: 0;

 visibility: hidden;

}



#wrapper {

 left: -1px;

 margin: 0 auto;

 position: relative;

 text-align: left;

 width: 750px;

}