/* header */ #header { padding: 0px; width: 780px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #flash { margin: 0px; padding: 0px; height: 702px; width: 380px; } #header-left { margin: 0px; padding: 0px; float: left; width: 400px; } #header-right { padding: 0px; float: right; width: 380px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; } /* end of header **********************/ /* nav */ #nav { padding: 0px; height: 159px; width: 400px; background-image: url(../images/nav.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; } #nav a { padding: 0px; display: block; width: 400px; background-image: url(../images/nav.jpg); background-repeat: no-repeat; margin: 0px; text-indent:-9999px; } #accomm { background-position: 0px 0px; height:30px; } #facil { background-position: 0px -30px; height:30px; } #contact { background-position: 0px -60px; height:30px; } #booking { background-position: 0px -90px; height:30px; } #info { background-position: 0px -120px; height:39px; } #accomm:hover { background-position: 0px -159px; } #facil:hover { background-position: 0px -189px; } #contact:hover { background-position: 0px -219px; } #booking:hover { background-position: 0px -249px; } #info:hover { background-position: 0px -279px; } /* end of nav **********************/ /* content */ #content { width: 780px; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #top-contents { width: 360px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #top-contents2 { width: 360px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #main { width: 740px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .margin1 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; text-align: justify; } .margin5 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; text-align: justify; } .margin10 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-align: justify; } .linesp { line-height: 16px; } .margin20 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; text-align: justify; } .nomargin { text-align: justify; margin: 0px; padding: 0px; } .box1 { margin: 0px; padding: 0px; } .box1-left { margin: 0px; padding: 0px; float: left; width: 400px; } .box1-left-wrapper { padding: 0px; width: 360px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .box1-right { margin: 0px; padding: 0px; float: right; width: 380px; } .list1 { margin: 0px; padding: 0px; list-style-type: none; } .list1 li { margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 17px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: left 2px; font-size: 12px; } .tariff-box { margin: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .tariff { font-weight: bold; padding-right: 30px; font-size: 14px; } .btn-book { background-image: url(../images/btn-book-enq.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; padding: 0px; float: left; height: 32px; width: 190px; margin-top: 1px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; text-indent: -9999px; } .btn-enq { background-image: url(../images/btn-book-enq.gif); background-repeat: no-repeat; background-position: -190px 0px; display: block; padding: 0px; float: right; height: 32px; width: 190px; margin-top: 1px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; text-indent: -9999px; } .btn-book:hover { background-position: 0px -32px; } .btn-enq:hover { background-position: -190px -32px; } #distance-currency { margin: 0px; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #distance { padding: 0px; float: left; width: 340px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #currency { padding: 0px; float: right; width: 340px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #qualmark { margin: 0px; padding: 0px; float: left; width: 100px; } #qualmark img { padding: 0px; width: 80px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #distance img { padding: 0px; width: 190px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #currency img { padding: 0px; width: 190px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /* end of content **********************/ /* footer */ #footer { margin: 0px; padding: 0px; width: 786px; } #footer p { font-size: 10px; text-align: center; margin: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* end of footer **********************/ /* General style */ html, body { font-family: Verdana, Arial, Helvetica; font-size: 85%; margin:0; border:none; padding:0; color:#FFFFFF; background-color: #770000; } *html body { /*font-size:85%;*/ } *:first-child+html body { /*font-size:85%;*/ } #container{ width:786px; padding: 0; background-image: url(../images/container-bg.gif); background-repeat: repeat-y; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /***** clearfix *****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* hide from ie-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end hide from ie-mac */ /***** end of clearfix *****/ img { margin:0; padding:0; display: block; border-width: 0; border:none; } .image-border { border: 1px solid #666666; } h1 { margin:0; padding:0; } h2 { padding:0; margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 0; } h3 { margin:0; padding:0; } h4 { margin:0; padding:0; } .break { background-image: url(../images/break.gif); background-repeat: repeat-x; padding: 0px; height: 1px; width: 100%; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .clear-both { clear:both; } input, textarea, select { font-family:Verdana, Arial, Helvetica; font-size:10pt; color:#000000; border:1px solid #333333; background-color:#ffffff; } /* Link */ a { border: none; } a:link { color:#FFFFFF; text-decoration:underline; } a:visited { color:#FFFFFF; text-decoration:underline; } a:hover { color:#CCCCCC; text-decoration:underline; } /* CopyRight Format-- */ div#copyright { font-family:Arial, Verdana, Helvetica; font-size:10px; font-weight:bold; text-align:center; margin:0; border:0; color:#CCCCCC; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } a.linkcopy { color:#CCCCCC; text-decoration:underline; } a.linkcopy:link { color:#CCCCCC; text-decoration:underline; } a.linkcopy:visited { color:#CCCCCC; text-decoration:underline; } a.linkcopy:hover { color:#FFFFFF; text-decoration:underline; } a:focus { -moz-outline-style: none; } /* end of general style */