@charset "utf-8";
/* CSS Document */
html, body {
	background-color:#333;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}
#bg_image {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1;
}
#scrollable {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:2;
}
#main_div { 
width: 889px; 
height: 502px;
padding:160px 0 0;
margin-top: 0; 
margin-left:auto;
margin-right:auto;
background-image:url(../images/visual.png);
}
#main_video_div { 
width: 889px; 
height: 502px;
padding:160px 0 0;
margin-top: 0; 
margin-left:auto;
margin-right:auto;
background-image:url(../images/visual_video.png);
}
#main_product_div { 
width: 889px; 
height: 502px;
padding:160px 0 0;
margin-top: 0; 
margin-left:auto;
margin-right:auto;
background-image: url(../images/product_visual.png);
background-repeat:no-repeat;
}
#menu{
	position:absolute;
	left:0;
	top:-45px;
	width:888px;
}
#menu2{
	position:absolute;
	left:1px;
	top:-32px;
	width:888px;
}
#products {
	margin: -28px auto;
	width:888px;
	height:717px;
	position:absolute;
	background-image:url(../images/bground.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#product {
	margin: -28px auto;
	width:889px;
	height:530px;
	position:absolute;
	background-image:url(../images/bground_product.png);
	background-repeat:no-repeat;
}
.product_text {
	width:350px;
	float:left;
	color:#000;
	font-size:16px;
	line-height:21px;
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.warranty {
	width:825px;
	height:525px;
	float:left;
	color:#000;
	font-size:16px;
	line-height:21px;
	padding: 0 20px;
	background-image:url(../images/company.jpg);
	background-repeat:no-repeat;
	background-position:right;
	border:none;
	background-color:#FFFFFF;
	overflow:hidden;
}
.warranty2 {
	float:left;
	color:#000;
	font-size:16px;
	line-height:21px;
	padding: 0 20px;
	border:none;
	background-color:#FFFFFF;
}
#warranty_frame {
	border:none;
	overflow:hidden;
}
.product_img {
	border:1px solid #333333;
	float:right;
	height:475px;
	margin-left:50px;
	position:relative;
	text-align:right;
	top:-27px;
	right:25px;
	max-width:440px;
}
.na_img {
	border:1px solid #333333;
	float:right;
	height:475px;
	margin-left:50px;
	position:relative;
	text-align:right;
	top:-65px;
	right:25px;
	max-width:440px;
}
.video_box {
	position:relative;
	height:450px;
	margin-left:45px;
	text-align:left;
	right:25px;
	width:800px;
	border: 1px solid #000;
}
.product_img2 {
	border:1px solid #333333;
	float:right;
	height:425px;
	margin-left:50px;
	position:relative;
	text-align:right;
	top:25px;
	right:25px;
	max-width:440px;
}
.company_img {
	float:right;
	margin-left:50px;
	position:relative;
	text-align:right;
	right:25px;
	max-width:440px;
	top: 4px;
}
.prods {
	border:solid 1px #333;
	font-size: 10px;
}
#page_number1{
	position:absolute;
	left:770px;
	top: 30px;
}
#page_number1 a{
	color:#dab4a3;
}
#page_number1 a:hover{
	color:#000;
}
#page_number2{
	color:#fff;
}
#page_number2 a{
	color:#dab4a3;
}
#page_number2 a:hover{
	color:#fff;
}
/** 
 * Slideshow style rules.
 */
#video {
	margin-top: -15px;
	width:889px;
	height:500px;
	position:absolute;
	border:solid 1px #FFFFFF;
}
#slideshow {
	margin-top: -15px;
	width:888px;
	height:530px;
	position:absolute;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:774px;
	height:530px;
	overflow:hidden;
	position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:754px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:530px;
}
#slidesContainer h1 {
padding: 6px 20px 20px 0;
margin:0;
font-weight:normal;
}
.slide_text {
	width:350px;
	float:left;
	color:#000;
	font-size:16px;
	line-height:21px;
}
.slide_img {
	width:424px;
	float:left;
	font-size: 12px;
}
.slide_text h1 {
font-size: 22px;
padding: 8px 0 0 0;
font-weight:normal;
}
.view_collection{
	width: 135px;
	height:23px;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding: 5px 10px;
	border: 1px solid #999;
}
.individual_products{
	height:315px;
	width:260px;
	margin: 0 15px 12px 20px;
	float:left;
	font-size:12px;
}
.individual_products h2{
	font-size:18px;
	padding: 5px 0;
	margin:0;
	}
#iphr{
	height:315px;
	width:850px;
	margin: 0 15px 12px 20px;
	float:left;
	font-size:12px;
}
#header{ 
position: fixed; 
top: 0;
width: 100%; 
height: 4px;
background-color:#fff;
z-index:5;
}
#footer{ 
position: fixed; 
bottom: 0;
width: 100%; 
height: 100px;
background-color:#fff;
z-index:-1;
}
#footer_txt { 
width: 888px; 
margin-left:auto;
margin-right:auto;
padding:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}
#footer_txt a, #footer_txt a:visited{ 
color:#000;
text-decoration:none;
}
#footer_txt a:hover{ 
color:#dab4a3;
}
#footer2{ 
position: absolute; 
top: 888px;
width: 100%; 
min-height: 100px;
bottom:0;
background-color:#fff;
z-index:-1;
}
a{
	color: #dab4a3;
	}
a:hover{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	}
h1{
	padding: 15px 20px 0;
	margin:0;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#home_left{
	position:absolute;
	left:0;
	right:50%;
	background-color:#FFFFFF;
	height:100%;
	}
#home_right{
	position:absolute;
	right:0;
	left:50%;
	background-color:#000000;
	height:100%;
	}	
#home_image{
	margin-left:auto;
	margin-right:auto;
	width:870px;
	height:791px;
	position:relative;
	z-index:10;
	}
#page_container {
	position: absolute;
	left: 195px;
	top: 380px;
	width: 200px;
	z-index:12;
}
#browse_button a {
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 364px;
	left: 454px;	
	font-size:12px;
	font: Arial, Helvetica, sans-serif;
}
#browse_button a:hover {
	text-decoration: underline;
}
.panel_button {
	position: relative;
	top: 1px;
	z-index: 20;
	cursor: pointer;
}
.panel_button a {
	text-decoration: none;
	color: buttontext;
	position: absolute;
	top: 363px;
	right: 452px;	
	font-size:12px;
	font: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	text-decoration: underline;
}
#panel {
	width: 240px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	height: 100%;
	width: 240px;
	position: absolute;
	z-index: -1;
}
.border {
	border: 10px #000 solid;
}
#login {
	width: 210px;
	height: 120px;
	position: absolute;
	background: #fff;
	text-align: left;
	padding-left: 10px;
}
#login p {
	color: #333;
	font-family:Arial,Helvetica,sans-serif;
	line-height: 25px;
}
#login input#password {
	position: relative;
	right: -4px;
}
#login input#login_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 5px;
	left: 83px;
}
#login input#close_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 5px;
	left: 153px;
}
#hide_button {
	cursor: pointer;
}
#register h2{
	position:absolute;
	left:20px;
	top:90px;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin: 19px 0 0 0;
	}
#invalid
{
	position:absolute;
	left: 195px;
	top: 381px;
	width: 200px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:333;
	border: 10px #000 solid;
	padding:10px;
	font-size:12px;
	text-align:right;
}
#invalid a
{
color:#000000;
}
#invalid a:hover
{
color:#dab4a3;
}
#movie{
width:889px;
height:500px;
}
#MPBackLinks{
	position: absolute;
	float:left;
	bottom: 5px;
	left: 20px;
	font-size:12px;
}