html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}strong{font-weight:bold;}i{font-style:italic;}.clear {clear:both;}
html {
height:100%;
}
body {
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
}
a {
color:#fff;
}
a:hover {
color:#9c0;
text-decoration:none;
}
p {
line-height:15px;
margin:0 0 17px;
}
#wrapper_out {
background:#690 url("../img/bg_second_img.jpg") no-repeat 0 0;
min-height:100%;
position:relative;
}
#wrapper_out.home {
background:#690 url("../img/bg_img.jpg") no-repeat 0 0;
}
#wrapper {
margin:0 auto;
padding:0 0 180px;
width:980px;
}
#header {
height:290px;
}
#header .header_left {
float:left;
padding:35px 0 0 62px;
}
#header .menu {
float:left;
padding:86px 0 0 96px;
}
#header .menu ul li {
display:block;
margin:0 0 9px;
}
#header .menu ul li a {
padding:0 0 0 27px;
text-decoration:none;
}
#header .menu ul li a:hover, #header .menu ul li.active a {
background:url("../img/menu_bullet.png") no-repeat 0 3px;
color:#9c0;
text-decoration:underline;
}
#header .header_right {
float:right;
width:275px;
}
#header .header_right .phone {
color:#a3b67c;
float:right;
margin:0 0 10px;
padding:69px 0 0;
width:265px;
}
#header .header_right .phone .code {
color:#9c0;
font-size:15px;
height:40px;
float:left;
width:60px;
}
#header .header_right .phone .num {
color:#fff;
font-size:25px;
line-height:29px;
padding:7px 0 0 0;
}
#header .header_right .download {
background:url("../img/download.png") no-repeat 0 0;
float:right;
font-size:13px;
line-height:15px;
margin:-40px 0 0 0;
padding:110px 105px 84px 139px;
width:100px;
}
.home #header .header_right .download {
margin:0;
}
.slogan {
margin:0 0 24px -4px;
}
.slogan h1 {
margin:0 0 13px;
}
.slogan h2 {
}
#main h1 {
font-size:25px;
margin:0 0 32px;
}
#main h2 {
font-size:20px;
margin:0 0 15px;
}
#main .block {
margin:0 0 37px;
padding:0 240px 0 144px;
}
#main .projects {
background:url("../img/bg_projects.png") no-repeat 0 0;
font-size:10px;
line-height:13px;
margin:0 0 0 115px;
padding:31px 0 48px 29px;
}
#main .projects ul li{
float:left;
margin:0 60px 0 0;
width:150px;
}
#main .projects ul li img{
background:url("../img/bg_img.png") repeat-x 0 bottom;
display:block;
margin:0 0 20px;
padding:0 0 8px;
}
#main .photos {
background:url("../img/bg_scroll.gif") no-repeat 16px 0;
margin:0 0 38px;
padding:10px 0 0 0;
}
#main .scroll {
float:left;
height:213px;
margin:0 29px 0 0;
overflow:hidden;
position:relative;
width:284px;
}
#main .scroll ul {
width:2000em;
position:absolute;
}
#main .scroll ul li {
float:left;
}
#main .photos .info {
float:left;
padding:10px 0 0 0;
width:400px;
}
#main .photos .nav {
font-size:14px;
padding:7px 0 0;
}
#main .photos .nav ul li {
float:left;
}
#main .photos .nav ul li a {
display:block;
float:left;
margin:0 10px 0 0;
padding:7px 0 0 0;
}
#main .photos .nav ul li a:hover {
color:#fff;
}
#main .photos .nav ul li a.active {
background:#9c0;
font-size:17px;
padding:3px 8px;
text-decoration:none;
}
#main .photos .nav .foto {
float:left;
margin:0 11px 0 0;
padding:8px 0 0 0;
}
#main .page {
background: url("../img/bg_page.png") no-repeat 0 0;
color:#000;
margin:-20px 0 0 -50px;
padding:28px 10px 50px 64px;
width:906px;
}
#main .page a {
color:#9c0;
}
#main .page h1 {
color:#fff;
font-size:20px;
margin:0 0 12px;
padding:0 0 0 26px;
}
#main .page .submenu {
background:url("../img/bg_submenu.png") repeat 0 0;
font-weight:bold;
height:25px;
padding:11px 0 0 26px;
}
#main .page .submenu ul li {
background:url("../img/bullet_submenu.gif") no-repeat right 1px;
float:left;
margin:0 25px 0 0;
padding:0 26px 0 0;
}
#main .page .submenu ul li.last {
background:none;
margin:0;`
padding:0;
}
#main .page .submenu ul li a {
color:#000;
}
#main .page .content {
padding:26px 80px 0 28px;
}
#main .page .photo {
margin:0 0 35px;
}
#main .page .photo img {
float:left;
margin:0 0 0 -9px;
}
#main .page .photo .info {
float:left;
margin:0 0 0 37px;
padding:33px 0 0 0;
width:330px;
}
#main .page .photo .info h1 {
color:#333;
font:bold italic 11px Arial, Helvetica, sans-serif;
margin:0 0 18px;
padding:0;
}
#main .page .photo .info .caption {
color:#666;
font:bold italic 11px Arial, Helvetica, sans-serif;
}
#main .page .photo .info .caption p {
line-height:12px;
margin:0 0 2px;
}
#main .page .content ul {
margin:0 0 25px;
padding:0 0 0 27px;
}
#main .page .content ul li {
background:url("../img/ul_bullet.gif") no-repeat 0 4px;
display:block;
margin:0 0 16px;
padding:0 0 0 21px;
position:relative;
}
#main .page .news {
color:#000;
padding:20px 10px 50px 16px;
}
#main .page .news .item .cont {
float:left;
padding:6px 0 0 0;
width:680px;
}
#main .page .news .item {
border-bottom:1px dotted #9c0;
margin:0 0 26px;
padding:0 0 26px 8px;
}
#main .page .news .item.last {
border:none;
margin:0;
}
#main .page .news .item .date {
background:#9c0;
color:#fff;
font-size:11px;
line-height:25px;
padding:0 5px;
}
#main .page .news .item .title {
color:#000;
display:block;
font-weight:bold;
margin:0 0 8px;
padding:8px 0 0 4px;
}
#main .page .news .item img {
float:left;
margin:0 24px 0 0;
}
#main .page .news .item .text {
padding:0 0 0 4px;
}
#main .pages {
height:24px;
padding:0 0 0 28px;
}
#main .pages div {
float:left;
margin:0 13px 0 0;
padding:4px 0 0 0;
}
#main .pages ul li {
float:left;
display:block;
padding:3px 8px;
}
#main .pages ul li.active {
border:1px solid #9c0;
margin:0 8px 0 0;
padding:2px 7px;
}
#main .pages ul li.active a {
color:#000;
text-decoration:none;
}
#main .foto {
padding:48px 0 0 16px;
}
#main .foto a {
color:#527a00;
display:block;
}
#main .foto img {
display:block;
margin:0 0 20px 5px;
}
#main .foto .item {
border-bottom:1px dotted #9c0;
float:left;
height:211px;
margin:0 0 38px;
padding:0 50px 10px 6px;
text-align:center;
width:164px;
}
#footer {
bottom:0;
font-size:10px;
height:130px;
position:absolute;
width:100%;
}
#footer .content {
background:url("../img/bg_footer.gif") no-repeat 146px bottom;
height:130px;
margin:0 auto;
width:980px;
}
#footer .footer_left {
float:left;
padding:44px 0 0 0;
}
#footer .footer_right {
float:left;
margin:0 0 0 56px;
width:750px;
}
#footer .footer_menu {
font-size:9px;
font-weight:bold;
height:42px;
}
#footer .footer_menu ul li {
float:left;
margin:0 0 7px;
width:150px;
}
#footer .info {
float:left;
}
#footer .copyright {
margin:0 0 7px;
}
#footer .address {
line-height:15px;
}
#footer .studio {
padding:20px 137px 0 0;
float:right;
}
#footer .studio a {
background:url("../img/limo.png") no-repeat right 0;
padding:0 28px 0 0;
text-decoration:none;
}
.xxp td {
padding: 7px;
margin: 7px;
}