html {
height: 100%;
margin: 0 0 1px;
padding: 0; }
body {
	background: url(../images/bg_top.jpg) 0% 0% repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
} 

hr {border:0px solid #8f8f8f; height:1px; width:860px; background-color: #8f8f8f; float:left}
.hrbot {border:0px solid #8f8f8f; height:1px; width:640px; background-color: #8f8f8f;}

.imgborder img {border:1px solid #e3e3e3; margin:5px}

.centeredtable {text-align:center}

img {border:0px}

img.floatRight { 
    float: right; 
    margin: 4px; 
}


a.download:hover   	{ background-image: url('../images/freebie_download_MO.png'); text-decoration: none; border:1px solid blue}

/**************** menu coding *****************/

#menu {position: absolute; top:168px;}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu img {display: block}

#menu ul ul {background-image:url('../images/navitembk2.png');
background-repeat:repeat-x;
background-postion:  left bottom;
margin-left:0px;
margin-top:-15px;
width:103px; 

box-shadow: 3px 3px 5px rgba(0, 0, 55, 0.25); /* CSS3 */
-moz-box-shadow: 3px 3px 5px  rgba(0, 0, 55, 0.25);; /* Firefox */
-webkit-box-shadow: 3px 3px 5px  rgba(0, 0, 55, 0.25); /* Safari, Chrome */
}


ul ul li {margin-top:5px; margin-bottom: 5px;}

ul ul li a:hover img {background:#949494;
	opacity:1.0;
	filter:alpha(opacity=100);}

 a.home:hover   	{ background-image: url('../images/homesel.png'); text-decoration: none; }
 a.products:hover   { background-image: url('../images/productssel.png'); text-decoration: none;}
 a.support:hover   	{ background-image: url('../images/supportsel.png'); text-decoration: none;}
 a.links:hover   	{ background-image: url('../images/linkssel.png'); text-decoration: none;}
   a.news:hover   	{ background-image: url('../images/newssel.png'); text-decoration: none;}

#menu ul ul a {color:white; margin-left:0px; margin-right:0px}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
}

#menu h2 {
color: #fff;
text-transform: uppercase;}

#menu a {
text-decoration: none;}

#menu a:hover {
color:#d4d4d4; text-decoration: none;}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/**************** end menu coding *****************/

p.note {color:#257070;}

.logobox {
	padding: 0px;
	border: none;
	height: 147px;
	width: 410px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 0px;
	margin-left: -442px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.navbox {
	padding: 0px;
	border: none;
	height: 55px;
	width: 244px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 159px;
	margin-left: -430px;
	left: 50%;
}
.aboutheaderbox {
	padding: 0px;
	border: none;
	height: 88px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -430px;
	left: 50%;
}
.aboutcontentbox {
	padding: 0px;
	border: none;
	height: 400px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 310px;
	margin-left: -430px;
	left: 50%;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	color: #CCCCCC;
}
.homeheaderbox1 {
	padding: 0px;
	border: none;
	height: 214px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -430px;
	left: 50%;
	background-image: url('../images/flare.png');
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:110px;
	

}
.socialnetwork {
	padding: 0px;
	border: none;
	height: 100px;
	width: 200px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 10px;
	left:870px;
	margin-left: -210px;
	z-index:99;
	top: 87px;
}
.homeheaderbox2 {
	padding: 0px;
	border: none;
	height: 214px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -430px;
	left: 50%;
	background-image: url('../images/flare.png');
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:100px;
}
.homeheaderbox3 {
	padding: 0px;
	border: 0px solid blue;
	height: 214px;
	width: 639px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -432px;
	margin-right:1px;
	left: 50%;
	background-image: url('../images/flare.png');
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:0px;
	padding-right:0px;
	z-index:-1;
}
.homeheaderbox3 img {padding-top:90px; padding-left:0px; margin:0px} /* moves product title img down */


.homeheaderbox {
	padding: 0px;
	border: none;
	height: 214px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -430px;
	left: 50%;
}
.film_fx_trans1 {float: right;margin-top:-20px; margin-right:0px; }
.film_fx_trans2 {float: right;margin-top:-10px; margin-right:-3px; } /* Used on contact page */
.subscribe {float: right;margin-top:22px; margin-right:-1px; } /* Used on subscribe page */

.homecontentbox {
	padding: 0px;
	border: none;
	height: 400px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 390px;
	margin-left: -430px;
	left: 50%;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	color: #BBBBBB;
}
.productheaderbox {
	padding: 0px;
	border: none;
	height: 128px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 202px;
	margin-left: -430px;
	left: 50%;
}
.productcontentbox {
	padding: 0px;
	border: none;
	height: 400px;
	width: 860px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 350px;
	margin-left: -430px;
	left: 50%;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	color: #CCCCCC;
}
.productbox {
	padding: 0px;
	border: 0px solid blue;
	height: 202px;
	width: 240px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 0px;
	margin-left: 34px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
}
.productbox2 {
	padding: 0px;
	border-right: 0px solid blue;
	height: 353px;
	width: 174px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 20px;
	margin-left: -166px;
	padding-left: 200px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	overflow:hidden; 
}
.productbox2 img {margin-left:-151px; float:right} /* pushes product image to the left */
.productbox3 {
	padding: 0px;
	border: 0px solid blue;
	height: 358px;
	width: 264px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 15px;
	margin-left: -166px;
	padding-left: 200px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	overflow:hidden; 
}
.productbox3 img {margin-left:0px; float:right} /* pushes product image to the left */


.vidbox {
	padding: 0px;
	border: none;
	height: 327px;
	width: 420px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 40px;
	margin-left: 10px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	background-image: url('../images/vid_shadow.png');
	background-position:center bottom;
	background-repeat:no-repeat;
}

.addthisbox {
	padding: 0px;
	border: none;
	height: 25px;
	width: 420px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 17px;
	margin-left: 10px;
	left: 50%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}

.vidbox2 {
	padding: 0px;
	border: none;
	height: 257px;
	width: 420px;
	text-align: center;
	position: relative;
	visibility: visible;
	/*margin-top: 40px;
	margin-left: 10px;
	left: 50%;*/
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	background-image: url('../images/vid_shadow.png');
	background-position:center bottom;
	background-repeat:no-repeat;
}
.contentbox {
	background: #1c3f95;
	padding: 10px;
	border: none;
	height: 230px;
	width: 980px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 460px;
	margin-left: -500px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
}
.contentbigbox {
	background: #FFFFFF;
	padding: 0px;
	border: none;
	height: 400px;
	width: 600px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 250px;
	margin-left: -480px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.invisspace {
	padding: 0px;
	border: none;
	height: 330px;
	width: 336px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: -100px;
	margin-left: 0px;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
}
.newsbox {
	padding: 0px;
	border: none;
	height: 400px;
	width: 245px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 250px;
	margin-left: 220px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.leftimagebox {
	background: #FFFFFF;
	padding: 0px;
	border: none;
	height: 400px;
	width: 120px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 330px;
	margin-left: 360px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.rightimagebox {
	background: #FFFFFF;
	padding: 0px;
	border: none;
	height: 400px;
	width: 150px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 330px;
	margin-left: 180px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.flashbox {
	background: #FFFFFF;
	padding: 0px;
	border: none;
	height: 400px;
	width: 150px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 330px;
	margin-left: 330px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.copybox {
	position: absolute;
	border: none;
	height: 120px;
	width: 120px;
	visibility: visible;
	margin-top: 750px;
	margin-left: 360px;
	left: 50%;
	border: none;
	text-align: center;
	vertical-align: middle;
	text-align: left;
	font: 10px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.copyindexbox {
	position: absolute;
	border: none;
	height: 70px;
	width: 300px;
	visibility: visible;
	margin-top: 730px;
	margin-left: 200px;
	left: 50%;
	border: none;
	text-align: center;
	vertical-align: middle;
	text-align: right;
	font: 10px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
.titlebox {
	background: #333333;
	position: absolute;
	border: none;
	height: 225px;
	width: 1000px;
	visibility: visible;
	margin-top: 10px;
	margin-left: -500px;
	left: 50%;
	border: none;
	vertical-align: bottom;
	text-align: right;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #e5ddc9;
}
.indextitlebox {
	background: #333333;
	position: absolute;
	border: none;
	height: 450px;
	width: 1000px;
	visibility: visible;
	margin-top: 10px;
	margin-left: -500px;
	left: 50%;
	border: none;
	vertical-align: bottom;
	text-align: right;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #e5ddc9;
}
.aboutbox {
	background: #FFFFFF;
	padding: 0px;
	border: none;
	height: 400px;
	width: 340px;
	text-align: left;
	position: absolute;
	visibility: visible;
	margin-top: 330px;
	margin-left: 140px;
	left: 50%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
}
A:Link  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: strong;
	text-decoration: none;
	color: #339999;
}
A:Visited  {
	text-decoration: none;
	font-weight: strong;
	color: #339999;
}
A:Active  {
	text-decoration: none;
	font-weight: strong;
	color: #339999;
}
A:Hover  {
	text-decoration: none;
	font-weight: strong;
	text-decoration: underline;
	color: #339999;
}
.price {
	text-align: left;
	font: 20px Arial, Helvetica, Verdana, sans-serif;
	color: #ed1f24;
}
a.btn_addtobasket {
background: url(../images/btn_addtobasket.gif) no-repeat 0 0;
width: 168px;
height: 32px;
display: block;
text-indent: -5000em;

}

a.btn_addtobasket:hover {
background-position: 0 -32px;
}

.tnImg {
	position	: relative;
	z-index		: 100;
}

#trailimageid {
	position	: absolute;
	visibility	: show;
	z-index		: 1000;
}

.importantnote {
	text-align: left;
	font: 15px Arial, Helvetica, Verdana, sans-serif;
	color: #ff0000;
}

.importantannouncement {
	text-align: left;
	font: 19px Arial, Helvetica, Verdana, sans-serif;
	color: #ff0000;
}