@charset "UTF-8";
/* CSS Document */
body, div, p, img, a, ul, li, h1, h2{
padding: 0;
margin: 0;
}
a{
outline: none;
text-decoration: underline;
cursor: pointer;
}
img{
border: none;
}
a:link {color: #000000}     
a:visited {color: #000000}  
a:hover {color: #000000}  
a:active {color: #000000}  
html {height:100%;}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body {
height:100%;
background: #FFFFFF;
font:100% arial,sans serif;
line-height: 1.5;
color: #000000;
}
#wrap {
width: 1004px;
text-align: left;
}
#inner_wrap{
width: 994px;
float: left;
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
/*dev*/
.home #inner_wrap, .archives #inner_wrap {
	overflow: visible;
}
#header{
margin: 25px 25px 25px 30px;
}
#nav{
position: absolute;
top: 156px;
left: 144px;
z-index:100;
height: 20px;
}
#nav a{
text-decoration: none;
}
#nav ul{
font-family: Arial, sans-serif;
font-size: 11px;
list-style-type: none;
}
#nav ul li{
height: 20px;
float: left;
}
#left{
height: 400px;
float: left;
position: relative;
}
#header h1{
background: url(../../grafix/h1.png) no-repeat 0 0;
  font-size: 10px;
  text-indent: -9999px;
height: 83px;
width: 151px;
}
ul.blocks {
padding: 0;
display: block;
height: 333px;
overflow: auto;
}
ul.blocks li {
width: 848px;
margin: 0 0 0 0px;
float: left;
display: block;
height: 333px;
background-color: #ffffff;
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.scroll-pane {
float: left;
}
.holder {
display: block;
margin: 0;
float: left;
}

#loader{
width: 48px;
height: 48px;
position: absolute;
top: 459px;
left: 772px;
z-index: 100;
}
.underline{
margin: 0 5px 0 5px;
border-bottom: 1px solid #000;
}

#old_news_holder {
position: absolute;
top: 173px;
right: 28px;
width: 150px;
z-index: 100;
}
#old_news{
border: 1px solid #000;
border-bottom: none;
font-size: 10px;
padding: 5px;
}
#old_news a {
display: block;
}
#old_news a:hover {
background: #000;
color: #fff;
}
#slide_tab {
margin: 0 auto;
border: 1px solid #000;
color: #000;
text-align: center;
overflow: auto;
font-size: 12px;
}
#slide_tab a {
float: left;
color: #000;
margin: 2px 10px 0 50px;
}
#old_news_holder span{
width: 10px;
height: 10px;
float: left;
}
#main{
width: 848px;
border: 1px solid #000;
margin: 40px 0 25px 144px;
position: relative;
}
#pane_main{
height: 333px;
width: 848px;
padding: 0;
display: block;
overflow: hidden;
}
#pane_entry{
height: 256px;
width: 136px;
background: #fff;
display: block;
_overflow: hidden;
}
.news_text{
width: 347px;
float: right;
border-left: 1px solid #000;
height: 333px;
}
.news_text h1 {
margin: 10px;
margin-top: 1px;
margin-bottom: 0;
font-size: 14px;
border-bottom: 1px solid #000;
font-weight: normal;
}
.news_text h2.news_date {
text-align: right;
font-size: 9px;
line-height: 5px;
margin: 13px 10px -9px 0;
font-weight: lighter;
}
.news_text p {
margin: 5px 10px;
margin-bottom: 0;
font-size: 11px;
}
.news_pic {
float: left;
}
.news_pic p {
margin-top: 156px;
width: 500px;
text-align: center;
font-size: 12px;
}
.news_pic img {
width: 500px;
height: 333px;
}
.scroll-right{
position: absolute;
bottom: -20px;
right: 2px;
color: #fff;
z-index: 100;
}
.scroll-left{
position: absolute;
bottom: -20px;
left: 2px;
color: #fff;
z-index: 100;
}
.scroll-right, .scroll-left {
text-decoration: none;
}
.more_posts { 
position:absolute;
bottom: -40px;
right: 2px;
font-size: 12px;
}
#list {position: absolute;padding:0; margin:0; font-family: arial, sans; font-size: 11px; background:#fff;}
#list dt strong, #list dt a {display:block; cursor:pointer; margin: 2px 0 2px 0;}
#list dt a {color:#000; text-decoration:none;}
#list dt strong:hover {
background-color: #000000;
color: #ffffff;
}
#list dt strong a:hover {
color: #ffffff;
}
#list dd {padding:0; margin:0;}
#list dd ul {padding:0; margin:0; list-style:none; }
#list dd ul li {margin: 3px 0 3px 0;padding-left: 15px;}/*padding-left:20px*/
#list dd ul li a {font-size:10px; color:#000; text-decoration:none;}
#list a.current {text-decoration:underline;}
#product_menu{
position: absolute;
top: 40px;
left: 30px;
width: 100px;
list-style-type: none;
font-size: 12px;
}
#product_menu strong{
font-weight: normal;
}
#product_menu ul.collapsed{
visibility: hidden;
}
#product_menu ul.collapsed:hover{
visibility: visible;
}
#pane_product {
height: 333px;
width: 500px;
padding: 0px;
display: block;
_overflow: hidden;
}
#pane_product img {
width: 500px;
height: 335px;
}
#product{
width: 500px;
background-color: #000;
margin: 41px 0 25px 144px;
position: relative;
height: 333px;
}
#product_border
{
position: absolute;
top: 40px;
left: 143px;
height: 333px;
width: 849px;
border: 1px solid #000;
}
#pane_product ul.blocks{
padding: 0;
width: 2000px; 
display: block;
height: 333px;

}
#pane_product ul.blocks li{
width: 500px;
margin: 0 0 0 0px;
float: left;
display: block;
height: 333px;
background-color: #ffffff;
}
#product_info{
position: absolute;
width: 348px;
height:333px;
z-index:100;
top: 0;
left: 500px;
background-color:#ffffff;
border-left: 1px solid #000000;
font-size: 11px;
}
#product_info h1{
margin: 10px;
margin-bottom: 0;
font-size: 14px;
border-bottom: 1px solid #000;
font-weight: normal;
}
#product_info p{
margin: 5px 10px;
margin-bottom: 0;
}
#product_info dl{
margin: 10px;
margin-top: 5px;
}
#product_info dl dt{
width: 68px;
float: left;
}
#product_info dl dd{
margin-left: 80px;
}
#product_info dl.indent{
margin-left: 30px;
}
#product_info dl.indent dt{
width: 48px;
text-align: right;
}
#product_info dl.indent dd{
margin-left: 58px;
}
.team_left{
height: 435px;
}
#team{
margin-left: 29px;
position: relative;
height: 435px;
overflow: auto;
width: 633px;
}
.team_pics{
position: absolute;
border: 1px solid #000;
}
.team_pics p{
margin: 5px;
font-size: 11px;
}
.cover{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
z-index: 100;
background: #000;
}
.cover a{
display: block;
width: 100%;
height: 100%;
}
#team #one{
width: 76px;
height: 75px;
top: 0px;
left: 0px;
}
#team #two{
width: 77px;
height: 120px;
top: 0px;
left: 83px;
}
#team #three{
width: 83px;
height: 103px;
top: 17px;
left: 167px;
}
#team #four{
width: 113px;
height: 120px;
top: 0;
left: 257px;
}
#team #five{
width: 75px;
height: 76px;
top: 0;
left: 377px;
}
#team #six{/*div */
width: 152px;
height: 37px;
background-color: #fff;
top: 83px;
left: 377px;
}
#team #seven{
width: 115px;
height: 58px;
top: 18px;
left: 459px;
}
#team #eight{
width: 95px;
height: 90px;
top: 83px;
left: 536px;
}
#team #nine{
width: 76px;
height: 91px;
top: 82px;
left: 0px;
}
#team #ten{
width: 125px;
height: 121px;
top: 127px;
left: 83px;
}
#team #eleven{
width: 75px;
height: 75px;
top: 127px;
left: 215px;
}
#team #twelve{
width: 150px;
height: 91px;
top: 127px;
left: 297px;
}
#team #thirteen{
width: 75px;
height: 91px;
top: 127px;
left: 454px;
}
#team #fourteen{
width: 67px;
height: 112px;
top:180px;
left: 536px;
}
#team #fifteen{
width: 76px;
height: 68px;
top: 180px;
left: 0px;
}
#team #sixteen{
width: 83px;
height: 103px;
top: 255px;
left: 38px;
}
#team #seventeen{
width: 80px;
height: 146px;
top: 255px;
left: 128px;
}
#team #eighteen{
width: 75px;
height: 91px;
top:209px;
left: 215px;
}
#team #nineteen{
width: 75px;
height: 75px;
top:225px;
left:297px;
}
#team .twenty-horizontal{/*div*/
width: 75px;
height: 75px;
background-color:#fff;
top:225px;
left:379px;
z-index: 101;
border-right:none;
}
#team .twenty-vertical{/*div*/
width: 75px;
height: 149px;
background-color: #fff;
top:225px;
left:454px;

}
#team #twenty-one{
width: 95px;
height: 95px;
top:299px;
left:536px;
}
#team #twenty-two{
width: 121px;
height: 63px;
top: 366px;
left:0;
}
#team #twenty-three{
width: 115px;
height: 67px;
top:307px;
left:215px;
}
#team #twenty-four{
width: 110px;
height: 115px;
top:307px;
left:337px;
}
#team p.coming_soon{
font-size: 9px;
}
#left #team-idv {
margin: 0 218px 20px 29px;
border: 1px solid;
width:849px;
overflow: auto;
position:relative;
}
#left #team-idv h3 {
font-family: Verdana, sans-serif;
font-size: 10px;
margin: 0 13px 2px 13px;
}
#left #team-idv p {
margin: 0 13px 8px 13px;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: justify;
}
#left #team-idv img{
border: 1px solid #000;
margin: 0 13px 8px 13px;
display: block;
width: 190px;

}
#left #team-idv img.left{
float: left;
}
#left #team-idv #left-t{
width: 424px;
margin: 13px 0;
float: left;
border-right: 1px solid;
}
#left #team-idv #right-t{
width: 424px;
margin: 13px 0;
float: left;
}

#left .distributors {
overflow: auto;
margin: 40px 0 0 144px;
padding: 10px 10px;

border: 1px solid #000;
}

#left .distributors ul{
list-style-type: none;

height: 20px;
font-size: 10px;
font-family: Verdana, sans-serif;
}

#left .distributors ul li{
float: left;
width: 165px;
margin: 3px 0 3px 0;

}
#left .distributors ul li.country{
width: 130px;
padding-left: 10px;
}
#left .distributors ul li.phone{
padding-left: 20px;

}
#left .distributors ul li a:hover{
background-color: #000000;
color: #ffffff;
padding: 3 px;

}

.media{
width: 848px;
border: 1px solid #000;
background-color: #fff;
margin: 0 0 20px 144px;
position: relative;
overflow: auto;
min-height: 300px;
}

.media_text{
float: right;
width: 347px;
float: right;


}
.media_text h1 {
margin: 10px;
margin-top: 1px;
margin-bottom: 0;
font-size: 14px;
border-bottom: 1px solid #000;
font-weight: normal;
}
.media_text h2.date {
text-align: right;
font-size: 9px;
line-height: 5px;
margin: 13px 10px -9px 0;
font-weight: lighter;
}
.media_text p {
margin: 5px 10px;
margin-bottom: 0;
font-size: 11px;
}
.media_content{
float: left;
width: 500px;
border-right: 1px solid #000;
background: #000;
}
.media_content img{
width: 500px;
height: 333px;
}
.media_content object{
margin: auto;
display: block;
}
.media_content embed{
margin: auto;
display: block;
}
#pages		{
	float: right;
	
	margin: 0 0 20px 0;
	}
#pages	p	{
	float: left;
	margin-top: 5px;
	font-size: 11px;
	}
#pages	ul	{
float: left;
	list-style-type: none;

	}
#pages ul li	{
	float: left;
	margin-left: 3px;
	}
#pages ul li a	{
	display: block;
	border: 1px solid #000;
	width: 15px;
	height: 15px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	}
#pages ul li a:link	{
	text-decoration: none;
	}
#pages ul li a:visited	{
	text-decoration: none;
	}	
#pages ul li a:hover	{
	background: #000;
	color: #fff;
	}
#pages ul li a.current	{
	text-decoration: underline;
	}