@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
font-family: "arial";
}
#wrapper {
min-height: 100%;
margin: 0 auto;
width: 100%;
}
.clear {
clear: both;
}
#header {
background: url(../images/header_bg.png) repeat-x;
height:50px;
width: 100%;	
}
#header_wrap {
background: url(../images/header_gradient.html) no-repeat;
width: 960px;
height: 60px;
margin: 0 auto;
}
#logo {
background: url(../images/logo.png);
width: 173px;
height: 36px;
float: left;
margin-top: 27px;	
}
#navlist { 
margin: 0; 
float: center;
margin-top: 0px;
}
#navlist li {
float: left;
width: 100px;
list-style-type: none;
text-align: center;
margin-left: 20px;
}
#navlist li a {
display: block;
height: 34px;
color: #333;
font-family: trebuchet ms;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-shadow: #7f3334 -1px 1px 0px;
color: #e7cbcb;
text-decoration: none;
padding-top: 10px;
}
#navlist li a:hover {
background: url(../images/nav_hover.png) no-repeat;
color: #f7f1f1;
}
#align {
width: 960px;
margin: 0 auto;
padding-left: 640px;
}
.slideshow {
position: relative;
padding: 0;
width: 100%;
background: url(../images/ad_bg.png) repeat-x;
overflow: hidden;
}
.slideshow a img {
border: none;
}
.slideshow li.slide {
list-style-type: none;
width: 100%;
}
.slideshow .slides {
height: 333px;
width: 100%;
margin: 0 auto;
}
.slideshow .slides li.slide {
visibility: hidden;
position: absolute;
}

.slideshow .buttons li a:hover {
background-position: 0 -15px;
}
.slideshow .buttons li.active {
background: url(../images/ad_btn.png) no-repeat;
width: 15px;
height: 14px;	
}
.ad_1 {
width: 960px;
margin: 0 auto;
font-family: cambria;
font-size: 14px;
color: #595959;
font-style: italic;
line-height: 22px;
}
.ad_1_left {
width: 661px;
float: left;
margin-top: 40px;
}
.ad_1_right {
width: 299px;
float: right;
margin-top: 17px;
}
.ad_img {
display: block;
margin-bottom: 15px;	 
}
#plans {
background: #d6d6d6;
width: 100%;	
}
#plans_wrap {
width: 960px;
margin: 0 auto;	
padding-top: 20px;
}

#bao1 {
width: 150px;
float: left;
padding-rignt: 100px;
margin-top: 15px;
}

#bao2 {
width: 150px;
float: left;
padding-left: 100px;	
padding-rignt: 100px;
margin-top: 15px;
	}
	
#bao4 {
width: 150px;
float: left;
padding-left: 100px;	
padding-rignt: 100px;
margin-top: 15px;
}
#bao3 {
width: 150px;
float: left;
padding-left: 100px;	
padding-rignt: 100px;
margin-top: 15px;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.img_left {
float: left;
display: block;
margin-right: 10px;
margin-top: -2px;	
}
ul.plans_list li {
color: #595959;
font-family: cambria;
font-size: 14px;
line-height: 22px;

text-shadow: #282828 -1px 1px 0px;
}
.plans_btn {
background: url(../images/yaoshi.png) no-repeat;
width: 250px;
height: 200px;
#float: right;
margin-top: 13px;
margin-left: 0px;
margin-right: -100px

}
.plans_btn:hover {
background-position: 0 -47px;	
}
#main {
background: #d6d6d6;
width: 100%;
padding-bottom: 273px;	
}
#main_wrap {
width: 960px;
margin: 0 auto;
height: auto;
}
#main_left {
width: 960px;
float: left;
}
#main_right {
width: 0px;
float: left;	
}
#outils {
float: left;
font-family: cambria;
font-size: 14px;
color: #595959;
line-height: 20px;
font-style: italic;
width: 270px;
margin-right: 25px;
margin-top: 10px;
}
#telechargement {
float: left;
font-family: cambria;
font-size: 14px;
color: #595959;
line-height: 20px;
font-style: italic;
width: 270px;
margin-top: 10px;
}

#box{
    /*width: 750px;*/
    padding: 5px;
    /*border: 2px solid grey;*/
    margin-top: 150px;
}



#ex_script{
height:500px;
overflow: scroll	

	}




