﻿body {width: 100%; height: 100%; background: url(../img/bg_index.jpg);}

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
img, input, textarea {border: none;}
ul {list-style-type: none;}

a:active, a:focus, img {outline: 0;}
a:link,  a:active{color: #fff;cursor : pointer;text-decoration: none;}
a:hover{cursor : pointer;}

.clear {clear: both;}

#shadow {  background: url(../img/shadow.jpg) repeat-y top center;  margin: 20px 0 0 0;}
#shadow_top {  background: url(../img/shadow_top.jpg) no-repeat top center;  height: 55px;}
#shadow_bottom {background: url(../img/shadow_bottom.jpg) no-repeat center -30px;  height: 50px;}
#main_bg { width: 990px;  _width: 990px;  margin: -23px auto 0 auto;  background: url(../img/bg.jpg) left top;  border: #fff solid 5px;}
#main {  background: url(../img/girl.gif) no-repeat right top;  width: 990px;  _width: 990px; }

#head img{  float: left;}
.top_menu {  float: left; margin: 35px 0 30px 50px;}
.top_menu li {  display: block;  float: left;  margin-right: 40px;}
body .top_menu li a {  display: block;  width: 104px;  text-align: center;  height: 43px;  line-height: 43px;  color: #6f0900;  font-size: 18px;  font-family: Arial, Helvetica, sans-serif;  text-decoration: underline;}
.top_menu li a:hover {  background: url(../img/bg_menu.gif) no-repeat;  text-decoration: none;  color: #fff;}

#content{  padding: 0 30px; _padding: 0 20px;}

#left_side {  width:420px;  float: left;  margin-right: 30px; _margin-right: 0px;}
h1, h2 {  color: #502e17;  font: 24px Georgia, Times, serif;  margin-bottom: 15px;}
#left_side p {  margin-bottom: 30px;  font: 14px Georgia, Times, serif;  color: #502e17;  text-indent: 40px;}
#left_side p a { color: #6f0900; text-decoration: underline;}
#left_side p a:hover {  color: #ff0000;  text-decoration: none;}

#info {  background: url(../img/info.gif) no-repeat;  height: 80px;  width: 190px;  padding: 15px 15px;  margin: 0 0 30px 20px;}
#info p {   margin: 2px 0;  color: #eadcb0;  font: 12px Georgia, Times, serif;  font-weight: strong;  text-indent: 0;}
#left_side ul {  margin-bottom: 30px;  padding-left: 20px;}
#left_side ul li {
  color: #502e17;
}


#left_side #gallery{ padding: 0;}
#left_side #gallery li { float: left;  margin: 0 5px 5px 0;}
#left_side #gallery li a { display: block;}
#gallery li img { border: solid 5px #f7eed1}
#gallery li a:hover img { border: solid 5px #fff}

/* links */
#links{ padding: 0;}
#links li { margin: 0 5px 10px 0; display: block;}
#links li a { display: block;}
#links li img { border: solid 10px #f7eed1}
#links li a:hover img { border: solid 10px #fff}
/* end links */

#right_side {  float: right; width: 480px;}
#player {  width: 480px; /* width player */   margin: 460px auto 0 auto;}
#bookmark{  text-align: center;  margin: 35px 0;}

/* footer */
#footer img {   float: left;}
#footer p { font: 9px Arial, Helvetica, sans-serif;  float: left;  color: #977258;  margin-top: 60px;}
#footer .top_menu {  margin: 50px 0 0 10px;}
#footer .top_menu li { margin-right: 20px;}
/* end footer */

















#left_side_big {
	width:675px;
	float: left;
	margin-right: 30px;
	_margin-right: 0px;
}
