body, h1, h2, h3, h4, h5, h6, img, a, p, form {

	border: none;

	margin: 0;

	padding: 0;

	text-decoration: none;

}



body {

	font: 12px Verdana, Geneva, sans-serif;

	color: #4A4A3C;

}

.text01 {

	font-size: 12px;

	font-weight: normal;

	color: #F30;

}

/*3px jog hack*/

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html p {

	height: 1%;

	margin-left: 0;

}

/* End hide from IE5/mac */



.wrapper {

	width: auto;

	height: 100%;

}

.frame {

	width: 1007px;

	height: auto;

	margin: 0 auto;

}

.page {

	width: 100%;

	height: auto;

	margin: 0 auto;

	float: right;

}

.header {

	background: url(../images/header_bg.jpg) no-repeat left top;

	height: 122px;

	width: 1007px;

}

.header .logo {

	float: left;

	height: auto;

	width: auto;

	margin: 25px 0px 6px 20px;

}

.header .slogan {

	font: normal 14px Verdana, Geneva, sans-serif;

	color: #4F7BAC;

	text-align: right;

	float: right;

	width: auto;

	margin-top: 57px;

	padding-right: 15px;

}

.nav_top {

	width: 100%;

	height: 31px;

	float: left;

}



/* -------------------------< Navigation >--------------------------- */



.nav_top ul {

	list-style: none;

	width: 702px;

	float: left;

	padding: 4px 0px 0px 0px;

	margin: 0;

}

.nav_top li {

	float: left;

	height: 20px;

	width: auto;

	text-align: center;

	font-weight: bold;

	color: #D2D2D2;

	white-space: nowrap;

	display: block;

	padding-right: 4px;

	padding-left: 4px;

	background: url(../images/nav_top_sep.png) no-repeat right top;

	list-style: none;

}

.nav_top li.last {

	background: url(none);

}

.nav_top li a {

	color: #454545;

	text-align: center;

	padding: 0px 12px;

	white-space: nowrap;

	font: normal 11px/20px Tahoma, Geneva, sans-serif;

	height: 20px;

	text-transform: uppercase;

	display: block;

}

.nav_top .selected {

	background: #D2D2D2;

}

.nav_top a:hover {

	background: #D2D2D2;

}



/* -------------------------< LANGUAGE >--------------------------- */



.header .nav_top .lan {

	float: right;

	height: 20px;

	width: 130px;

	border: 1px solid #98B0C6;

	margin-top: 4px;

	font: 11px Verdana, Geneva, sans-serif;

	color: #333;

}

/* -------------------------< SEARCH >--------------------------- */



.search {

	width: 150px;

	float: right;

	padding-top: 4px;

	padding-left: 20px;

}

.search .inpTxt {

	color: #456B96;

	background: #D9E9FA;

	float: left;

	height: 16px;

	width: 127px;

	border: 1px solid #979AC0;

	font: 11px/15px Verdana, Geneva, sans-serif;

}

.search .inpBtn {

	margin: 0px;

	padding: 0px;

	float: left;

}





.content_hold {

	float: right;

	height: auto;

	width: 100%;

}





/* -------------------------< HOME PAGE >--------------------------- */





.hp {

	background: url(../images/hp_top_bg.png) no-repeat right top;

	float: right;

	height: 571px;

	width: 100%;

}

.hp .left {

	float: left;

	height: auto;

	width: 491px;

}

.hp .left .media {

	float: left;

	height: 282px;

	width: 483px;

	border:none;

	/*margin-top:-2px;

	*margin-top:-2px;

	margin-left:3px;*/

	padding:0;

}

.hp .vbox {

	float: left;

	height: 267px;

	width: 245px;

}

.hp .vbox .blank{

	padding-top:60px;

	padding-left:70px;



}

.hp .vbox.vstor {

	background: url(../images/hp_vstor_bg.jpg) no-repeat left top;

}

.hp .vbox.vswitch {

	background: url(../images/hp_vswitch_bg.jpg) no-repeat left top;

}

.hp .vbox ul {

	list-style: none;

	width: 200px;

	margin: 4px auto 0px;

	padding: 0px;

}

.hp .vbox ul li {

	color: #A7341F;

	font: normal 12px Arial, Helvetica, sans-serif;

	background: url(../images/bullet_red.png) no-repeat left 5px;

	padding-left: 15px;

}

.hp .right {

	float: right;

	height: auto;

	width: 516px;

}

.hp .right .lead {

	float: right;

	height: 220px;

	width: 440px;

	padding: 22px 50px 20px 0px;

	font-size: 11px;

}

.hp .lead ul {

	color: #A7341F;

	font-size: 11px;

	font-weight: bold;

	line-height: 20px;

}

.hp .lead ul a{

	color: #A7341F;

	font-size: 11px;

	font-weight: bold;

	line-height: 20px;

}

.hp .viewdemo {

	background: url(../images/hp_viewdemo.png) no-repeat;

	float: left;

	height: 286px;

	width: 259px;

	margin-right: 12px;

}

.hp .viewdemo ul {

	list-style: none;

	padding: 0px 0px 0px 20px;

	margin: 70px 0px 0px;

	width: 220px;

}

.hp .viewdemo ul li {

	height: 37px;

	margin-bottom: 14px;

}

.hp .viewdemo ul li a {

	font-size: 12px;

	font-weight: bold;

	color: #A7341F;

	background: url(../images/bullet_video.png) no-repeat left top;

	padding-left: 44px;

	display: block;

	height: 37px;

	line-height: 37px;

}

.hp .banner {

	background: url(../images/hp_banner_hold.png) no-repeat;

	float: left;

	height: 286px;

	width: 237px;

	text-align: center;

	vertical-align: middle;

	display: table-cell;

 *display: block;

}

.hp .banner * {

	vertical-align: middle;

}

.hp .banner span {

	display: inline-block;

	height: 100%;

 *width: 1px;

}

/* -------------------------< HOME PAGE >--------------------------- */





.inner {

	float: right;

	height: auto;

	width: 999px;

	padding-right: 8px;

	padding-bottom: 8px;

}

.inner .right {

	float: right;

	height: auto;

	width: 224px;

	background: url(../images/inner_right_foot.png) no-repeat left bottom;

	padding: 0px 0px 12px;

	display: block;

}



.inner .right .top {

	background: url(../images/inner_right_top.png) no-repeat right top;

	height: 13px;

	width: 224px;

}

.inner .right .in {

	background: url(../images/inner_right_body.png) repeat-y left top;

	display: block;

	height: auto;

	width: 224px;

	clear: both;

	padding-bottom:20px;

}

.inner .right h2 {

	font-size: 14px;

	font-weight: bold;

	color: #4F7BAC;

	text-align: center;

	margin-bottom: 10px;

	text-transform: uppercase;

}

.inner .login {

	padding: 0px 14px;

	height: 162px;

	width: 196px;

	border-bottom: 1px solid #B8B8B8;

	margin-bottom: 20px;

}

.inner .login ul li .inpBtn {

	float: right;

	width:45px;

	font-size:11px;

}

.inner .login ul {

	margin: 0px;

	list-style: none;

	padding: 0;

}

.inner .login ul li {

	display: inline-block;

	clear: both;

	width: 196px;

	margin-bottom: 6px;

	float: left;

	line-height: 20px;

}



.inner .login form {

	margin: 0px;

	padding: 0px;

}

.inner .login ul li span {

	font-size: 12px;

	font-weight: normal;

	color: #24678A;

	float: left;

	height: 20px;

	width: 72px;

	line-height: 18px;

}

.inner .login ul li .inpTxt {

	float: right;

	height: 17px;

	width: 120px;

	border: 1px solid #7F9DB9;

}

.inner .login li.forgot {

	font: normal 11px Arial, Helvetica, sans-serif;

	margin-bottom: 0px;

	padding-left: 5px;

	margin-top: 5px;

}

.inner .login li.forgot a {

	color: #A7341F;

}

.inner .login li.error  {

	color: #A7341F;

	font-size:10px;

	line-height: 11px;

	padding:0;

	margin:0;

}



.inner .login li.remember {

	font: 11px/11px Arial, Helvetica, sans-serif;

	color: #000;

}





.inner .datasheet {

	font-size: 11px;

	font-weight: bold;

	color: #A7341F;

	margin: 0px;

	height: 162px;

	border-bottom: 1px solid #B8B8B8;

	margin-bottom: 20px;

}

.inner .datasheet li {

	margin-bottom: 10px;

}





.inner .top_panel {

	background: url(../images/inner_panel_top.png) no-repeat left top;

	float: left;

	height: 35px;

	width: 775px;

	margin-bottom: 22px;

	line-height: 33px;

}

.inner .top_panel h2 {

	font-size: 14px;

	line-height: 35px;

	font-weight: bold;

	color: #353990;

	float: left;

	width: 248px;

	padding-left: 25px;

	text-transform: uppercase;

}

.inner .top_panel h3 {

	font-size: 14px;

	font-weight: bold;

	color: #4F7BAC;

	float: left;

	width: 374px;

}

.inner .top_panel .how {

	float: left;

	margin-top: 5px;

}



.inner .left {

	float: left;

	height: 500px;

	width: 236px;

}

.inner .left .nav_side {

	padding: 0px 13px 0px 24px;

	float: left;

	height: 219px;

	width: 199px;

	margin: 0px 0px 16px;

	list-style: none;

	background: url(../images/left_nav_frame.png) no-repeat right top;

}

.inner .left .nav_side li {

	margin-bottom: 5px;

}

.inner .left .nav_side li a{

	margin-bottom: 5px;

	font: bold 11px/20px Tahoma, Geneva, sans-serif;

	color: #494C9B;

	height: 20px;

	width: 199px;

	display: block;

	padding-left: 5px;

}

.inner .left .nav_side li a:hover {

	color: #454545;

	background: #D2D2D2;

	text-decoration:none;

}

.inner .left .nav_side li a.selected {

	color: #454545;

	background: #D2D2D2;

}

.inner .left .banner{

	background: url(../images/inner_media_frame.png) no-repeat right top;

	float: left;

	height: 218px;

	width: 236px;

	text-align: center;

	vertical-align: middle;

	display: table-cell;

	*display: block;

}

.inner .left .banner *{

	vertical-align: middle;

}

.inner .left .banner img{

	width:225;

	height:181;

 }

.inner .left .banner span{

	display: inline-block;

	height: 100%;

	*width: 1px;

}



.inner .left .sideimage{

	float: left;

	text-align: center;

	vertical-align: middle;

	display: table-cell;

	*display: block;

}



.inner .main {

	float: left;

	height: auto;

	width: 460px;

	padding-left: 38px;

	font: normal 11px Verdana, Geneva, sans-serif;

}

.inner .center {

	height: auto;

	width: 560px;

	font: normal 11px Verdana, Geneva, sans-serif;

	padding-left: 18px;

}

.inner .mainLg {

	float: left;

	height: auto;

	width: 560px;

	padding-left: 38px;

	font: normal 11px Verdana, Geneva, sans-serif;

}

.inner .main h3, .inner .mainLg h3{

	color:#06328B;

	font: bold 16px Verdana, Geneva, sans-serif;

	margin-bottom:15px;

	margin-top:10px;

}

.inner .main h4, .inner .mainLg h4 {

	color:#06328B;

	font: bold 14px Verdana, Geneva, sans-serif;

	margin-bottom:15px;

	margin-top:10px;

}

.inner .main .blue, .inner .mainLg .blue {

	color:#06328B;

	font: normal 11px Verdana, Geneva, sans-serif;

}

.inner .main p, .inner .mainLg p {

	margin-bottom: 16px;

}

.inner .mainLg th{

	text-align:right;

	color:#4C4F53;

	}

.inner .mainLg h5{

	color:#B67800;

	font: bold 12px Verdana, Geneva, sans-serif;

}

.inner .sideList {

	font-size: 11px;

	font-weight: bold;

	color: #A7341F;

	margin: 0px;

	padding: 0px 10px 0px 25px;

}

.inner .sideList li {

	margin-bottom: 10px;

}

.inner .sideList a {

	color: #A7341F;

}



.inner a:hover {

	text-decoration:underline;

}







/* -------------------------< INNER PAGE >--------------------------- */







/* -------------------------< FOOTER >--------------------------- */





.footer {

	background: url(../images/footer_bg.jpg) no-repeat left top;

	height: 58px;

	width: 100%;

	clear: both;

}

.footer p {

	margin-top: 17px;

	padding: 0px 55px;

	font-size: 11px;

	float: left;

}

.footer .weby {

	float: right;

}

.footer a {

	color: #57574A;

	text-decoration: underline;

}