/* CSS Document */


/*  GENERAL  ========================================================================================================================= */ 
body {
	margin-top: 10px;
	border: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#top-right {
	height: 34px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #1428a0;
	font-size: 11px;
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	padding-top: 5px;
}
#top-right2 {
	height: 14px;
	font-family: "HelveticaNeue Extended";
	color: #1428a0;
	font-size: 14px;
	text-align: right;
	vertical-align: bottom;
	font-weight: normal;
}
#content-top {
	text-align: left;
	padding-top: 15px;
}
#content {
	text-align: left;
	margin-left: 16px;
	margin-right: 16px;
}
/*  ================================================================================================================================== */ 


/*  NAV BAR  ========================================================================================================================= */ 


/*  Buttons Down  =============================================================== */ 
#nav {
	width: 748px;
	height: 31px;
	font-family: "HelveticaNeue Extended";
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
}
#tab1 {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:114px;
       text-align:center;
       color:white;
       display:block;
	   background: url("../_images/butt1-down.jpg") 0px 0px  no-repeat;
	   float: left;
}
#about-over {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:87px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt2-down.jpg") 0px 0px  no-repeat;
	   float: left;
}

#tech-over {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:105px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt3-down.jpg") 0px 0px  no-repeat;
	   float: left;
}	

#faq-over {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:101px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt4-down.jpg") 0px 0px  no-repeat;
	   float: left;
}
	
#products-over {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:101px;
       text-align:center;
       color:white;
       display:block;
	   background: url("../_images/butt4-down.jpg") 0px 0px  no-repeat;
	   float: left;
}

#forum-over {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:87px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt6-down.jpg") 0px 0px  no-repeat;
	   float: left;
}

a.tab:link {color: #ffffff; text-decoration: none;}
a.tab:visited {color: #ffffff; text-decoration: none;}
a.tab:hover {color: #ffffff; text-decoration: none;}
a.tab:active {color: #ffffff; text-decoration: none;}
/*  Buttons 1  =============================================================== */ 
#rollover1 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:114px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt1.jpg") 0px 0px  no-repeat;
	   float: left;
	}	
#rollover1 a:hover {
	   text-decoration:none;
	   height:24px;
       width:114px;
       text-align:center;
       display:block;
       background: url("../_images/butt1.jpg") -114px 0px  no-repeat;
       float: left;
	}
/*  Buttons 2  =============================================================== */ 
#rollover2 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:87px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt2.jpg") 0px 0px  no-repeat;
	   float: left;
	}
#rollover2 a:hover {
	   text-decoration:none;
	   height:24px;
       width:87px;
       text-align:center;
       display:block;
       background: url("../_images/butt2.jpg") -87px 0px  no-repeat;
	   float: left;
	}
/*  Buttons 3  =============================================================== */ 
#rollover3 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:105px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt3.jpg") 0px 0px  no-repeat;
	   float: left;
	}
#rollover3 a:hover {
	   text-decoration:none;
	   height:24px;
       width:105px;
       text-align:center;
       display:block;
       background: url("../_images/butt3.jpg") -105px 0px  no-repeat;
       float: left;
	}	
/*  Buttons 4  =============================================================== */ 
#rollover4 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:101px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt4.jpg") 0px 0px  no-repeat;
	   float: left;
	}
#rollover4 a:hover {
	   text-decoration:none;
	   height:24px;
       width:101px;
       text-align:center;
       display:block;
       background: url("../_images/butt4.jpg") -101px 0px  no-repeat;
	   float: left;
	}	
/* Buttons 5  =============================================================== */ 
#rollover5 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:101px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt5.jpg") 0px 0px  no-repeat;
	   float: left;
	}
#rollover5 a:hover {
	   text-decoration:none;
	   height:24px;
       width:101px;
       text-align:center;
       display:block;
       background: url("../_images/butt5.jpg") -101px 0px  no-repeat;
	   float: left;
}
/*  Buttons 6  =============================================================== */ 
#rollover6 a {
	   text-decoration:none;
	   padding-top:7px;
	   height:24px;
       width:87px;
       text-align:center;
       color:white;
       display:block;
       background: url("../_images/butt6.jpg") 0px 0px  no-repeat;
	   float: left;
	}
#rollover6 a:hover {
	   text-decoration:none;
	   height:24px;
       width:87px;
       text-align:center;
       display:block;
       background: url("../_images/butt6.jpg") -87px 0px  no-repeat;
	   float: left;
	}

			
/*  Right Nav Image  ================================================================================================================= */ 
#nav-image-right {
	   float: left;
	}
/*  ================================================================================================================================== */ 


/*  HOMEPAGE ========================================================================================================================= */ 
#homepage-flash-feature {
	background-color: #257eb7;
	height: 197px;
	width: 742px;
	padding-top: 6px;
	padding-left: 6px;
	text-align: left;		
}
#homepage-main-header-arrow {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #257eb7;	
	
}
#homepage-main-header1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;	
	padding-left: 5px;
}
#homepage-main-header2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #333333;	
	padding-left: 5px;
}

a.homepage-sublinks:link {font-weight: bold; color: #257eb7; text-decoration: underline;}
a.homepage-sublinks:visited {font-weight: bold; color: #257eb7; text-decoration: underline;}
a.homepage-sublinks:hover {font-weight: bold; color: #257eb7; text-decoration: none;}
a.homepage-sublinks:active {font-weight: bold; color: #257eb7; text-decoration: underline;}

#homepage-h1 {
	font-family: Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #257eb7;
	line-height: 16px;
	padding-top: 16px;	
	padding-bottom: 16px;
	margin-left: 0px;
	margin-right: 16px;
	line-height: 16px;
	text-align:left;
}
#homepage-container {
	width: 390px;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;	
	line-height: 12.5pt;
	word-spacing: 0.5pt;
	margin-left: 0px;
	text-align: left;
}
#homepage-p1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;	
	line-height: 12.5pt;
	word-spacing: .5pt;
	margin-left: 16px;
	margin-right: 16px;
	text-align: justify;
}
#left-homepage-p1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;	
	line-height: 12.5pt;
	word-spacing: .2pt;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 25px;
}
#benifits {
	text-align: center;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 20px;
}

/*  =================================================================================================================================== */ 


/*  SECTION SUB NAV  ========================================================================================================================= */ 

#subnav-container {
	width: 210px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-color:#bfbfbf;
	border-style: solid;
	border-width: 1px;
	background: url("../_images/box_gradient.jpg") 0px 0px  repeat-x;
}
#subnav-p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;	
	font-weight: bold;
	color: #257eb7;	
}

a.subnav-main-links:link {color: #222222; text-decoration: none;}
a.subnav-main-links:visited {color: #222222; text-decoration: none;}
a.subnav-main-links:hover {color: #257eb7; text-decoration: none;}
a.subnav-main-links:active {color: #222222; text-decoration: none;}

a.subnav-links:link {
	color: #222222;
	text-decoration: underline;
	font-family: Helvetica;
}
a.subnav-links:visited {color: #222222; text-decoration: underline;}
a.subnav-links:hover {color: #222222; text-decoration: none;}
a.subnav-links:active {
	color: #222222;
	text-decoration: underline;
	font-family: Helvetica;
}

ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li	{
	font-family: Helvetica;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	background-image: url("../_images/yellow_arrow.gif");
	background-repeat: no-repeat;
	margin-left:13px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 8px;
	line-height: 14px;

}
li.arrow	{
	font-family: Helvetica;
	font-size: 13px;	
	font-weight: bold;
	color: #333333;
	text-align: left;
	background-image: url("../_images/blue_arrow.gif");
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 8px;
	line-height: 14px;
}
li.arrow2	{
	font-family: Helvetica;
	font-size: 13px;	
	font-weight: bold;
	color: #257eb7;
	text-align: left;
	background-image: url("../_images/blue_arrow.gif");
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 8px;
	line-height: 14px;
}
li.pdf	{
	font-family: Verdana;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	background-image: url("../_images/pdf.gif");
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 8px;
	line-height: 14px;
}
li.product-feature	{
	font-family: Verdana;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	background-image: url("../_images/yellow_arrow.gif");
	background-repeat: no-repeat;
	margin-left:13px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 4px;
	line-height: 12px;

}
#subnav_product-feature	{
	width: 210px;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-left: 0px;
	border-color:#bfbfbf;
	border-style: solid;
	border-width: 0px;
	background: url("../_images/subnav_profeat_gradient.jpg") 0px 0px  repeat-y;	
}
#subnav-product-feature-p {
	line-height: 21px;
	padding-left: 7px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #222222;	
}


/*  ================================================================================================================================= */ 


/*  SECTIONS  ========================================================================================================================= */ 
#sections-flash-feature {
	background-color: #257eb7;
	height: 197px;
	width: 742px;
	padding-top: 6px;
	padding-left: 6px;
	text-align: left;		
}
#sections-main-header1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;	
	padding-left: 5px;
}
#sections-main-header2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #333333;	
	padding-left: 5px;
}
a.sections-sublinks:link {font-weight: bold; color: #257eb7; text-decoration: underline;}
a.sections-sublinks:visited {font-weight: bold; color: #257eb7; text-decoration: underline;}
a.sections-sublinks:hover {font-weight: bold; color: #257eb7; text-decoration: none;}
a.sections-sublinks:active {font-weight: bold; color: #257eb7; text-decoration: underline;}

#sections-box {
	text-align: justify;
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 24px;
	clear:both;
}
#sections-content {
	text-align: justify;
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 24px;
	float: left;
}
.sections-img { 
	float: left;
    margin-left: 0px;
	margin-top: 1px;	
	margin-bottom: 5px;
	clear: left;
	margin-right: 10px;
}
.sections-img2 { 
	width:147px;
	float: left;	
	margin-bottom: 5px;
	margin-right: 10px;
	clear: left;
	padding-right: 5px;
	clear:both;
}
.sections-img-dvd { 
	float: left;
    margin-left: 0px;
	margin-top: 1px;	
	margin-bottom: 5px;
	clear: left;
	margin-right: 10px;
	border-color:#777777;
	border-style: solid;
	border-width: 1px;
}
#sections-p {
	font-family: Verdana;
	font-size: 11px;
	color: #333333;	
	line-height: 12.5pt;
	text-align: justify;
}
#sections-p2 {
	font-family: Verdana;
	font-size: 12px;
	color: #333333;	
	line-height: 22px;
	text-align: justify;
	line-height: 22px;
}
#sections-h1 {
	font-family: Helvetica;
	font-size: 22px;
	font-weight: normal;
	color: #257eb7;
	line-height: 16px;
	padding-top: 16px;	
	padding-bottom: 16px;
	margin-left: 16px;
	margin-right: 16px;
	line-height: 16px;
	text-align:left;
}
#sections-h2 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #257eb7;
	text-align:left;
	line-height: 18px;
	letter-spacing: normal;
	font-style: normal;
}
#sections-homepage-p1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;	
	line-height: 12.5pt;
	word-spacing: .2pt;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 25px;
}
/*  ======================================================================================================================================== */ 


/*  SECTION ARTICLE LINKS  ========================================================================================================================= */ 

#article2-container {
	width: 200px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-color:#bfbfbf;
	border-style: solid;
	border-width: 1px;
	background: url("../_images/box_gradient.jpg") 0px 0px  repeat-x;
	margin-left: 0px;
	text-align: left;
}

#article2-content {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	background-color: #ffffff;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 4px;
	text-align: left;
}

#article2-links-h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18pt;
	padding-top: 15px;	
	margin-right: 16px;
	line-height: 16px;
	padding-bottom: 4px;
	text-align: left;
}
#article2-links-p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 14pt;
}
a.article2-links:link {color: #222222; text-decoration: underline;}
a.article2-links:visited {color: #222222; text-decoration: underline;}
a.article2-links:hover {color: #222222; text-decoration: none;}
a.article2-links:active {
	color: #222222;
	text-decoration: underline;
	font-family: Verdana;
}
/*  ================================================================================================================================= */ 



/*  ARTICLE LINKS  ========================================================================================================================= */ 

#article-container {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 45px;
	margin-right:16px;
	margin-left:16px;
	margin-bottom: 30px;
	border-width: 1px;
	border-color:#bfbfbf;
	border-style: solid;
	background: url("../_images/box_gradient.jpg") 0px 0px  repeat-x;
}

#article-content {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	background-color: #ffffff;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 4px;
}

#article-links-h1 {
	font-family: "HelveticaNeue Extended";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
	padding-top: 15px;	
	margin-right: 16px;
	line-height: 16px;
	padding-bottom: 4px;
}
#article-links-p {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	line-height: 14pt;
}
a.article-links:link {color: #222222; text-decoration: underline;}
a.article-links:visited {color: #222222; text-decoration: underline;}
a.article-links:hover {color: #222222; text-decoration: none;}
a.article-links:active {color: #222222; text-decoration: underline;}
/*  ================================================================================================================================= */ 


/*  Quick Facts  ==================================================================================================================== */ 

#quickfacts-container {
	width: 270px;
	float: right;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-color:#bfbfbf;
	border-style: solid;
	border-width: 1px;
	background: url("../_images/box_gradient.jpg") 0px 0px  repeat-x;
}
#quickfacts-question-mark {
	vertical-align:middle;
	width: 30px;
	height: 30px;
	float: left;
}
#quickfacts-header {
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
	text-align: left;
	height: 24px;
	float: left;
	margin-top: 6px;
	
}
#quickfacts-p {	
	clear: both;
	width: 270px;
	font-family: Helvetica;
	font-size: 11px;
	color: #333333;	
	line-height: 12.5pt;
	word-spacing: 0.5pt;
	text-align: justify;
	
}

/*  ================================================================================================================================= */ 



/*  Fun - Facts  ==================================================================================================================== */ 

#funfact-container {
	width: 230px;
	float: right;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-left: 10px;
	margin-bottom: 5px;
	background-color:#eef5f9;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	background: url("../_images/box_gradient.jpg") 0px 0px  repeat-x;
}
#question-mark {
	vertical-align:middle;
	width: 30px;
	height: 30px;
	float: left;
}
#funfacts-header {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
	text-align: left;
	height: 24px;
	float: left;
	margin-top: 6px;
	
}
#funfacts-content {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	vertical-align:middle;
	float: left;

}


/*  ================================================================================================================================= */ 


/*  Movies  ========================================================================================================================= */ 
.img-movies { 
	float: left;
    margin-left: 0px;
	margin-bottom: 5px;
	clear: left;
	padding-right: 5px;
}
a.movies:link {font-weight: bold; color: #333333; text-decoration: underline;}
a.movies:visited {font-weight: bold; color: #333333; text-decoration: underline;}
a.movies:hover {font-weight: bold; color: #333333; text-decoration: none;}
a.movies:active {font-weight: bold; color: #333333; text-decoration: underline;}
/*  ================================================================================================================================= */ 


/*  FOOTER  ========================================================================================================================= */ 
#footer {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 25px;
	text-align: center;	
	line-height: 14px;		
}
a.footer:link {font-weight: bold; color: #000000; text-decoration: underline;}
a.footer:visited {font-weight: bold; color: #000000; text-decoration: underline;}
a.footer:hover {font-weight: bold; color: #000000; text-decoration: none;}
a.footer:active {font-weight: bold; color: #000000; text-decoration: underline;}
/*  ================================================================================================================================= */ 


/*  FORM  =========================================================================================================================== */ 
#form-box {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	background-color:#FFFFFF;
	width: 420px;
	overflow: hidden;
}

#form-feild {
	margin-bottom: 10px;
}

#form-p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #222222;	
	line-height: 12.5pt;
	word-spacing: .5pt;
	text-align: left;
}
#checkbox {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #222222;	
	line-height: 12pt;
	word-spacing: .5pt;
	text-align: left;
	width: 420px;
	
}
#information {
	margin-top: 10px;
	width: 400px;
}
#submitbutton {
	margin-top: 10px;
	width: 400px;
}


/*  ================================================================================================================================= */