/*  HIT Master CSS  */

/* Universal Styles */
html, body { 
font: normal 12px arial ; 
color: #999 ; 
line-height: 20px ; 
background-color: #000;
padding: 0px; 
margin: 0px;
}

p { 
font: normal 12px arial ; 
margin: 0px 0px 20px 0px ; 
color: #999 ; 
line-height: 20px ; 
text-align: left ;
}

p.quote {
	background: url(media/openQuote.gif) no-repeat left top;
	padding: 10px 10px 0 40px;
	margin-right: 10px;
	font: italic 13px arial;
	line-height: 20px;
	color: #ccc;
}

p.quote span {
	display: block;
	background: url(media/closeQuote.gif) no-repeat right bottom;
	padding: 0 30px 10px 0;
	font: italic 13px arial;
	line-height: 20px;
	color: #ccc;
}

p.quoteName {
	border-top: 1px solid #434343;
	padding: 10px;
	margin: 0 75px 18px 30px;
	padding-left: 10px;
	font: bold 10px arial;
	text-transform: uppercase;
}

p.italic {
	font: italic 13px arial;
	line-height: 20px;
	color: #ccc;
}

p strong {
	color: #ccc;
}

h1 { 
font: bold 24px arial ; 
color: #000 ; 
letter-spacing: -1px;
margin: 0 0 6px 0;
}

#top .colCenter h1 { 
margin-left: 56px;
}

h1 span {
font: bold 24px arial ; 
color: #000 ; 
letter-spacing: -1px;
background: url(media/bg_titlebar.gif) no-repeat;
padding: 10px 15px 6px 15px;
}

h2 { 
font: bold 24px arial ; 
color: #fff ; 
letter-spacing: -1px;
margin: 0 0 20px 0;
}

h3 {
font: bold 11px arial ; 
margin: 18px 0 6px 0 ; 
padding: 0;
color: #fff ; 
line-height: 20px ; 	
}

h3 span {
font: bold 11px arial ; 
background: #db6d02;
padding: 5px 7px;
color: #fff ; 
line-height: 20px ; 	
}

#infoBar h3 {
margin: 1px 0 0 0 ; 
}

#infoBar h3 span {
font: bold 11px arial ; 
background: #000;
padding: 5px 7px;
color: #fff ; 
line-height: 20px ; 	
}

a, a:visited, #infoBar a.show, #infoBar a.show:visited { 
display: inline ; 
font: normal 12px arial ; 
color: #edbd4d; 
text-decoration: none ; 
margin: 0px ;
line-height: 20px;
background: transparent;
text-transform: none;
padding: 0;
}

a:hover, #infoBar a.show:hover { 
color: #000 ; 
background-color: #edbd4d;
text-decoration: none ;
}

#infoBar a, #infoBar a:visited, #designBy a, #designBy a:visited { 
display: inline ; 
font: bold 11px arial ; 
color: #edbd4d; 
text-decoration: none ; 
margin: 0px ;
line-height: 16px;
padding: 5px 7px;
background: #000;
}

#infoBar a:hover, #designBy a:hover { 
color: #000 ; 
background-color: #edbd4d;
text-decoration: none ;
}

#navBar a, #navBar a:visited { 
display: inline ; 
font: bold 12px arial ; 
color: #fff; 
text-decoration: none ; 
margin: 0 10px 0 0 ;
line-height: 40px;
padding: 9px 15px 17px 15px;
background: #db6d02 url(media/bg_navHover.gif) repeat-x left -50px;
}

#navBar a:hover { 
color: #000 ; 
background: #fff url(media/bg_navHover.gif) repeat-x;
text-decoration: none ;
}

/* Structural Elements */
#navBar {
position:relative ; 
width: 100% ; 
z-index:1 ; 
text-align: center ; 
background: #db6d02 ; 
clear: both ;
height: 50px;
}

#navBar .container {
text-align: left;
padding-top: 10px;
}

#navBar .tagline {
padding: 7px 20px 0 30px;
font: bold 14px arial ; 
color: #fff; 
float: left;
}

#top { 
position:relative ; 
width: 100% ; 
z-index:1 ; 
text-align: center ; 
background: #fff url(media/bg_top-repeat.gif) repeat-x ; 
clear: both ;
}

#top .background {
background: transparent url(media/bg_top.jpg) no-repeat center top; 
}

#infoBar { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
background: #222 url(media/bg_gray-repeat.gif) repeat-x top ; 
clear: both ;
}

#infoBar .background {
background: transparent url(media/bg_gray.jpg) no-repeat center top; 
}

#footer { 
position:relative ; 
width: 100% ; 
height: 100px ; 
z-index:1 ; 
text-align: center ; 
background: transparent url(media/bg_footer-repeat.gif) repeat-x ; 
clear: both ;
top: -33px;
}

.container { 
position:relative ; 
width: 940px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
}

#clearColumns, .clearColumns {
	clear: both;
	height: 20px;
}


/* Page Layout */

.colLeft {
	float: left;
	width: 210px;
	text-align: right;
	padding-top: 215px;
}

#infoBar .colLeft {
	width: 204px;
	margin-left: 0;
	text-align: left;
	padding: 30px 0px 20px 26px;
}
#footer .colLeft {
	width: 204px;
	margin-left: 0;
	text-align: right;
	padding-top: 0;
	padding-left: 26px;
}

.colCenter {
	float: left;
	width: 477px;
	text-align: left;
	padding-top: 40px;
}
#infoBar .colCenter {
	width: 421px;
	padding: 30px 0px 20px 0px;
	margin-left: 36px;
}
#footer .colCenter {
	width: 421px;
	padding-top: 0;
	margin-left: 36px;
	text-align: right;
}

.colRight {
	float: right;
	width: 220px;
	padding-top: 158px;
}

#infoBar .colRight {
	float: right;
	width: 220px;
	padding: 30px 0px 20px 0px;
}
#footer .colRight {
	float: right;
	width: 220px;
	padding-top: 0;
	text-align: right;
}

.colWide {
	clear: both;
}

/* Unique Elements */

#logo {
	position: absolute;
	top: 45px;
	left: 30px;
	height: 130px;
	width: 180px;
}

#logo a, #logo img {
	border: 0;
	background: transparent;
}

#contact {
	position: absolute;
	top: 0px;
	right: 88px;
	height: 35px;
	width: 132px;
}
#contact a, #contact a:visited {
	display: block;
	width: 132px;
	height: 35px;
	background: url(media/button_contact.gif) no-repeat left top;
}
#contact a:hover {
	display: block;
	width: 132px;
	height: 35px;
	background-position: left -35px;
}

#logoFooter {
float: left;
margin: 30px 20px 0 20px;
width: 71px;
height: 46px;
background: url(media/logo_footer.gif);
}

#copyright {
float: left;
margin-top: 50px;
}

#designBy {
float: right;
text-align: right;
margin-top: 50px;
}

#videoBox {
	width: 477px;
	background: url(media/bg_videoBox-top.gif) no-repeat;
	padding-top: 12px;
}

#videoBox .body {
	clear: both;
	padding: 0 20px 0 20px;
	z-index: 2;
	display: block;
	margin-left: 36px;
	background: #e8a507;
}

#videoBox .bottom {
	margin-top: -5px;
	z-index: 1;
	width: 477px;
	height: 42px;
	background: url(media/bg_videoBox-bottom.gif) no-repeat left bottom;
}


#videoBox p { 
font: bold 12px arial ; 
margin: 18px 0 0 0 ; 
color: #fff ; 
line-height: 20px ; 
text-align: left ;
}


.videoContent {
	padding-top: 8px;
	clear: both;
height: 321px;	
}


/* Lists */
ul { 
 margin: 20px 0px 30px 0px; 
 padding: 0; 
 letter-spacing: 0px; 
 list-style-type: none;
}

li { 
 background: url(media/bullet.gif) no-repeat 0px 4px;
 padding: 0px 0px 0px 16px;
 margin-bottom: 18px;
 font: normal 11px arial; 
 line-height: 16px;
color: #999 ; 
}

#videoBox ul { 
 border: 0;
 margin: 20px 0px 0px 0px; 
 padding: 0px 0px 0px 0px; 
 letter-spacing: 0px; 
 list-style-type: none;
}

#videoBox li { 
 background: url(media/bullet_yellow.gif) no-repeat 0px 6px;
 padding: 0px 0px 0px 15px;
 margin-bottom: 15px;
 font: bold 18px arial; 
 line-height: 22px;
 color: #000;
 letter-spacing: 0px;
}


/* Classes */
.moreButton {
	width: 53px;
	height: 30px;
	float: right;
	background: #000 url(media/button_more.gif) no-repeat left top;
}

.moreButton a.show, .moreButton a.show:visited {
	display: block;
	width: 53px;
	height: 30px;
	background: #000 url(media/button_more.gif) no-repeat left top;
}

.moreButton a.show:hover {
	display: block;
	width: 53px;
	height: 30px;
	background-position: left -43px;
}

.moreButton a.hide, .moreButton a.hide:visited {
	display: block;
	width: 53px;
	height: 30px;
	background: #000 url(media/button_more.gif) no-repeat left -86px;
}

.moreButton a.hide:hover {
	display: block;
	width: 53px;
	height: 30px;
	background-position: left -129px;
}

.hidden {
	display: none;
}


.getTheDVD {
	width: 195px;
	height: 81px;
	float: right; 
	margin: 6px 0 6px 15px;
	background: #e8a507 url(media/getTheDVD.gif) no-repeat left top;
}

.getTheDVD a, .getTheDVD a:visited {
	display: block;
	width: 195px;
	height: 81px;
	background: #e8a507 url(media/getTheDVD.gif) no-repeat left top;
}

.getTheDVD a:hover {
	display: block;
	width: 195px;
	height: 81px;
	background-color: #e8a507;
	background-position: left -84px;
}

.buyNow {
	width: 198px;
	height: 188px;
	margin-left: 12px;
	background: transparent url(media/buyNow.gif) no-repeat left top;
	overflow: hidden;
}

/* not needed with paypal link
.buyNow a, .buyNow a:visited {
	display: block;
	width: 198px;
	height: 161px;
	background: transparent url(media/buyNow2.gif) no-repeat left top;
}

.buyNow a:hover {
	display: block;
	width: 198px;
	height: 161px;
	background-position: left -128px;
} */

.box {
	width: 150px;
	background: #f4dfab url(media/bg_box.gif) repeat-x;
	border: 1px solid #f4dfab;
	padding: 13px 15px 0 15px;
	font: bold 15px arial;
	color: #000;
	margin-top: 20px;
	text-align: left;
	letter-spacing: -1px;
}


.small {
	font: normal 11px arial;
	letter-spacing: 0px;
}

.bold {
	font: bold 11px arial;
	letter-spacing: 0px;
	margin-top: 10px
}

.box span {
	color: #9d8876;
}

.box h3 {
font: bold 11px arial ; 
margin: -12px 0px 16px -16px; 
padding: 0;
color: #fff ; 
line-height: 20px ; 	
}

.box h3 span {
font: bold 11px arial ; 
background: #db6d02;
padding: 5px 7px;
color: #fff ; 
line-height: 20px ; 	
}

.colLeft .box {
	margin-left: 27px;
}

.colRight .box {
	width: 133px;
}

#top .colLeft p {
	margin: 14px 0 0 42px;
	font: normal 11px arial;
	color: #333;
}

#top .colLeft .box p, #top .colRight .box p {
	clear: left;
	display: block;
	font: normal 11px arial;
	letter-spacing: 0px;
	margin: 0 0 15px 0;
	padding: 0;
}

#top .colLeft .box p strong, #top .colRight .box p strong {
	color: #000;
}

.colRight .box {
	margin-right: 55px;
}

.videoBox {
	width: 165px;
	background: #f5e3b6;
	/*padding: 6px;*/
	margin-bottom: 0px;
	font: bold 11px arial;
	color: #000;
}

.videoBox img {
	margin-bottom: 2px;
	border: 0;
}

.videoBox a, .videoBox a:visited { 
padding: 6px;
display: block ; 
font: bold 11px arial ; 
color: #000; 
text-decoration: none ; 
margin: 0px ;
line-height: 20px;
border: 0;
}

.videoBox a:hover { 
color: #000 ; 
background-color: #e8a507;
text-decoration: none ;
}

.videoBox .logo {
float: left; 
margin-right: 4px
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #000;
}

img.left {
	float: left;
	margin: 0 10px 5px 0;
	border: 2px solid #000;
}

/* For blog Feeds */
div.feedburnerFeedBlock {
	display: block;
	padding: 0;
	margin: 0;	
}

#CCU2323151 {

}


div.feedBurnerFeedBlock ul {
	margin: 0px;
	padding: 0px;	
}

div.feedburnerFeedBlock li {
	font: normal 12px arial ; 
color: #999 ; 
line-height: 20px ; 
text-align: left ;
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent;
	clear: none;

}

div.feedburnerFeedBlock ul li div {
	clear: left;
	margin: 0;
	padding: 0;
}

div.feedburnerFeedBlock li span.headline {
	display: block;
	margin: 10px 0;
}

div.feedburnerFeedBlock li span.headline a, div.feedburnerFeedBlock li span.headline a:visited {
	color: #fff;
}

div.feedburnerFeedBlock li span.headline a:hover {
}


p.fbsubscribelink {
	display: none;
	clear: left;
	padding-top: 18px;
	margin: 0px 0px 18px 30px;	
}

p.blogSubscribe {
	clear: left;
	float: left;
	padding-top: 18px;
	margin: 0px 0px 18px 20px;	
}

p.fbsubscribelink a, p.fbsubscribelink a:visited {
	border: 0px;
}

div.feedburnerFeedBlock #creditfooter {
	display: none;
}