@charset "utf-8";
/* CSS Document */
body{margin:0 0 0 0; padding:0 0 0 0; background:url(../images/bg.png) repeat-x #abddf2; font: 12px Helvetica, Arial, sans-serif; color:#595959;}
/*sprite*/
.main{background:url(../images/mainimg.gif) no-repeat;}
.logo{background-position:-19px -10px; width:260px; height:59px; display:block; float:left;}
.weaver{background-position:-166px -164px; width:100px; height:80px; float:right; }
.but_support{background-position:-164px -101px; width:77px; height:28px; float:left; margin-left:440px; cursor:pointer;}
.appstoreicon{background-position:-21px -89px; width:118px; height:50px; display:block; margin:0 auto;}
/*slider*/
#wrapper {width: 900px; margin:0 auto;}
#intro {padding-bottom: 10px;}
#slider {width: 900px; height:470px; margin: 0 auto; position: relative; padding:2px;}
.scroll {overflow: hidden; width: 900px; margin: 0 auto; position: relative;}
.scrollContainer {position: relative;}
.scrollContainer div.panel {padding: 5px; width:216px; height:470px; float:left;}
.inside {border:none;}
.inside img { margin: 0 0 10px 0; width:150px;}
.inside p {font-size: 12px; color: #464646; padding:10px; padding-top:10px;}
a {color: #999; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;}
a:hover {text-decoration:underline;}
.scrollButtons {position: absolute; top: 220px; cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}
.hide {display: none;}
/*Grayout*/
#GrayOut {position:absolute; background-color:#000000; display:none; z-index:1; left:0px; top:0px; width:100%; height:100%; filter:alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;}