@charset "utf-8";
/* CSS Document */

html {height:100%}

body {
	background-color:#9fa0a4;
	height:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#wrapper {
	width:760px;
	height:100%;
	padding:0 0 0 0;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/design/bg_wrapper.gif) no-repeat top left;
	}
	
#wrapper-intro{	
	position:absolute;
	top: 40%;
	left: 50%;
	width:760px;
	height:350px;
	margin-top: -140px; /*set to a negative number 1/2 of your height*/
	margin-left: -380px; /*set to a negative number 1/2 of your width*/
	}
	
#wrapper-in {
	padding:0px 0px 0px 0px;
	}
	
	h1 {font-size:1.2em; color:#fff; margin:0 0 11px 0;}
	h2 {font-size:1em; color:#fff; line-height:150%; margin:0 0 16px 0;}
	h3 {font-size:1em; color:#fff; line-height:150%; margin:0px; padding:0px; float:left;}
	ul, ol{font-size:.7em; color:#333; line-height:150%;}
	a {color:#fff; text-decoration:none;}
	a:hover {text-decoration:underline}
	a img{border:none}
	ul, ol {padding-left:1.75em;}
	
#header {
	width:100%;
	height:110px;
	background:url(../images/design/bg_header.jpg) no-repeat 93% 100%;
}
	
#logo {width:240px; height:70px;}

#logo a img{display:block; padding:30px 0 0 240px; border:none;}


#leftpanel {
  width:170px;
  float:left;
}	

#spacer {
  width:1px;
  height:48px;
}

#spacer2 {
  width:1px;
  height:20px;
}

#nav{width:170px; float:left; margin:10px 0 0 0; clear:both;}
#nav {padding:0 0 0 0; margin:0 0 0 0; list-style-type:none; font-size:1.0em;}
#nav li{width:150px; border-bottom:1px solid #ccc;}
#nav li a {display:block; height:29px; color:#787878; font-weight:bold; text-decoration:none; line-height:225%; padding-left:5px;}
#nav li a:hover{color:#fff; background:url(../images/design/bg_nav-active.gif) repeat-x top left;}
#nav li a.active{color:#fff; background:none;}
	
/*splashpage*/
#box-intro{height:310px}
	#nav-intro{width:170px; float:left; margin:80px 0 0 0;}
	#nav-intro ul{padding:0 0 0 0; margin:0 0 0 0; list-style-type:none; font-size:1.0em;}
	#nav-intro ul li{width:150px; border-bottom:1px solid #ccc;}
	#nav-intro ul li a {display:block; height:29px; color:#fff; font-weight:bold; text-decoration:none; line-height:225%; padding-left:5px;}
	#nav-intro ul li a:hover {color:#fff; background:url(../images/design/bg_nav-active.gif) repeat-x top left;}
	#nav-intro ul li a.active {color:#fff; background:none;}
	#nav-intro ul li a.logo {display:block; height:50px; padding:0 0 10px 0; }
	#nav-intro ul li a img {border:none}
	
	#flash{
		width:550px; 
		height:189px;
		float:right; 
		padding-bottom:10px; 
		background:url(../images/design/mv_swf-2.jpg) no-repeat 0% 0%;
		}
		
	#flash-intro{
		width:550px;
		height: 310px;
		float:right; 
		padding:0px; 
		background-color: #9FA0A4;
		}


#content{padding:0 0 5px 0; float:left; width:550px;}

#contentbox {
  margin:0px; 
  float:left; 
  width:540px; 
  height:auto; 
  line-height:150%;
  color:#333;
  background-color:#AAAAAA;
  padding:5px;
}

#contentbox ul {font-size:1.0em;}

#contentbox2 {
  margin:0 20px 0 0; 
  float:left; 
  width:370px; 
  height:auto; 
  line-height:150%; 
  color:#333;
}
	
#contentbox2 ul {font-size:1.0em;}

	#rightpanel{width:140px; float:left; font-size:.7em; line-height:150%; color:#333;}
	.sidepic{width:140px; height:150px; background:url(../images/design/bg_gradient.jpg) repeat-x bottom left;}
	
#footer1{display:block; height:90px; background:url(../images/design/bg_gradient.jpg) repeat-x top left;}

#footer1 a img{margin:15px 8px 5px 0; float:left; border:none;}

#footer2 {
	border-top:1px solid #ccc;
	height:40px; 
	padding:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	line-height:150%;
	text-align:center;
	color:#666;
	font-size:1.0em; 
	}
	
#footer2 a {color:#666; font-weight:bold;}
#footer2 a:hover {text-decoration:underline;}

#footer-intro {
	border-top:1px solid #9fa0a4; 
	height:40px; 
	padding:10px 0 0 0;
	margin:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em; 
	line-height:150%;
	text-align:center;
	color:#666; 
	font-size:1.0em; 
	}

#footer-intro a {color:#666; font-weight:bold;}
#footer-intro a:hover {text-decoration:underline;}
	
	.clear {width:100%; height:1px; margin:0 0 -1px 0; clear:both; padding:0 0 0 0}
	.bordered {border-bottom:1px solid #ccc; padding:2px 0 10px 0; width:150px;}
	
	.textform {
		background-color:#CFD0D2; 
		width:148px; 
		border-top:1px solid #999; 
		border-left:1px solid #999; 
		border-right:1px solid #ccc; 
		border-bottom:1px solid #ccc;
		}
	
	.button {
		margin:7px 15px 20px 0px; 
		float:right; 
		width:77px; 
		height:30px; 
		background:url(../images/design/btn_register.gif); 
		display:block; 
		text-align:center;
		border:none;
		color:#666;
		font-size:.8em;
		font-weight:bold;
    }


#contentbox label { visibility: hidden; display: none; }

input, select, checkbox {
  font-size:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

textarea {
  font-size:1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

.namefield {float:left; padding-top: 3px; width: 140px; }
.inputfield, .radiobttn {float:left; width:350px; padding:4px; font-size:0.8em;}

.namefield2 {float:left; padding-top: 3px; width: 145px;}
.input2 {float:left; width: 270px; padding:2px;}


.submitbutton {
  font-size:1.0em;
  margin:6px 0 6px 140px;
  background-color:#9FA0A4;
  border:1px solid #CCCCCC;
  color:#FFFFFF;
}


.newslist ul {
  list-style-type:none;
  font-size:1em;
  margin:0px;
  padding:0px;
}

.productlist ul {
  list-style-type:none;
  font-size:1em;
  margin:0px;
  padding:0px;
}

.productthumb {
  float:left;
  padding-right:6px;
  padding-bottom:6px; 
}

#newsletterform {
  width:170px;
  margin-bottom:20px;
}

.newspaper {
  float:left;
  margin-right:6px;
}

.documentimg{float:left;padding:0 10px 10px 10px;width:120px} /*50*/