html, body { 
height: 100%; 
margin: 0; padding: 0; 
} 
body {
	border: 0;	
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #fff;
	background: url('../i/head_back.jpg') repeat-x center top;
	background-color: #000;
	} 
body, div, p {
	font: normal 12px Arial;
	color: #fff;
	line-height: 1.5;
}
a{
	color: #f3c292;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.none {
	display: none;
}
.empty {
	display: block;
	clear: both;
	line-height: 1;
	height: 1;
	border: 0;
}
div#main {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 100%;/* for IE */ 
	min-height: 100%; 
	margin-bottom: -120px;
}
html>body #main{ 
height: auto;/* for real CSS browsers */ 
} 
div#margin_bottom{ 
height: 120px; 
}
div#header {
	display: block;
	width: 960px;
	margin: 0;
	padding: 0;
}
a#logo {
	display: block;
	float: left;
	width: 247px;
	height: 140px;
	margin: 15px 0 0 67px !important;
	margin: 15px 0 0 34px;
	padding: 0;
	background: url('../i/drumshot_logo.gif') no-repeat left top;
}
a#logo span {
	display: none;
}
ul#fast_links {
	display: block;
	float: right;
	margin: 0;
	padding: 40px 100px 0 0;
	list-style-type: none;
}
ul#fast_links li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	list-style-type: none;
}
ul#fast_links li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 15px;
}
ul#fast_links li a span {
	display: none;
}
ul#fast_links li a#home {
	background: url('../i/home.gif') no-repeat center center;
}
ul#fast_links li a#sitemap {
	background: url('../i/sitemap.gif') no-repeat center center;
}
ul#fast_links li a#contacts {
	background: url('../i/contacts.gif') no-repeat center center;
}
ul#fast_links li a#english {
	background: url('../i/english.gif') no-repeat center center;
}
ul#fast_links li a#bulgarian {
	background: url('../i/bulgarian.gif') no-repeat center center;
}


div#menu {
	display: block;
	clear: both;
	float: left;
	margin: 80px 0 0 0;
	padding: 33px 0 0 70px;
	width: 830px;
	height: 80px;
	background: url('../i/menu_back.jpg') no-repeat left top;
}
div#sub_menu {
	display: block;
	clear: both;
	float: left;
	margin: 80px 0 0 0;
	padding: 33px 0 0 70px;
	width: 830px;
	height: 80px;
	background: url('../i/sub__menu_back.jpg') no-repeat left top;
}
ul#main_menu {
	display: block;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 830px;
	height: 31px;
	list-style-type: none;
}
ul#main_menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 17px 0 15px;
	height: 31px;
	list-style-type: none;
	background: url('../i/main_menu_sep.gif') no-repeat right top;
}
ul#main_menu li a {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 0 0 0;
	font: normal 16px Arial, sans-serif;
	color: #f3c292;
	text-decoration: none;
}
ul#main_menu li a.active {
	color: #fff;
}
ul#main_menu li a:hover {
	text-decoration: underline;
}

ul#pod_menu {
	display: block;
	clear: both;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	width: 830px;
	height: 20px;
	list-style-type: none;
}
ul#pod_menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 17px 0 15px;
	height: 20px;
	list-style-type: none;
	background: url('../i/main_menu_sep.gif') no-repeat right -3px;
}
ul#pod_menu li a {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 0 0 0;
	font: normal 12px Arial, sans-serif;
	color: #f3c292;
	text-decoration: none;
}
ul#pod_menu li a.active {
	color: #fff;
}
ul#pod_menu li a:hover {
	text-decoration: underline;
}


div#main div#content {
	display: block;
	clear: both;
	width: 800px;
	padding: 0 30px 40px 30px;
	margin: 0 auto;
}

div#main div#content h1,div#main div#content h2,div#main div#content h3,div#main div#content h4,div#main div#content h5 {
	margin: 0;
	padding: 20px 0 10px 0;
}
div#main div#content h1 {
	font: normal 30px Arial, sans-serif;
	color: #fff;
}
div#main div#content h2 {
	font: normal 26px Arial, sans-serif;
	color: #fff;
}
div#main div#content h3 {
	font: normal 22px Arial, sans-serif;
	color: #fff;
}
div#main div#content h4 {
	font: normal 18px Arial, sans-serif;
	color: #fff;
}
div#main div#content h5 {
	font: normal 14px Arial, sans-serif;
	color: #fff;
}


div#footer {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 360px;
	background-color: #fff;
	background: url('../i/foot_back.gif') repeat-x left top;
}
div#footer div#copyright {
	display: block;
	margin: 0 auto 0 auto;
	padding: 179px 0 0 360px;
	width: 600px;
	height: 136px;
	background: url('../i/foot_rock.jpg') no-repeat 50px 129px;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	line-height: 1.5;

}
div#footer div#copyright a {
	font: normal 11px Arial, sans-serif;
	color: #fff;
}
div#footer div#copyright a:hover {
	text-decoration: none;
}


/*### FORMS  ###*/
div#contactForm {
	margin: 0;
	display: block;
	clear: left;
	float: left;
	width: 500px;
}
div#contactForm label{
	display: block;
	clear: left;
	float: left;
	width: 100px;
	padding: 8px 5px 5px 5px;
	font: normal 12px Arial, sans-serif;
	text-align: right;
}
div#contactForm input.first{
	width: 300px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #5C0E0C;
	background-color:#000;
	color: white;
}
div#contactForm input.second{
	width: 300px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #5C0E0C;
	background-color: #000;
	color: white;
}

div#contactForm input.submit{
	display: block;
	float: left;
	clear: left;
	margin-left: 110px !important;
	margin-left: 55px;
	margin-top: 5px;
	height: 25px;
	width: 100px;
	font: normal 12px Arial, sans-serif;
	color: white;
	border: 0;
	background-color:#5C0E0C;
	border: 1px solid #5C0E0C;
	cursor: pointer;
}
div#contactForm input.hidden{
	display: block;
	border: 0px;
	background-color: #000;
}
div#contactForm textarea.first{
	width: 300px;
	height: 100px;
	display: block;
	float: left;
	overflow:auto;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #5C0E0C;
	background-color:#000;
	color: white;
}

div#contactForm select {
	width: 150px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 0;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #36322E;
}

fieldset{
	border: 1px solid #bababa;
	width: 500px;
	padding: 15px;
}

legend{
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
	color: #109900;
}

input.disabled { 
	background-color:#ededed; 
	color: black;
}

div.imgcaptcha{
	display: block;
	float: left;
	clear:left;
	padding: 5px 5px 5px 110px;
}

/* styles for gallery */
div#photo_gallery a {
	display: block;
	float: left;
	margin: 10px 8px;
	padding: 0;
	width: 149px;
	height: 105px;
	background: url('../i/gal_back.jpg') no-repeat left top;
	border: 1px solid #000;
	text-align: center;
}
div#photo_gallery img {
	display: block;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	padding: 0;
	border: 0;
	text-align: center;	
}
div#photo_gallery a:hover {	
	border: 1px solid #657D0B;
	background-color: #657D0B;
}

/* gallery list */
div#gallery_list a {
	display: block;
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	width: 149px;
	height: 105px;
	text-align: center;
	background: url('../i/gal_back.jpg') no-repeat left top;
	border: 1px solid #000;
}
div#gallery_list img {
	display: block;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	padding: 0;
	border: 0;
	text-align: center;
}
div#gallery_list a:hover {
	border: 1px solid #657D0B;
	background-color: #657D0B;
}

div.client_info {
	display:block; 
	float: left;
	margin: 0;
	padding: 10px 12px;
	width: 150px;
	text-align: center;
}


p.error{
	color: #f3c292;
}

div#menu {position: relative;}
div#sub_menu {position: relative;}

a#facebook {
	width:108px;
	height:20px;
	display:block;
	background: url(../i/fan-facebook.gif) no-repeat left top;
	position: absolute;
	top:36px;
	right:63px;
}
a#facebook:hover {background-position: left bottom;} 
