html {
	height:100%;
}

body {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #80716a;
	margin: 0;
	padding: 0;
	background: url(../img/back_carbon.gif);
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #db7878;
} 

a:link {
	text-decoration: none;
	color: #db7878;
}    

a:visited {
} 

a:hover { 
	color: #bd0000;
}  
 
a:active { 
	color: #bd0000;
} 

h1 {
	margin: 0;
	padding: 0;
	color: #bd0000;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 13px;
	display: inline;
}

h2 {
	margin: 0 0 7px 0;
	padding: 0;
	color: #bd0000;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 13px;
}

form {
	margin: 0 0 0 20px;
}

input {
	width: 650px;
	font-size:12px;
	border:1px solid #80716a;
	background-color: #fff;
	color:#80716a;
	margin: 2px 0 8px 0;
	padding: 2px 5px;
}

textarea {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	width:650px;
	border:1px solid #80716a;
	background-color: #fff;
	color:#80716a;
	margin: 2px 0 8px 0;
	padding: 2px 5px;
}

#submit {
	width: 120px;
	font-size:12px;
	border:none;
	background-color: #bd0000;
	color:#fff;
	margin: 2px 0 8px 0;
	padding: 2px 5px;
}

table {
	border-collapse: collapse;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}

label {
	width: 300px;
}

.gbookform {
	width: 200px;
	font-size:12px;
	border:1px solid #80716a;
	background-color: #fff;
	color:#80716a;
	margin: 5px 0 0 0;
	padding: 2px 5px;
}

.smaller {
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
}

.box {
	width: 20px;
	margin: 10px 0 0 10px;
}


/* --------- general -------- */

#site {
	height: 842px;
	width: 100%;
	background: url(../img/arabesk_carbon.gif) bottom center no-repeat;
}

#main {
	width: 996px;
	height: 581px;
	margin: 0 auto;
}

#left {
	float: left;
	height: 581px;
	width: 30px;
	background: url(../img/left.gif) no-repeat;
}

#right {
	float: right;
	height: 581px;
	width: 30px;
	background: url(../img/right.gif) right no-repeat;
}


/* --------- nav -------- */

#logo {
	width: 210px;
	padding: 25px 0 0 59px;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
}

#logo img {
	margin: 25px 0 0 0;
} 

#nav {
	float: left;
	width: 225px;
	height: 100%;
	background: #fff url(../img/shadow.jpg) top right no-repeat;
}

#main_nav {
	background: url(../img/nav_mackal.gif) bottom center no-repeat;
	width: 205px;
	padding: 0 0 25px 0;
}

#nav ul {
	text-align: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_nav ul li, #main_nav ul li a, #main_nav ul li a:link {
	font-size: 14px;
	text-transform: uppercase;
	margin: 7px 0;
}

#submenu1 {
	
}

#nav ul ul li, #nav ul ul li a, #nav ul ul li a:link {
	font-size: 12px;
	text-transform: none;
	line-height: 18px;
	display: block;
	margin: 0;
}

#contactinfo {
	width: 205px;
	text-align: center;
	padding: 15px 0 0 0;
}


.about {	
	background: url(../img/nav_about_red.gif) top center no-repeat;
}

.gallery {	
	background: url(../img/nav_gallery_red.gif) top center no-repeat;
}

.guestbook {	
	background: url(../img/nav_guestbook_red.gif) top center no-repeat;
}

.contact {	
	background: url(../img/nav_contact_red.gif) top center no-repeat;
}

.links {	
	background: url(../img/nav_links_red.gif) top center no-repeat;
}

.news {	
	background: url(../img/nav_news_red.gif) top center no-repeat;
}

.about a:hover, .gallery a:hover, .guestbook a:hover, .contact a:hover, .links a:hover, .news a:hover {
	visibility:visible;
}

.about a:hover img, .gallery a:hover img, .guestbook a:hover img, .contact a:hover img, .links a:hover img, .news a:hover img {
	visibility:hidden;
}

.about a, .gallery a, .guestbook a, .contact a, .links a, .news a {
	text-decoration: none;
	display: block;
}

#about #site #main #nav #main_nav .about, #gallery #site #main #nav #main_nav .gallery, #guestbook #site #main #nav #main_nav .guestbook, #contact #site #main #nav #main_nav .contact, #links #site #main #nav #main_nav .links, #links #site #main #nav #main_nav .news {
	visibility:visible;
}

.about a:active img, .gallery a:active img, .guestbook a:active img, .contact a:active img, .links a:active img, .news a:active img {
	visibility:hidden;
}

.about a:active, .gallery a:active, .guestbook a:active, .contact a:active, .links a:active, .news a:active {
	visibility:visible;
}

#about #site #main #nav #main_nav .about img, #gallery #site #main #nav #main_nav .gallery img, #guestbook #site #main #nav #main_nav .guestbook img, #contact #site #main #nav #main_nav .contact img, #links #site #main #nav #main_nav .links img, #news #site #main #nav #main_nav .news img {
	visibility:hidden;
}

.hide {
	display: none;
}

.show{
	display: block;
}


/* --------- content -------- */

#rotator {
	text-align: center;
}

#content_right {
	float: left;
	width: 711px;
	height: 521px;
	background: #fff;
	padding: 60px 0 0 0;
}

#content {
	height: 515px;
	width: 700px;
	overflow: auto;
}

.pic {
	float: left;
	width: 148px;
	height: 148px;
	margin: 0 0 20px 20px;
	background: #e5e5e5;
}

.pic img {
	float: left;
}

.icon {
	float: right;
	padding: 15px 15px 0 0;
}

.icon_pic {
	float: right;
	height: 18px;
	width: 20px;
	margin: 0 0 16px 16px;
}

.link {
	float: left;
	width: 316px;
	height: 106px;
	margin: 0 0 20px 20px;
	background: #e5e5e5;
}

#footer {
	margin: 0 0 0 145px;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	clear: both;
	width: 100%;
}