* {margin: 0; padding: 0;}
ol, ul, li {list-style: none;}
a img {border: none;}
a {outline: none; text-decoration: underline; color: #fff;}
a:hover {text-decoration: none;}

/* layout */
body {font: 72%/1.4 Arial, sans-serif; color: #cccccc; background: #000;}
#page {width: 1000px; margin: 0 auto; position: relative;}
#wrapper {width: 933px; padding-left: 15px; overflow: hidden; background: #000; margin: 0 18px 0 49px;}
#header_box {background: #000;}
#header {position: relative; width: 1000px; margin: 0 auto; padding: 282px 0 28px; background: #000 url(images/header.jpg) center top no-repeat;}
#content {width: 704px; float: right; padding-right: 10px;}
#sidebar {width: 200px; float: left;}
#footer_box {background: #000; padding-top: 40px;}
#footer {width: 1000px; margin: 0 auto; padding-bottom: 5px;}
#sub_footer {color: #666; font-family: Arial, sans-serif; font-size: 1.2em; text-align: center; padding: 15px 0; background: #333;}

.left_decor, .right_decor {display: block; text-indent: -200em; overflow: hidden; position: absolute; top: 0; height: 450px; background-color: #333;}
.left_decor {left: 0; width: 49px;}
.right_decor {right: 0; width: 18px;}

/* header */
#logo {position: absolute; left: 29px; top: 124px;}
	#logo a {display: block; width: 304px; height: 91px; overflow: hidden; text-indent: -200em; background: url(images/logo.jpg) left top no-repeat;}
#myspace {position: absolute; width: 159px; right: 30px; top: 15px;}
	#myspace .myspace_img {display: block; text-indent: -200em; overflow: hidden; width: 159px; height: 54px; background: url(images/myspace.png) left top no-repeat;}
	#myspace p {font-size: 1.2em; text-align: center;}
	#myspace p a {}
#menu {width: 950px; margin-left: 80px; overflow: hidden;}
#menu li {display: block; float: left; height: 15px; padding-right: 21px; margin-right: 13px; background: url(images/menu_bullet.png) right center no-repeat;}
#menu li:last-child {background: none;}
#menu li a, #menu li strong {display: block; text-indent: -200em; overflow: hidden; height: 15px; background-image: url(images/menu.png);}	
	#menu .home {background-position: 0 -135px; width: 67px;}
	#menu .beach {background-position: 0 -15px; width: 45px;} 
	#menu .rest {background-position: 0 -300px; width: 77px;}
	#menu .club {background-position: 0 -60px; width: 39px;} 
	#menu .djs {background-position: 0 -105px; width: 34px;}
	#menu .music {background-position: 0 -75px; width: 66px;}
	#menu .photo {background-position: 0 -120px; width: 45px;} 
	#menu .partners {background-position: 0 -30px; width: 77px;}
	#menu .contacts {background-position: 0 -45px; width: 76px;}
	#menu .guestbook {background-position: 0 -90px; width: 75px;}
	
	#menu .home:hover, #menu .active .home {background-position: 0 0;}
	#menu .beach:hover, #menu .active .beach {background-position: 0 -255px;} 
	#menu .rest:hover, #menu .active .rest {background-position: 0 -315px;}
	#menu .club:hover, #menu .active .club {background-position: 0 -240px;} 
	#menu .djs:hover, #menu .active .djs {background-position: 0 -180px;}
	#menu .music:hover, #menu .active .music {background-position: 0 -225px;}
	#menu .photo:hover, #menu .active .photo {background-position: 0 -285px;} 
	#menu .partners:hover, #menu .active .partners {background-position: 0 -195px;}
	#menu .contacts:hover, #menu .active .contacts {background-position: 0 -210px;}
	#menu .guestbook:hover, #menu .active .guestbook {background-position: 0 -270px;}
	
/* sidebar, content */
.title, .page_title {padding-bottom: 9px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; color: #cc9933; font-size: 2em; font-weight: normal; line-height: 1em;}
#sidebar .title {text-indent: -200em; overflow: hidden; width: 174px; height: 20px; background: url(images/titles.png) left top no-repeat; padding-bottom: 0; margin-bottom: 9px;}
.page_title {background-image: url(images/titles.png); background-repeat: no-repeat; padding-bottom: 0; margin-bottom: 9px; height: 35px; text-indent: -200em; overflow: hidden;}
	.contacts_page .page_title {background-position: 0 -56px; width: 170px;}
	.music_page .page_title {background-position: 0 -200px; width: 149px;}
	.restaurant_page .page_title {background-position: 0 -344px; width: 175px;}
	.gallery_page .page_title {background-position: 0 -272px; width: 149px;}
	.partners_page .page_title {background-position: 0 -20px; width: 171px}
	.beach_page .page_title {background-position: 0 -128px; width: 101px;}
	.club_page .page_title {background-position: 0 -92px; width: 88px;} 
	.press_page .page_title {background-position: 0 -308px; width: 142px;}
	.djs_page .page_title {background-position: 0 -164px; width: 77px;} 
	.guestbook_page .page_title {background-position: 0 -236px; width: 177px;} 
.contacts_page .sub_title {background: url(images/more.png) left center no-repeat; padding-left: 10px; margin-bottom: 9px;}
.restaurant_page, .contacts_page .page_title, .music_page .page_title, .partners_page .page_title, .djs_page .page_title {margin-bottom: 27px;}
.sub_title {font-family: Trebuchet MS, sans-serif; text-transform: uppercase; line-height: 1.2em; color: #fff; font-weight: normal; font-size: 1.2em;}
	.sub_title a {text-decoration: none;}
	.sub_title a:hover {text-decoration: underline;}
.news_img {display: block; margin: 9px 0;}
.text, .comments, .paginate, #news p, #news div  {font-size: 1.2em; line-height: 1.3em; padding-bottom: 14px;}
.text a, .comments a, .paginate a, #news a {color: #d2ab67; text-decoration: none;}
	.text a:hover, .comments  a:hover, .paginate a:hover, #news  a:hover {text-decoration: underline;}

.text2, .comments, .paginate, #news p, #news div  {font-size: 1em; line-height: 1.5em; padding-bottom: 15px;}
.text2 a, .comments a, .paginate a, #news a {color: #d2ab67; text-decoration: none;}
	.text2 a:hover, .comments  a:hover, .paginate a:hover, #news  a:hover {text-decoration: underline;}

#sidebar p {font-size: 1.2em; line-height: 1.3em; padding-bottom: 14px;}
#sidebar p a {color: #d2ab67; text-decoration: none;}
	#sidebar p a:hover {text-decoration: underline;}	
.more {display: block; text-align: left; padding-left: 1px; font-size: 1.2em;}
	.more a {padding-left: 12px; color: #999; background: url(images/more.png) left center no-repeat;}
	.more a:hover {}
#news li {display: block; float: left; width: 166px; margin-right: 8px;}
#content #news .text, #content.contacts_page .text {text-indent: 0;}

/* club */
.page_title {font-size: 3.3em;}
.imgs {float: left; width: 188px;}
	.imgs img {display: block; margin-bottom: 30px;}
.texts {float: left; width: 496px;}
	.texts .text {}
	.text span {color: #cc9933;}
	
/* beach */	
.columns {width: 100%; overflow: hidden;}
#content .text {text-indent: 10px; margin-right: 10px;}
.beach_page .text {padding-right: 15px;}
img.left {display: block; margin: 0 18px 18px 0; float: left;}

/* restaurant */	
.columns {width: 100%; overflow: hidden;}
#content .text {text-indent: 10px; margin-right: 10px;}
.restaurant_page .text {padding-right: 15px;}
img.left {display: block; margin: 0 18px 18px 0; float: left;}



/* dj's */
#djs {font-family: Trebuchet MS, sans-serif;}
#djs li {width: 167px; display: block; float: left; padding-bottom: 10px; margin-right: 64px; min-height: 200px;}
*html #djs li {height: 200px; text-transform: uppercase;}
	#djs .dj_pic {display: block; padding-bottom: 6px;}
	#djs .dj_name {text-decoration: none; font-size: 1.4em; background: url(images/more.png) left 4px no-repeat; padding-left: 10px;}
	#djs .dj_name:hover {text-decoration: underline;}
#djs .info {font-size: 1em; text-transform: uppercase; color: #999; line-height: 1.3em; padding-top: 2px;}
#hidden_info {display: none;}
	.inner {width: 100%; overflow: hidden;} 
	#TB_ajaxContent {font-size: 120%}
	#TB_ajaxContent .inner_img {display: block; float: left; margin: 16px 16px 16px 38px;}
	#TB_ajaxContent .inner_title {color: #cda965; font-weight: normal; font-size: 1.7em; text-transform: uppercase; display: block; padding-top: 22px;}
	#TB_ajaxContent .inner_subtitle {text-transform: uppercase; font-size: 1em; color: #ccc;}
	#TB_ajaxContent .inner_link {color: #666;}
	#TB_ajaxContent p.inner_text {font-size: 1.1em; text-indent: 10px; padding: 8px 50px 8px 37px;}
	
	
/* music */
#music {font-family: Trebuchet MS, sans-serif; font-size: 1.2em;}
#music li {width: 100%; overflow: hidden; min-height: 61px; padding-top: 3px;}
*html #music li {height: 61px;}
	#music li a {display: block; float: left; text-decoration: none; text-transform: uppercase;}
	#music li a:hover {text-decoration: underline;}
	#music .mix_name {width: 400px; margin-right: 35px; background: url(images/more.png) left 5px no-repeat; padding-left: 10px;}
	#music .dwn_link {width: 57px; height: 25px; vertical-align: middle; padding-left: 43px; background: url(images/dwn.png) left center no-repeat; color: #cc9933; position: relative; top: -3px; padding-top: 3px;}
	
/* partners */
#partners {color: #cccccc; width: 100%; overflow: hidden;}
	#partners li {width: 238px; display: block; float: left; min-height: 117px; padding: 0 70px 10px 0;}
	*html #partners li {height: 117px;}
	#partners h6 {font-family: Trebuchet MS, sans-serif; text-transform: uppercase; font-size: 1.4em; background: url(images/more.png) left 5px no-repeat; padding-left: 10px; font-weight: normal; margin-bottom: 1px;}
		#partners h6 span {font-size: 0.7em;}
	#partners a {text-decoration: underline; font-size: 1.2em; padding-left: 10px;}
	#partners a:hover {text-decoration: none;}
	#partners p {line-height: 1.3em; font-size: 1em; padding: 5px 0 0 10px;}
	#partners li.last {background: url(images/vkontakt.jpg) left 3px no-repeat; padding-left: 170px; float: none; clear: left;}

/* footer */
#links {text-align: center; padding-bottom: 10px;}
	#links li {display: inline; padding: 0 27px;}
	#links li a, #links li img {vertical-align: middle;}
#bottom_menu {text-align: center; font-size: 1.2em;}
	#bottom_menu li {color: #999; display: inline; padding: 0 10px;}
	#bottom_menu a {color: #999;}

.comments {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted grey;
  width: 80%;
}

.comments p {
  margin-bottom: 3px;
}

input, textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding: 2px;
  color: #cccccc; 
  background: #333;
  border: 1px solid white;
  width: 50%;
}

input.submit {
  border: 2px outset white;
  color: #d2ab67; 
  width: 140px;
}

label {
  display: block;
  float: left;
  width: 80px;
}

.paginate {
  margin-top: 10px;
}

.paginate a, .paginate strong {
  font-size: 14px;
  display: block;
  float: left;
  padding: 2px;
  border: 1px solid #d2ab67; 
  margin-right: 3px;
}

.paginate strong {
  border: 1px solid #fff; 
}


.posted {font-size: 11px;}



#gallery {font-family: Trebuchet MS, sans-serif; margin-top: 8px;}
#gallery li {width: 200px; display: block; float: left; padding-bottom: 10px; margin-right: 30px; min-height: 250px;}
*html #gallery li {height: 220px; text-transform: uppercase;}
	#gallery .dj_pic {display: block; padding-bottom: 6px;}
	#gallery .dj_name {text-decoration: none; font-size: 1.4em; background: url(images/more.png) left 4px no-repeat; padding-left: 10px;}
	#gallery .dj_name:hover {text-decoration: underline;}
#gallery .info {font-size: 1em; text-transform: uppercase; color: #999; line-height: 1.3em; padding-top: 2px;}