HTML {



   overflow: -moz-scrollbars-vertical;



}





body {

	color:#000;

	background:#efefef url(../images/bg-header.jpg) repeat-x;

	margin:0;

	padding:0;

}

* {

	font-size:14px

}

img {

	border:none;

	display:block;

}

form {

	padding:0;

	margin:0;

}

#main {width:100%}



h1.logo {

	float:left;

	background:url(../images/logo.png) no-repeat;

	width:158px;

	height:136px;

	overflow:hidden;

	text-indent:-9999px;

	margin:24px 0 0;

}

.logo a {

	display:block;

	overflow:hidden;

	width:100%;

	height:100%;

}

h1.ship {
	float:left;

	width:391px;
	height:52px;

	text-indent:-9999px;
	margin:24px 0 0;
}
.ship a {

}
img.livehelp {
	position: relative;
	left: 400px;
	margin-top: -60px;
	display: block;
}
#header {

	width:100%;

	height:172px;

	position:relative;

	z-index:100;

}

.header {

	margin:0 auto;

	width:893px;

	padding:0 0 0 35px;

}

#header:after {

	content:".";

	font:0px sans-serif;

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.header {

	margin:0 auto;

	width:893px;

	padding:0 0 0 35px;

}

.header:after {

	content:".";

	font:0px sans-serif;

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.head {
	float:left;
	width:680px;
	padding:0 0 0 18px;
}
.nav {
	width:680px;
	padding:0 0 0 15px;
	overflow:hidden;
}

.nav ul {

	float:left;

	padding:0;

	margin:0;

	list-style:none;

}

.nav ul li {

	float:left;

	padding:0 9px 0 11px;

	background:url(../images/separator.jpg) no-repeat 0 50%;

}

.nav ul li:first-child {background:none}

.nav ul li a {

	font:12px/28px Tahoma, Arial, sans-serif;

	color:#7db2ce;

	text-decoration:none;

}

.nav ul li a:hover {text-decoration:underline}

a.cart {

	float:left;

	font:12px/28px Tahoma, Arial, sans-serif;

	color:#0c1b3e;

	background:url(../images/cart.jpg) no-repeat;

	width:98px;

	padding:0 0 0 13px;

	height:31px;

	text-decoration:none;

}

.search {

	float:left;

	padding:5px 0 0 35px;

	width:205px;

}

.search label{

	float:left;

	font:12px/22px Tahoma, Arial, sans-serif;

	color:#7db2ce;

	margin:0 4px 0 0;

}

.search span{

	float:left;

	background:url(../images/bg-input.jpg) no-repeat;

	width:124px;

	height:22px;

	margin:0 4px 0 0;

}

.search span input{

	float:left;

	font:12px/14px Tahoma, Arial, sans-serif;

	color:#000;

	width:114px;

	height:14px;

	padding:4px 5px;

	margin:0;

	border:none;

	background:none;

}

#menu {
	width:645px;
	padding:0;
	margin:98px 0 0;
	list-style:none;
}
#menu li {
	float:left;
	position:relative;
}
#menu li:hover ul,  #menu li.hover ul {
	display:block;
}
#menu li:hover a,  #menu li.hover a {
	background-position:0 100% !important
}
#menu li a {
	float:left;
	font:bold 18px/36px "Lucida Grande", Verdana, Geneva, Sans-serif;
	color:#fff;
	background-position:0 0;
	text-align:center;
	text-decoration:none;
}
#menu li a:hover {
	background-position:0 100% !important
}
#menu li a.active {
	background-position:0 100% !important
}
#menu li a.home {
	background:url(../images/nav2/home.jpg) no-repeat;
	width:78px;
}
#menu li a.product {
	background:url(../images/nav2/products.jpg) no-repeat;
	width:102px;
}
#menu li a.brain {
	background:url(../images/nav2/brain.jpg) no-repeat;
	width:190px;
}
#menu li a.program {
	background:url(../images/nav2/program.jpg) no-repeat;
	width:206px;
}
#menu li a.blog {
	background:url(../images/nav2/blog.jpg) no-repeat;
	width:65px;
}
#menu ul {
	display:none;
	position:absolute;
	top:36px;
	left:0;
	background:#e7e7e7;
	width:182px;
	padding:0;
	margin:0;
	list-style:none;
}
#menu ul li {
	width:182px
}
#menu ul li a {
	float:left;
	font:bold 14px/32px Tahoma, Arial, sans-serif;
	;
	color:#272525;
	width:161px;
	padding:0 0 0 21px;
	text-align:left;
}
#menu ul li a:hover {
	background:#7db2ce
}#content {

	width:100%;

	overflow:hidden;

}

.block {

	background:#d2a00d url(../images/bg-block.jpg) repeat-x;

	border-bottom:7px solid #a07d0e;

}

.block-info {

	margin:0 auto;

	width:915px;

	padding:16px 0 0 13px;

	overflow:hidden;

	min-height:275px;

}

* html .block-info {

	overflow:visible;

	height:275px;

}

.box {

	float:left;

	width:260px;

}

.box strong {

	display:block;

	background:url(../images/slogan.jpg) no-repeat;

	width:260px;

	height:32px;

	text-indent:-9999px;

}

.box p {

	font:12px/16px Arial, Helvetica, sans-serif;

	color:#0d0d0d;

	line-height: 22px;

	margin:15px 40px 10px 10px;

}

a.learn {

	float:left;

	background:url(../images/learn.png) no-repeat;

	width:205px;

	height:33px;

	text-indent:-9999px;

}

a.learn:hover {background:url(../images/learn-over.png) no-repeat}

a.shop {

	float:left;

	background:url(../images/shop.png) no-repeat;

	width:142px;

	height:33px;

	margin:12px 0 0 63px;

	text-indent:-9999px;

}

a.shop:hover {background:url(../images/shop-over.png) no-repeat}

.photo {

	float:left;

	width:362px;

	padding:0 47px 0 0;

}

.photo div {

	background:url(../images/frame.gif) no-repeat;

	width:358px;

	overflow:hidden;

	padding:0 2px 2px;

}

.products {

	float:left;

	width:232px;

}

.products h2 {

	font:12px/32px Arial, Helvetica, sans-serif;

	color:#333;

	background:url(../images/product-head.jpg) no-repeat;

	width:232px;

	margin:0;

	text-align:center;

	text-transform:uppercase;

}

.products ul {

	width:232px;

	padding:0;

	margin:0;

	overflow:hidden;

	list-style:none;

}

.products ul li {float:left}

.products ul li a {

	float:left;

	width:116px;

	background-position:0 0;

	text-indent:-9999px;

}

.products ul li a:hover {background-position:0 100% !important}

.products ul li a.link01 {

	background:url(../images/memory.jpg) no-repeat;

	height:83px;

}

.products ul li a.link02 {

	background:url(../images/coordination.jpg) no-repeat;

	height:83px;

}

.products ul li a.link03 {

	background:url(../images/think.jpg) no-repeat;

	height:78px;

}

.products ul li a.link04 {

	background:url(../images/visual.jpg) no-repeat;

	height:78px;

}

.products ul li a.link05 {

	background:url(../images/communicarion.jpg) no-repeat;

	height:67px;

}

.products ul li a.link06 {

	background:url(../images/software.jpg) no-repeat;

	height:67px;

}


.content {

	margin:0 auto;

	width:928px;

	padding:19px 0 43px;

	overflow:hidden;

}

.column1 {

	float:left;

	width:281px;

	padding:0 0 0 18px;

}

.box1 {background:url(../images/box1-bg.jpg) repeat-y}

.box1-bg {background:url(../images/box1-head.jpg) no-repeat}

.box1-info {

	background:url(../images/box1-foot.jpg) no-repeat 0 100%;

	width:246px;

	padding:27px 16px 22px 19px;

	overflow:hidden;

	min-height:151px;

}

* html .box1-info {

	overflow:visible;

	height:151px;

}

.box1 h2 {

	background:url(../images/head01.png) no-repeat;

	width:172px;

	height:19px;

	margin:0 0 0 74px;

	text-indent:-9999px;

}

.box1-inf {

	width:246px;

	padding:25px 0 30px;

	overflow:hidden;

	border-bottom:1px solid #939394;

}

.box1-inf div {

	float:right;

	width:121px;

	padding:0 0 0 5px;

}

.box1 p {

	font:13px/18px Arial, Helvetica, sans-serif;

	color:#494646;

	margin:0;

}

.start {

	width:246px;

	overflow:hidden;

}

.start a {

	font:bold 14px/16px Arial, Helvetica, sans-serif;

	color:#7a7777;

	float:right;

	padding:0 13px 0 0;

	margin:6px 0 0;

	background:url(../images/arrow.jpg) no-repeat 100% 50%;

	text-decoration:none;

}

.start a:hover {color:#2ea1bc}

.column2 {

	float:left;

	width:218px;

	padding:13px 0 0 52px;

}

.box2 {background:url(../images/box2-bg.jpg) repeat-y}

.box2-bg {background:url(../images/box2-head.jpg) no-repeat}

.box2-info {

	background:url(../images/box2-foot.jpg) no-repeat 0 100%;

	width:177px;

	padding:14px 18px 13px 23px;

	overflow:hidden;

}

.box2 h2 {

	background:url(../images/head02.png) no-repeat;

	width:71px;

	height:20px;

	margin:0 0 0 104px;

	text-indent:-9999px;

}

.box2-inf {

	padding:20px 0 0;

	width:177px;

	overflow:hidden;

}

.box2 p {

	font:13px/18px Arial, Helvetica, sans-serif;

	color:#494646;

	margin:0;

}

a.more {

	font:bold 14px/16px Arial, Helvetica, sans-serif;

	color:#7a7777;

	float:right;

	padding:0 13px 0 0;

	margin:10px 0 0;

	background:url(../images/arrow.jpg) no-repeat 100% 50%;

	text-decoration:none;

}

a.more:hover {color:#2ea1bc}

.recall {

	background:#ffc20f;

	width:206px;

	overflow:hidden;

	padding:5px;

	margin:23px 0 0;

}

.column3 {

	float:left;

	width:290px;

	padding:18px 0 0 55px;

}

.box3 {

	width:290px;

	overflow:hidden;

}

.box3-head {

	background:url(../images/box3-head.jpg) no-repeat;

	width:290px;

	height:27px;

	padding:8px 0 0;

	overflow:hidden;

}

.box3-head h2 {

	background:url(../images/head03.png) no-repeat;

	width:141px;

	height:16px;

	margin:0 0 0 131px;

	overflow:hidden;

	text-indent:-9999px;

}

.box3-info {

	background:url(../images/box3.jpg) no-repeat;

	width:227px;

	height:168px;

	padding:15px 10px 22px 53px;

	overflow:hidden;

}

.box3-info p {

	font:13px/16px Arial, Helvetica, sans-serif;

	color:#494646;

	margin:0 0 0 115px;

}

.box3-info div {

	padding:23px 0 0;

	width:227px;

	overflow:hidden;

}

.box3-info div strong {

	float:left;

	font:bold 16px/32px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	margin:0;

	width:156px;

	text-transform:uppercase;

}

.box3-info div strong {

	float:left;

	font:15px/32px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	margin:0;

	width:156px;

	text-transform:uppercase;

}

.box3-info div span {

	float:left;

	font:13px/32px Verdana, Arial, Helvetica, sans-serif;

	color:#333;

	margin:0;

	width:60px;

	text-align:center;

}

#footer {

	background:url(../images/bg-footer.jpg) repeat-x;

	width:100%;

	overflow:hidden;

}

.footer {

	margin:0 auto;

	width:821px;

	padding:11px 50px 0 57px;

	height:103px;

	overflow:hidden;

}

.foot {

	width:821px;

	height:32px;

	overflow:hidden;

}

.sign {

	float:left;

	width:365px;

}

.sign label {

	float:left;

	background:url(../images/head01.jpg) no-repeat;

	width:158px;

	height:22px;

	margin:0 9px 0 0;

	text-indent:-9999px;

}

.sign span {

	float:left;

	background:url(../images/bg-input1.jpg) no-repeat;

	width:124px;

	height:22px;

	margin:0 9px 0 0;

}

.sign span input {

	float:left;

	font:12px/14px Verdana, Arial, Helvetica, sans-serif;

	color:#0f1e3b;

	width:114px;

	height:14px;

	margin:0;

	padding:4px 5px;

	background:none;

	border:none;

}

.sign input {float:left}

.tell {

	float:right;

	width:322px;

}

.tell strong {

	float:left;

	background:url(../images/head02.jpg) no-repeat;

	width:133px;

	height:22px;

	margin:0 6px 0 0;

	text-indent:-9999px;

}

.tell a {

	float:left;

	font:13px/22px Arial, Helvetica, sans-serif;

	color:#494646;

	padding:0 13px 0 0;

	background:url(../images/arrow1.jpg) no-repeat 100% 50%;

	text-decoration:none;

}

.tell a:hover {text-decoration:underline}

.inf {

	width:821px;

	padding:19px 0 0;

	overflow:hidden;

}

.inf p {

	float:right;

	font:11px/16px Tahoma, Arial, sans-serif;

	color:#848084;

	margin:0;

}

.inf ul {

	clear:both;

	float:right;

	padding:0;

	margin:0;

	list-style:none;

}

.inf ul li {

	display:inline;

	padding:0 0 0 10px;

}

.inf ul li a {

	font:11px/16px Tahoma, Arial, sans-serif;

	color:#848084;

	text-decoration:none;

}

.inf ul li a:hover {text-decoration:underline}



/*contact*/



.block1 {

}

.block-info1 {

	margin:0 auto;

	width:915px;

	padding:33px 0 0 13px;

	overflow:hidden;

	min-height:275px;

}

* html .block-info1 {

	overflow:visible;

	height:275px;

}



.rightcol {

	float:left;

	width:240px;

}

.rightcol h2 {

	font:15px/20px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

}

.rightcol p {

	font:13px/18px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

}





.main1 {

	float:left;

	width:585px;

}

.main1 strong {

	display:block;

	background:url(../images/slogan.jpg) no-repeat;

	width:260px;

	height:32px;

	text-indent:-9999px;

}

.main1 p {

	font:14px/18px Arial, Helvetica, sans-serif;

	color:#3b3b3b;

	margin:10px 40px 10px 40px;

	letter-spacing: .75px;

}







/*about  - word test*/



.block2 {

}

.block-info2 {

	margin:0 auto;

	width:915px;

	padding:33px 0 0 13px;

	overflow:hidden;

	min-height:275px;

}

* html .block-info2 {

	overflow:visible;

	height:275px;

}



.rightcol2 {

	float:left;

	width:240px;

}

.rightcol2 h2 {

	font:15px/20px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

}

.rightcol2 p {

	font:13px/18px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

}





.main2 {

	float:left;

	width:825px;

}



.main2 p {

	font:14px/19px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

}





.test22 li {

	font:13px/18px Arial, Helvetica, sans-serif;

	color:#494646;

	margin-left: 15px;

	line-height:20px;

}