body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Lucida Grande, Lucida Sans Unicode,Garuda;
background: #000;
background-image: url(../images/obg.jpg);
background-repeat: repeat-x;
}
.left {
float: left;
}
.right {
float: right;
}
.tube {
padding: 40px;
padding-bottom: 50px;
}
.tubeA {
padding: 30px;
}
.logo {
float: left;
margin-left: 30px;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
img {
border: none;
}
.btn a {
text-decoration: none;
}
#osli_header {
float: left;
width: 100%;
height: 59px;
margin: auto;
background: black;
background-image: url(../images/osli_header_bg.jpg);
}
#osli_header .wrapper {
margin: auto;
}
#wrapper {
width: 1000px;
margin: auto;

}
#summ {
float: left;
width: 100%;
height: 100px;
background: #333;
margin-top: 20px;
}
#brief {
margin: auto;
width: 950px;
font-size: 16px;
line-height: 24px;
color: #777;
background: #333;
border-top: 0px solid #333;
border-bottom: 0px solid #33424b;
}
#brief h1 {
color: #eee;
font-size: 13px;
float: left;
margin: 0;
margin-right: 5px;
padding: 0;
}
#brief a{
color: #ccc;
text-decoration: none;
border-bottom: 1px solid #555;
}
#brief a:hover{
color: #fff;
text-decoration: none;
border-bottom: 1px solid #555;
}
#inmotion {
width: 950px;
margin: auto;
height: 30px;
background: #33424b;
}
#content {
margin: auto;
width: 950px;
height: 410px;
font-size: 13px;
line-height: 20px;
color: #777;
background: #c3c1b7;
border-top: 0px solid #333;
border-bottom: 0px solid #aaa;
}
#content .block_f {
width: 380px;
height: 410px;
float: left;
}
#content .block_f h2 {
width: 300px;
height: 30px;
}
#content .block {
width: 190px;
height: 410px;
float: left;
}
#content .block_o {
width: 190px;
height: 410px;
background: #bab8af;
float: left;
}
#content img {
border-bottom: 3px solid #666;
}
#content h1 {
font-size: 10px;
text-transform: uppercase;
margin-left: 15px;
margin-bottom: 0px;
}
#content h2 {
font-size: 16px;
margin-left: 15px;
width: 160px;
height: 60px;
margin-top: 5px;
}
#content .desc {
color: #333;
margin: 8px 15px;
font-size: 10px;
line-height: 14px;
}
#content .desc a{
color: #000;
text-decoration: none;
border-bottom: 1px solid #ff0000;
}
#news {
margin: auto;
width: 950px;
height: 170px;
background: #eee;
background-image: url(../images/sub_bg.jpg);
border-top: 1px solid #bbb;
}
#news .block {
float: left;
width: 314px;
height: 170px;
border-right: 1px solid #bbb;
border-left: 1px solid #fff;
}
#news .tube {
padding: 20px;
padding-left: 30px;
}
#news h1 {
width: 200px;
color: #222;
font-size: 16px;
}
#news .desc {
width: 250px;
font-size: 11px;
color: #333;
line-height: 15px;
}
#news a{
color: #508BA7;
}
#nav {
float: left;
width: 249px;
height: 900px;
background: #333;
border-right: 1px solid #444;
}
.idTabs  {
float: left;
margin: 0;
padding: 0;
}
.idtabs ul {
float: left;
}
.idTabs li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.idTabs a {
float: left;
width: 220px;
height: 60px;
line-height: 60px;
color: #fff;
text-decoration: none;
padding-left: 29px;
border-bottom: 1px solid #595150;
background-image: url(../images/btn_bg.gif);
}
#nav .selected {
font-weight: bold;
background: #33424B;
background-image: url(../images/btn_selected.gif);
}
#inner {
width: 730px;
float: right;
}
h2 {
font-family: Arial;
font-size: 22px;
color: #fff;
margin: 0;
}
.brief {
font-size: 16px;
line-height: 20px;
color: #555;
padding: 50px;
padding-top: 40px;
padding-bottom: 30px;
}
.feature {
width: 680px;
height: 160px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-left: 50px;
border-bottom: 1px solid #f3f3e1;
}
.feature h2 {
font-size: 14px;
color: #000;
margin: 0;
margin-bottom: 8px;
}
.feature .thumb {
float: left;
height: 140px;
width: 250px;
border: 1px solid #333;
}
.feature .desc {
float: left;
width: 380px;
padding: 20px;
padding-top: 10px;
color: #444;
line-height: 18px;
}
.feature a{
color: #000;
text-decoration: none;
border-bottom: 1px solid #ff0000;
}