@import url(../../reset.css);
@import url(../../960.css);
@import url(guestbook.css);

* {
  list-style: none;
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
}

html { font-size:12px; }

body {
    background: #131314 url(../images/layout/bg-page.gif) repeat-y 50% top;
    color:#fff;
    font: 100%/170% Arial, Helvetica, Verdana, sans-serif;
    margin: 0; padding: 0;
    text-align: center;
}

h1, h2, h3, h4 ,h5, h6 {
	color:#d32723;
}

h1 { font-size: 24px; line-height:32px; margin-left:50px; }
h2 { font-size: 18px }
h3 { font-size: 16px }

a{ color:#c6c6c6; text-decoration:none; }
a:hover{ color:#d32723; }

img { border:none; }

p { margin: 10px 0; padding: 0 10px; }

.italic { font-style:italic; }
.justify { text-align:justify; }
.clearfix { clear:both; }
.bull1 { background: url(../images/layout/bull1.png) no-repeat; width:24px; height:24px; }


/* PAGE & CONTENT ***********************************************************************/

#wrapper .page {
    background:#000 url(../images/layout/top_line.png) no-repeat left top;
    margin:0 auto; padding:5px 0 0 0;
    width:960px;
}

#header{ background:url(../images/layout/header.jpg) no-repeat left top; height:187px; }

#mainnav { width:960px; }
#mainnav ul { background: url(../images/layout/mainnav3.png) repeat top right; width:960px; margin: 0 auto;  }

#mainnav li { background: url(../images/layout/mainnav3.png) repeat top right; float:left; width:87.2727px; height:43px; font:12px impact; line-height:35px; }
#mainnav li.active, #mainnav li:hover { background: url(../images/layout/mainnav-active2.png) repeat top right; display:block; float:left; }
#mainnav li.active a, #mainnav li:hover a { color:#d32723; }

#logo {    
    color: #fff;color:#d32723;
    font: 48px Verdana Bold;
    font-style:italic;
    line-height:160px;
}
#page-content-top { background: url(../images/layout/page-content-top.png) no-repeat top left; height:50px; }
#page-content-bottom { background: url(../images/layout/page-content-bottom.png) no-repeat bottom left;height:50px;}
#page-content { text-align:left; }

#footer {
	background: url(../images/layout/footer.png) no-repeat;
	height: 39px;
	width:960px;
	margin-bottom:20px;
}

#footer p { width:960px; text-align:center; line-height:39px; font-size:10px; }


#sidebar { width:300px}
#sidebar li a { 
	background: url(../images/layout/button-sidebar-right.png) no-repeat top left;
	display:block;
	height:29px;
	font:14px Impact;
	padding-left: 25px;
	padding-top: 10px;
    width:200px;
}
#sidebar li.active a { color:#d32723; }

.systemmessageBoxError,
.systemmessageBoxInfo,
.systemmessageBoxOk {
    color: #8d5d2a;
    font-size: 0.9em;
    font-weight: bold;
    padding:10px 0px;
    text-align:center;
    width:940px;
    margin:-30px 0 10px 0;
}

.systemmessageBoxError {
    /*border: 1px dashed #DF0404;*/
    background-color: #ffdede;
    color: red;
}

.systemmessageBoxInfo {
    /*border: 1px dashed #ffda3f;*/
    background-color: #fff5cb;
}

.systemmessageBoxOk {
    border: 1px solid ;
}

.paginationControl {
    text-align:center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size:12px;
    color:#8d5d2a;
}

.paginationControls {
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    text-decoration:none;
    color:#8d5d2a;
}

.paginationControls a,
.paginationControls span {
    background: url(../images/layout/bg-img.png) no-repeat top left;
    margin: 0 1px;
    padding: 5px;
    text-decoration: none;
    color:#d32723;
}

.paginationControls a:hover {
    background: #d32723;
    color: #FFF;
}

.paginationControls .currentPage {
    background:#d32723;
    color: #000;
    margin: 0 1px;
    height:31px;
    line-height:31px;
}

.heading1 { background: url(../images/layout/heading1.png) no-repeat top left;  }
.heading1 div.box-left { float:left; font: 12px Impact; margin-left: 19px; margin-top:10px; text-align:center; width:48px; }
.heading1 div.box-right { color:#d32723; float:left; font:18px Impact; height:55px; line-height:50px; margin-left: 10px;}
.box1 { margin-top:10px; margin-bottom:10px; }

.bottom { background: url(../images/layout/page-content-bottom.png) no-repeat bottom left; height:35px; }

.border-top { border-top: 1px solid #363636; }
.border-left { border-left: 1px solid #363636; }
.border-right { border-right: 1px solid #363636; }
.border-bottom { border-bottom: 1px solid #363636; }
.border-full { border: 1px solid #363636; }


/* BUTTONS *******************************************************************************/

.button1 { 
    background: url(../images/layout/button1.png) left top no-repeat;
    border:none;  height:31px; 
    text-align:left; 
    padding-left:10px;
    width:116px;
}
.button1:hover { background: url(../images/layout/button1.png) bottom left no-repeat; }
.button1:focus { border: none; }

.button2 { 
    background: url(../images/layout/button2-bluelined.png) no-repeat top left;
    height:39px;
    width:300px;
}

/* button-arrow -------------------------------------------------------------*/

.button-arrow-left {
    background: url(../images/layout/button-arrow-left.png) no-repeat;
    background-position:0px 0px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
}
.button-arrow-left:hover {
    background: url(../images/layout/button-arrow-left.png);
    background-position:0px 31px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
}
.button-arrow {
    background: url(../images/layout/button-arrow.png);
    background-position:0px 0px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
    text-align:center;
}
.button-arrow:hover {
    background: url(../images/layout/button-arrow.png);
    background-position:0px 31px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
}
.button-arrow-right {
    background: url(../images/layout/button-arrow-right.png);
    background-position:0px 0px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
}
.button-arrow-right:hover {
    background: url(../images/layout/button-arrow-right.png);
    background-position:0px 31px;
    height:31px;
    width:116px;
    line-height:31px;
    font-family:Impact;
}



.button-arrowed-left-arrow { 
	background: url(../images/layout/button-arrow-left.png) no-repeat ;
	height:31px;
	width: 29px;

}
.button-arrowed-right-arrow { 
	background: url(../images/layout/button2-bluelined.png) no-repeat top right;
	height:31px;
	width:29px;
}


/***************************************************************************************/
	
.gallery-previews { float:right; }
.gallery-previews:hover { background:#363636 }
.gallery a  { color: #000; }
.gallery a:hover { color:#363636 }

.gallery-show { margin: 25px 75px 0px 75px;  }
.gallery-thumb { float:left; background: url(../images/layout/bg-img.png) no-repeat top left; margin:15px; }
.gallery-thumb:hover { background:#363636; }
.gallery-thumb img { padding:5px 5px 2px 5px; }
.gallery-image-wrapper { margin:5px; }
.gallery-actions { margin-top:20px; margin-left:290px; }
.gallery-actions a { display:block; float:left; margin:5px;}
/*
.gallery-actions a { background:#741f00; border:1px solid #fff; color:#fff; margin: 0px 10px; padding:3px 10px; }
.gallery-actions a:hover { background:#fff; border:1px solid #741f00; color:#741f00; }
*/


/* FORM ***********************************************************************************/

dt { margin-top: 10px; }

input, select, textarea { color:#cfcfcf; background:#161616; border:1px solid #363636; padding:3px 5px; width: 500px; }
textarea { height: 200px; }
input:focus, select:focus, textarea:focus { border:1px solid #d32723; }

form .errors li{ color:#ff0000; list-style-type:circle; font-size:0.8em; margin-left:25px;}

#FormReservation input, #FormReservation textarea, #FormContact input, #FormContact textarea { width:325px; }
#FormReservation select { width: 335px; }
#FormReservation textarea { height: 175px; }
#FormReservation img, #FormContact img { width:337px; }

#teaser { border-top:1px dotted #d32723; border-bottom:1px dotted #d32723; overflow:hidden; heigth:1.8em; margin:0 10px; }
#teaser .item { color:#d32723; font-weight:bold; font-size:1.4em; line-height:1.8em; height:1.8em; margin:0 10px; text-align:center; width:100%; font-style:italic; }