@charset "utf-8";
/* @group general styles */
body,ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background: #38aed5 url(../images/background/background.gif) top left repeat-x;
}
    
img {
    border: none;
}  

h6 {
    display: none;
}

.clear {
    width: 100%;
    clear: both;
}             
/* @end general styles */

/* @group container */  
#container {
    width: 980px;
    margin: 0 auto;
    background: #ffffff;
    padding: 0 4px;
}  

/* @group header */ 
#header {
    width: 980px;
    height: 99px;
    background: url(../images/background/header_bg.jpg) top center no-repeat;
}      

#nav {
    width: 454px;
    height: 29px;
    float: left;
    margin: 49px auto auto 134px;
    display: inline;
}   

#nav ul li {
    float: left;
}

#nav ul li a.home {
    display: block;
    width: 66px;
    height: 29px;
    background: url(../images/content/nav.jpg) no-repeat;
}    

#nav ul li a.home:hover {
    background: url(../images/content/nav.jpg) no-repeat 0px -29px; 
}

#nav ul li a.online {
    display: block;
    width: 73px;
    height: 29px;
    background: url(../images/content/nav.jpg) no-repeat -66px 0px;
}    

#nav ul li a.online:hover {
    background: url(../images/content/nav.jpg) no-repeat -66px -29px; 
}

#nav ul li a.download {
    display: block;
    width: 132px;
    height: 29px;
    background: url(../images/content/nav.jpg) no-repeat -139px 0px;
}    

#nav ul li a.download:hover {
    background: url(../images/content/nav.jpg) no-repeat -139px -29px; 
}

#nav ul li a.hardware {
    display: block;
    width: 127px;
    height: 29px;
    background: url(../images/content/nav.jpg) no-repeat -271px 0px;
}    

#nav ul li a.hardware:hover {
    background: url(../images/content/nav.jpg) no-repeat -271px -29px; 
}

#nav ul li a.ontv {
    display: block;
    width: 56px;
    height: 29px;
    background: url(../images/content/nav.jpg) no-repeat -398px 0px;
}    

#nav ul li a.ontv:hover {
    background: url(../images/content/nav.jpg) no-repeat -398px -29px; 
}

#quickLink {
    width: 124px;
    float: right;
    margin: 8px 8px auto auto;
} 

#quickLink span {
    margin: 0 10px;
}       
          
/* @end header */

/* @group body */
#body {
    width: 980px;
}  

/* @group online */
#online {
    width: 980px;
}

#onlineTitle {
    width: 980px;
    height: 30px;
    background: url(../images/background/online_title.gif) top left repeat-x;
}

#onlineTitle img {
    float: left;
    margin: 11px auto auto 16px;
}    

#onlineContent {
    width: 980px;
    height: 475px;
    background: url(../images/background/online_bg.jpg) top center no-repeat;
}    

#onlineShow {
    width: 500px;
    height: 410px;
    float: left;
    margin: 37px auto auto 419px;
    display: inline;
    background: url(../images/background/online_show.jpg) top center no-repeat;
}

#onlineShowTop {
    width: 500px;
    height: 360px;
}

#arrowLeft {
    width: 20px;
    height: 360px;
    float: left;
}

#arrowLeft input {
    float: left;
    margin: 185px auto auto 8px;
}    

#onlineShowImg {
    width: 456px;
    height: 360px;
    float: left;
}  

#arrowRight {
    width: 24px;
    height: 360px;
    float: left;
}      

#arrowRight input {
    float: left;
    margin-top: 185px;
} 

#buttonLaunch {
    width: 500px;
    height: 50px;
    text-align: center;
    float: left;
}   
/* @end online */

/* @group plans */
#plans {
    width: 980px;
	background-color:#daf3ff;
}  

#plansTitle {
    width: 965px;
    height: 33px;
    padding-left: 15px;
    background: url(../images/background/plans_title.gif) top left repeat-x;
}  

#plansContent {
    width: 980px;
    height: 215px;
    background: url(../images/background/plans_bg.jpg) top center no-repeat;
}

#plansContent ul {
    padding: 14px 0 0 17px;
}

#plansContent ul li {
    width: 231px;
    height: 191px;
    float:  left;
    margin-right: 7px;
} 

#plansContent ul li a {
    float: left;
    margin: 144px auto auto 74px;
}    

#plansContent ul li.first {
    background: url(../images/background/plan_01.jpg) top center no-repeat;
}

#plansContent ul li.second {
    background: url(../images/background/plan_02.jpg) top center no-repeat;
}       

#plansContent ul li.third {
    background: url(../images/background/plan_03.jpg) top center no-repeat;
}       

#plansContent ul li.fourth {
    background: url(../images/background/plan_04.jpg) top center no-repeat;
}                  
  
/* @end plans */

/* @group footer */
#footer {
    width: 980px;
    height: 32px;
}   

#footer ul {
    padding: 6px 0 0 270px;
} 

#footer ul li {
    height: 9px;
    float: left;
    margin-right: 12px;
}    

#footer ul li a {
    margin-right: 12px;
}    
/* @end footer */ 

/* @group copyright */
#copyright {
    width: 980px;
    height: 116px;
    background: url(../images/background/copyright_bg.gif) top left repeat-x;
}   

#copyright img {
    float: left;
    margin: 14px auto auto 340px;
}      
    
/* @end body */