/* CSS Document */

#side {
float: left;
padding: 0 10px 0 0;
width: 222px;
padding-bottom: 45px;
overflow: hidden;
}

#side p {
float: left;
color: #acacac;
font-size: .9em;
width: 220px;
margin-left: 5px;
}

#side p img {
margin: 10px 0 0 0;
}

#login-area {
height: 123px;
width: 216px;
background: url(../images/login-area.jpg) 0 0 no-repeat;
float: left;
padding: 8px;
}

#main2 {
width: 700px;
float: right;
}

#loginForm {
padding-top: 35px;
font-size: .85em;
position: relative;
height: 44px;
}

#loginForm span {
float: left;
clear: left;
margin-bottom: 5px;
width: 100%;
}

#loginForm label {
float: left;
color: #d6d6d6;
}

#loginForm input {
float: right;
padding: 0 1px;
color: #666;
border: 1px solid #5b5b5b;
background-color: #2b2c2d;
width: 135px;
}

#loginForm input:focus {
color: #ccc;
}

#loginForm input.password {
width: 100px;
margin-right: 5px;
float: right;
}

#loginForm #submit {
width: 28px;
height: 18px;
border: none;
float: right;
}

#loginForm input.checkbox {
margin: 0 5px 0 0 ;
float: left;
border: none;
width: auto;
height: auto;
padding: 0;
}

#sites {
float: right;
margin-bottom: 5px;
height: 97px;
background: url(../images/sites.jpg) 0 0 repeat-x;
width: 100%;
}

#sites .nav {
height: 100%;
width: 20px;
display: block;
background-position: center center;
background-repeat: no-repeat;
}

#sites .left-arrow {
background-image: url(../images/left-arrow.gif);
float: left;
}

#sites .right-arrow {
background-image: url(../images/right-arrow.gif);
float: right;
}

#sites-area {
text-align: center;
width: 650px;
height: 95px;
margin: auto;
padding-top: 2px;
}

#become-ad {
float: left;
background: url(../images/become-ad.jpg) 0 0 no-repeat;
width: 347px;
height: 262px;
position: relative;
left: -2px;
}

#become-pub {
float: right;
background: url(../images/become-pub.jpg) 0 0 no-repeat;
width: 347px;
height: 262px;
position: relative;
left: -5px;
}

#wrapper p.become {
width: 90%;
margin: auto;
color: #fff;
margin-top: 55px;
position: relative;
}

#wrapper a img.become {
position: absolute;
bottom: 40px;
left: 45px;
}