@charset "utf-8";
/* CSS Document */

body {
    background:#242625;
    color: #fff;
    font-family: "微软雅黑",Arial,sans-serif,Tahoma,Geneva !important;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
dl, ul, li, p, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
h3, h4 {
    font-size: 12px;
}
ul, li {
    list-style: outside none none;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #ff9;
}
img {
    border: medium none;
}
.break {
    clear: both;
    height: 0;
    overflow: hidden;
}

.container {
    margin: 0 auto;
    width: 950px;
}
#footer .footnav ul li{
	border-right:1px solid #fff;
}
#footer .footnav ul li a {
    color: #fff;
}

#header{ width:950px; margin:0 auto;}

#main{ width:950px; margin:0 auto; line-height:24px; text-align:left;}

.red_box{ width:850px; padding:20px 50px; background-color:#a6403b; background-repeat:no-repeat;}

.blue_box{ width:830px; padding:20px 50px; background-color:#465a72; background-repeat:no-repeat; margin:0 10px;}

.red_box1{ background-image:url(../images/atmel_img1.jpg); height:140px; background-position:40px 10px;}

.blue_box2{ background-image:url(../images/atmel_box_icon1.gif); background-position:770px 65px;}

.red_box3{ background-image:url(../images/atmel_box_icon2.gif); height:130px; background-position:50px 20px;}

.blue_box4{ background-image:url(../images/atmel_box_icon3.gif); background-position:760px 40px;}

.red_box5{ background-image:url(../images/atmel_box_icon4.gif); height:130px;  background-position:50px 20px;}

.blue_box6{ background-image:url(../images/atmel_box_icon5.gif); background-position:660px 120px;}

.red_box7{ background-image:url(../images/atmel_box_icon6.gif); background-position:50px 60px;}

.red_box1:hover{ background-image:url(../images/atmel_img1b.jpg);}

.blue_box2:hover{ background-image:url(../images/atmel_box_icon1b.gif);}

.red_box3:hover{ background-image:url(../images/atmel_box_icon2b.gif);}

.blue_box4:hover{ background-image:url(../images/atmel_box_icon3b.gif);}

.red_box5:hover{ background-image:url(../images/atmel_box_icon4b.gif);}

.blue_box6:hover{ background-image:url(../images/atmel_box_icon5b.gif);}

.red_box7:hover{ background-image:url(../images/atmel_box_icon6b.gif);}

.tags{ width:950px; height:46px; background:url(../images/atmel_tags_bg.jpg) no-repeat; line-height:40px;}

.tags dt{ float:left; display:inline; margin-left:170px;}

.tags dd{ float:left; margin-left:20px;}

.title{ font-size:20px; line-height:40px;}

.red_box .title{ width:620px; margin-left:220px;}

.red_box3 .title{ margin-top:20px;}

.red_box5 .title{ margin-top:20px;}

.txt{ text-indent:28px; margin-top:8px;}

.red_box1 .txt{ width:620px; margin-left:220px;}


.blue_box2 .txt{ width:700px;}


.red_box .txt_list{ width:620px; margin-left:220px;}

.red_box .txt_list li{ width:610px; padding-left:20px; background:url(../images/atmel_icon_arrow2.gif) no-repeat left center; margin-top:8px;}

.blue_box .txt_list li{ width:610px; padding-left:20px; background:url(../images/atmel_icon_arrow1.gif) no-repeat left center; margin-top:8px;}

.red_box3 .txt_list li{ float:left; width:180px;}

.blue_box4 .txt_list li{ float:left; width:300px;}

.red_box5 .txt_list li{ float:left; width:300px;}