/***********************
sauo.com
***********************/

//img, div { behavior: url(iepngfix.htc) }

html,body{
margin:0;
padding:0;
}

body{
background-color: #eff2f3;
font: 1em "Lucida Grande", Trebushet, Helvetica, Verdana, Arial;
text-align:center;
}

p{
font-size: 0.6em;
color:#212934;
letter-spacing:0pt;
}

a:link, a:visited, a:active{
color: #4e6c9f;
padding:0px;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

#header h1{
margin-bottom: 20px;
margin-top: 0px;
background-position-y: left top;
background-position-x: top left;
background-image: url(../img/head2_bg.jpg);
height: 152px;
line-height:80px;
padding-left:10px;
color: #79B30B;
}
#container{
text-align:left;
}

#content p{
line-height:1.4;
}

#navigation{
background:#B9CAFF;
}

#extra{
background:#FF8539;
}

#footer{
background: #333;
color: #FFF;
}

#footer p{
margin:0;
padding:5px 10px;
}

#container{width: 690px;
margin:0 auto;
}

#navigation{
float:right;
width: 340px;
}

#extra{
float:left;
width: 340px;
}

#footer{
background-color:#4e6c9f;
clear:both;
width:100%;
}

#footer p{
color: white;
}

h1.wr{
float:left;
background-repeat: no-repeat;
margin:0 0 12px 5px;
background-position-y: top;
background-position-x: left;
height: 14px; width: 147px;
background-image: url(../img/h1_wr.png);
}

h1.wrh{
margin: 40px 0 8px 0;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
font-size: 0.8em;
font-family: arial, helvetica;
color:#212934;
}

.clear{
clear: left;
display: block;
margin-top: -55px;
height:2px;
}

.h1no{
color:#888;
}

.portclear1{
height:1px;
margin:5px 0 5px 0;
clear: both;
border-bottom:1px solid #b4bec9;
}

p.pod_th{
padding:0 0 0 5px;
font-size: 0.7em;
margin:8px 0 0 0;
}

.dogory{
float: right;
right: 1px;
margin:0;
}

.screenshot:hover{
filter: alpha(opacity=90);
opacity: .9;
}

.screenshot{
margin: 0;
}