* {margin:0;padding:0}
body {
background:url(images/bg.jpg) repeat-x top #EEEEEE;
font-family:Verdana;
font-size:12px;
color:#555;
}

hr {
clear:both;
height:1px;
border-bottom:1px dashed #CCC;
margin:25px auto;
}

h1, h2, h3 {
font-family:Arial;
color:#000;
}

strong {
color:#000;
}

.middle {
text-align:center;
}

.left {
float:left;
}

#intro a, #bar a, a.link, #about a, #bottom li a {
color:#6D13AF;
text-decoration:none;
font-weight:bolder;
}

#intro a:hover, #bar a:hover, a:hover.link, #about a:hover, #bottom li a{
text-decoration:underline;
}

#container {
width:960px;
background:url(images/bottom_bg.jpg) repeat-x bottom #FFF;
margin:30px auto 0 auto;
}

#top {
width:960px;
height:94px;
background:url(images/swf2mov.gif) no-repeat top left;
}

#logo {
width:580px;
float:left;
}

#logo h1 {
font-family:Tahoma;
font-size:11px;
line-height:1.5em;
font-style:italic;
color:#A3A3A3;
margin-top:30px;
text-align:right;
font-weight:normal;
}

#logo span {
font-weight:bolder;
}

#btn {
float:right;
width:300px;
}

#btn ul {
list-style:none;
}

#btn li {
float:left;
}

#btn li a{
display:block;
width:97px;
height:38px;
background:url(images/btn_bg.jpg) no-repeat;
text-align:center;
font-family:Arial;
font-size:14px;
font-weight:bolder;
text-decoration:none;
color:#202020;
padding-top:9px;
margin-top:30px;
margin-right:15px;
}

#btn li a:hover{
background:url(images/btn_hover.jpg) no-repeat;
}

#intro {
width:570px;
height:213px;
padding-left:322px;
padding-top:55px;
margin:0 auto;
}

.bg1{
background:url(images/intro_bg.jpg) no-repeat;
}

.bg2{
background:url(images/intro_bg2.jpg) no-repeat;
}

.bg3{
background:url(images/intro_bg3.jpg) no-repeat;
}

#intro h2 {
font-size:22px;
}

#intro p {
font-size:13px;
line-height:1.5em;
width:485px;
margin-top:40px;
}

#bar {
width:840px;
height:88px;
margin:0 auto;
background:url(images/bar_bg.gif) no-repeat;
font-family:Verdana;
font-size:11px;
line-height:1.5em;
color:#535353;
}

#tips, #tut{
padding-top:24px;
}

#tips {
float:left;
width:450px;
margin-left:30px!important;
margin-left:15px;
}

#tut {
float:right;
height:64px;
padding-left:108px;
margin-right:33px!important;
margin-right:16px;
}

.tutbg{
background:url(images/swf_to_ipod.jpg) no-repeat;
}

.tutbg2{
background:url(images/swf_to_mov.jpg) no-repeat;
}

#content h3 {
clear:both;
text-align:center;
font-size:19px;
margin-top:40px;
margin-bottom:12px;
}

#content h4 {
color:#858585;
text-align:center;
font-size:16px;
font-weight:normal;
margin-bottom:25px;
}



#content p{
line-height:3em;
}

#about p, #content ol{
line-height:2em;
}

#content ol{
margin-bottom:50px;
}

#content {
margin:42px auto 0 auto;
width:802px;
background:url(images/content_bg.gif) no-repeat;
padding:5px 45px 50px 45px;
}

#function{
line-height:2em;
width:550px;
}

.olstyle {
padding-left:230px;
}

.olstyle2{
padding-left:25px;
}

#content dl{
line-height:2em;
width:750px!important;
width:800px;
}

#function li{
list-style-position:outside;
list-style:none;
background:url(images/item.gif) no-repeat top left;
padding-left:18px;
}

#quicklink {
float:right;
margin:0;
width:207px;
height:156px;
background:url(images/quicklink.jpg) no-repeat left;
font-family:Verdana;
font-size:11px;
}

#quicklink ul{
width:154px;
margin-left:25px;
margin-top:61px;
line-height:1.5em;
list-style:none;
}

#quicklink ul li{
padding-left:20px;
margin-bottom:4px;
background:url(images/list.gif) no-repeat left;
}

#quicklink ul li a{
color:#EFA7F3;
text-decoration:none;
}

#quicklink ul li a:hover{
color:#FCC4FF;
}

#content dt{
font-family:Arial;
font-size:14px;
font-weight:bolder;
}

#content dt span{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#1B1A1A;
font-style:italic;
}

#content dd {
margin-top:10px;
margin-bottom:10px;
}

.button {
margin:5px 0 50px 185px;
background:url(images/button.gif) no-repeat;
line-height:2em;
}

.button a {
display:block;
width:395px;
height:22px;
padding:0 0 0 35px;
font-size:10px;
color:#B472FF;
text-decoration:none;
line-height:2em;
}

#bottom {
height:60px;
margin-top:50px;
text-align:center;
font-size:11px;
}

#bottom ul{
padding-top:25px;
margin:6px auto;
list-style:none;
}

#bottom li {
display:inline;
margin-right:10px;
}

#bottom p{
clear:both;
}

#about {
float:right;
width:172px;
padding:20px 20px 20px 25px;
height:394px;
background:url(images/about_bg.gif) no-repeat left;
font-family:Verdana;
font-size:11px;
}

#about span {
font-size:13px;
}

.imgstyle {
margin:15px 0 0 40px;
}

.try, .buy {
padding-left:30px;
line-height:2em;
}

.try a, .buy a{
color:#945AD7;
text-decoration:none;
}

.try a:hover, .buy a:hover, a.plink {
color:#945AD7;
text-decoration:underline;
}

.try {
background:url(images/down_swf2mov.jpg) no-repeat;
}

.buy {
background:url(images/buy.jpg) no-repeat;
}