@charset "utf-8";
/* CSS Document */
.wind_container {width:886px; height:355px;  margin:10px 0 0 0; padding: 0; background-image:url(img/main.jpg); background-repeat:no-repeat;
}
.wind_content { float:right; font-size:17px; color:#333333; padding:15px 15px 0px 15px; width:400px;}
.wind_content  span{font-size:18px; font-weight:bold; color:#005380}
.wind_content  ul{font-size:12px;list-style-image:url(img/orange_bullet.gif);list-style-position: outside;}
.wind_content  li { line-height:20px; margin-left:15px; height:20px;}
.wind_content a{font-size:12px;color:#005380; background-image:url(img/button.gif); background-repeat:no-repeat; width:100px; height:30px; margin-right:15px; padding-top:8px; padding-left:12px; float:right; text-decoration:none; cursor:pointer }
.wind_content a:hover{font-size:12px;color:#FFFFFF; background-image:url(img/button_over.gif); background-repeat:no-repeat; width:100px; height:30px; margin-right:15px; padding-top:8px; padding-left:12px; float:right; text-decoration:none; cursor:pointer }
#usageCase {
width: 885px;
height: 245px;
background: #e2e2e2 no-repeat top center;
clear: both;
position: relative;
margin-top:-1px;
}
#usageCase ul {
list-style-type: none;
position: absolute;
top: 8px;
left: 16px;
margin: 0;
padding: 0;
}
#usageCase li {
width: 143px;
height: 108px;
padding: 0;
margin: 0;
float: left;
position: relative;
}
#usageCase li a {
display: block;
background-image: url(img/rowone_up.jpeg);
height: 108px;
width: 143px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #005380;
text-decoration: none;
}
#usageCase li.one a { background-position: 0px 0px; }
#usageCase li.two a { background-position: 721px 0px; }
#usageCase li.three a { background-position: 576px 0px; }
#usageCase li.four a { background-position: 432px 0px; }
#usageCase li.five a { background-position: 287px 0px; }
#usageCase li.six a { background-position: 142px 0px; }
#usageCase li a:hover { background-image: url(img/rowone_over.jpeg);cursor: pointer; color: #fff;}
#usageCase li a span { 
position: absolute;
margin-top:80px;
text-align: center;
width: 100%;
}


#usageCase_two {
width: 888px;
clear: both;
top:-150px;
position: relative;
}
#usageCase_two ul {
list-style-type: none;
position: absolute;
top: 25px;
left: 16px;
margin: 0;
padding: 0;
}
#usageCase_two li {
width: 143px;
height: 108px;
padding: 0;
margin: 0;
float: left;
position: relative;
}
#usageCase_two li a {
display: block;
background-image: url(img/rowtwo_up.jpeg);
height: 108px;
width: 143px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #005380;
text-decoration: none;
}

#usageCase_two li.seven a { background-position: 0px 0px;top:10px; }
#usageCase_two li.eight a { background-position: 721px 0px; }
#usageCase_two li.nine a { background-position: 576px 0px; }
#usageCase_two li.ten a { background-position: 432px 0px; }
#usageCase_two li.eleven a { background-position: 287px 0px; }
#usageCase_two li.twelve a { background-position: 142px 0px; }
#usageCase_two li a:hover { background-image: url(img/rowtwo_over.jpeg);cursor: pointer; color: #fff;}
#usageCase_two li a span { 
position: absolute;
margin-top:80px;
text-align: center;
width: 100%;
}
.clear{ clear:both;}