/*****Basic Elements*****/ 
html {
	background: #252525 url(../img/bg-x.jpg) repeat-x;
}

body { 
	background: url(../img/bg-logo.png) no-repeat center top;
	color: #363636;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;
}

.tbfix {
	margin: 5px 10px;
	}
	
h2 {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	padding-top: 20px;
}
h3 {
	padding: 10px 0 0 10px;
	margin-bottom: -8px;
	text-transform: uppercase;
}
h3 em {
	text-transform: lowercase;
	font-style: normal;
	font-size: 10px;
	color: #666;
}
h4 {
	padding: 10px 0 1px 10px;
	text-transform: uppercase;
}

h4 em {
	text-transform: uppercase;
	font-style: normal;
	font-size: 10px;
	color: #666;
}

h5 {
	padding: 10px 0 1px 0px;
	text-transform: uppercase;
}
h6 {
	color: #287bb1;
	padding: 10px 0 1px 10px;
}
h7 {
	color: #287bb1;
}
h5 em {
	font-style: normal;
	font-size: 10px;
	color: #666;
}
p {
	margin: 5px 10px;
	}
table#test {
	margin: 5px 10px;
	}
a {
	color:#287bb1;
	text-decoration:none;
	}
a:hover{
	color: #39b0fe;
	cursor:pointer;
}
ul {
margin: 10px 0 20px 0;
}
li {
background: url(../img/bullet-blue.png) no-repeat top left;
height: 16px;
margin: 0px 0 8px 10px;
padding-left: 20px;
line-height: 1em;
}

div#gra {
	font-style: normal;
	font-size: 10px;
	color: #666;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 8px;
	}
	
font#grat {
	font-style: normal;
	font-size: 10px;
	color: #666;
    margin-left: 5px;
	}

td#grat {
	font-style: normal;
	font-size: 10px;
	color: #666;
    margin-left: 5px;
	}

.gram {
	font-style: normal;
	font-size: 10px;
	color: #666;
	margin-left: 2px;
	}

/*****Generic Classes*****/

.clear {
	clear: both;
}
.red {
	color: #f00;
}
.left {
	float: left;
}
.right {
	float: right;
	text-align: right;
}


/*****Basic Layout*****/

div#header{
	width:960px;
	height: 116px;
	margin: 0 auto;
}
#userbox {
	float: right;
	padding: 15px 20px 0 0;
	text-align: right;
	line-height: 1em;
	}

div#nav{
	background: transparent url(../img/bg-nav.png) no-repeat center top;
	width:970px;
	height: 44px;
	margin: 0 auto;
}
div#wr1{
	background: transparent url(../img/bg-wr1.png) repeat-y;
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}
div#wr2{
	background: transparent url(../img/bg-wr2.jpg) no-repeat center top;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

div#main{
	
	background: transparent url(../img/bg-wr3.jpg) no-repeat center top;
	padding: 0;
	width: 720px;
	float: left;
	margin-top: 1px;
}
div#wr3{
background: transparent url(../img/bg-web.png) no-repeat right bottom;
	width: 680px;
	min-height: 750px;
	float: left;
	padding: 0 20px 40px 20px
}
div#sidebar{
	width: 200px;
	float: right;
	padding: 0 20px 20px 20px
}
div#foot{
	background: transparent url(../img/bg-foot.jpg) no-repeat center top;
	width: 960px;
	height: 124px;
	float: left;
	color: #959595;
}

#main input {
	padding: 3px;
	margin: 1px;
	border: 1px solid #717171;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#main input:focus {
	color: #999;
}

#main select {
		margin: 1px;
	padding: 3px;
	border: 1px solid #717171;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#main textarea {
		margin: 1px;
	padding: 3px;
	border: 1px solid #717171;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#main select:focus {
	color: #999;
}

/*****HEADER*****/
#header h1 {
	width: 325px;
	height: 106px;
	text-indent: -9999px;
	float: left;
	display: block;
	margin-top: 10px;
}
/*****USERBOX*****/
#userbox input {
	width: 160px;
	padding: 3px;
	border: 1px solid #717171;
	color: #777;
	background: #252525 url(../img/bg-input.png) no-repeat bottom left;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#userbox input:focus {
	color: #999;
}
#userbox p {
margin: 0 0 5px 0;
}
#userbox p.but {
margin: -3px 0 0 0;
}
#userbox img {
margin: 0 7px 2px 0;
vertical-align: bottom;
}
#userbox #submit {
width: 71px;
height: 19px;
background: transparent url(../img/userbox-login.png) no-repeat top left;
padding:0; 
margin:0; 
border:none;
text-indent: -9999px;
}
#userbox #submit:hover {
background: transparent url(../img/userbox-login-hover.png) no-repeat top left;
cursor: pointer;
}
#userbox #glomt {
width: 107px;
height: 19px;
background: transparent url(../img/userbox-glomt.png) no-repeat top left;
padding:0; 
margin:0; 
border:none;
text-indent: -9999px;
}
#userbox #glomt:hover {
background: transparent url(../img/userbox-glomt-hover.png) no-repeat top left;
cursor: pointer;
}


/*****NAV*****/

#nav ul, #nav li {
	float: left;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
}
#nav a {
  background: url(../img/bg-nav-span.png) right no-repeat;
  float: left;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 17px 26px 7px 24px;
  color: #959595;
}
#nav a:hover, #nav .selected a {
  color: #39b0fe;
}
#nav a:active {
  color: #fff;
}
#nav a.first {
  padding: 17px 26px 7px 30px;
}
#nav a.last {
  background: none;
}

/*****SIDEBAR*****/
#sidebar h2.first {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	margin: 0;
}
#sidebar h2 {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	margin-top: -30px;
}
#sidebar table {
	width: 200px;
	line-height: 1.7em;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	margin: 5px 0 20px 0;
}
#sidebar li {
background: url(../img/bullet-gray.png) no-repeat top left;
height: 16px;
margin: 0 0 8px 0;
padding: 0;
line-height: 1em;
}
#sidebar li:hover {
background: url(../img/bullet-yellow.png) no-repeat top left;
}
#sidebar li a {
color: #363636;
display: block;
padding-left: 20px;
}
#sidebar li a:hover {
text-decoration: underline;
}

/*****FOOT*****/
#foot p {
width: 430px;
}
#foot a {
color: #959595;
}
#foot a:hover {
color: #ccc;
}

/*****ANNONSER*****/
.ad120, .ad120r, .ad120l {
width: 130px;
height: 70px;
background: url(../img/bg-ad120.png) no-repeat top left;
margin: 10px auto;
}

.ad88 {
width: 98px;
height: 41px;
background: url(../img/bg-ad88.png) no-repeat top left;
margin: 10px auto;

}

.ad88 img {
margin: 4px 0 0 5px;
}

.ad120 img, .ad120r img, .ad120l img, .ad468 img {
margin: 4px 0 0 5px;
}

.ad120 object {
margin: 4px 0 0 5px;
}

.ad468 object {
margin: 4px 0 0 5px;
}

.ad120r {
margin: 10px 80px 0 0;
float: right;
}
.ad120l {
margin: 10px 0 0 80px;
float: left;
}
.ad468 {
width: 478px;
height: 70px;
background: url(../img/bg-ad468.png) no-repeat top left;
float: left;
margin: 10px 0 0 30px;
}