@charset "utf-8";
/* CSS Document */
body {
        background-image: url(../images/header_left_bkgr.gif);
        background-repeat: repeat-x;
        background-attachment: fixed;
        padding-top: 8px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #999999;
}

/* General Elements */
h1 {
        margin: 0 0 20px 40px;
        padding: 0;
}

h2, h4, h5, h6 {
        margin: 30px 0 10px 0px;
        padding: 0;
        color: #d4b470;
}

h1, h1 a, h1 a:hover {
        font-size: 18px;
        color: #d4b470;
}

h2 {
        font-size: 16px;
}

h4 {
        font-size: 15px;
        margin-top: 5px;
}

p {
        text-align: justify;
}

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

a:hover {
        color: #4B536A;
}

li {
        margin-bottom:10px;
}

/* Container */
#container {
        width: 1100px;
        background-color: #fff;
        height: 100%;
}

/* Header */
#header {
        background-position: top left;
        background-repeat: no-repeat;
        height: 200px;
        position: fixed; top:0;
        width: 1100px;;
        z-index: 1;
        text-align: center;
}

#left , #right {
        width:50%;
}

#left {
        float:left;
}

#right {
        background-color: white;
        margin-right: 1000px;
        border: 1px solid white;
        width: 1000px;
        position: relative;
        left: 1100px;
        top: 87px;
        height: 120px;
}

#left_inner {
        margin-right:550px;
}

#right_inner {
        margin-left:550px;
}

#header-logo {
        background-image: url(../images/header-bkgr01.png);
        position:relative;
        margin-left:-550px;
        margin-right:-550px;
        min-width:1100px;
        height: 206px;
        min-height: 206px;
        float:left;
}


* html #left, * html #right {
        width:49.9%;
        float:left;
}

#header-logo .name {
        color: #fff;
        font-size: 28px;
        margin: 20px 0 0 140px;
}

#header-logo .citi {
        color: #ef792f;
        font-size: 20px;
        margin: 0 0 0 170px;
        float:left;
}

#header-logo .slogan {
        color: #fff;
        margin: -20px 0 0 520px;
}

#header img {
        position: absolute;
        top: 25px;
        left: 353px;
        overflow: auto;
}

/* Navigation */
#container #navigation {
        background-color: #143045;
        text-decoration: none;
        top: 120px;
        z-index: 2;
        width: 1096px;
}

#navigation {
        border-width: 2px; border-color: #ef792f; border-style: solid;
        height: 39px;
        position: fixed;
        -moz-opacity:0.9; /* Gecko-Browser */
        opacity:0.9; /* Opera 9+ */
}

#navigation ul li {
        float: none;
        text-align: center;
}

#container #navigation a {
        font-size: 14px;
        color: #ef792f;
        font-weight: bold;
        padding: 0 4px 0 4px;
}

#navigation ul {
        display: table;
        width: 100%;
        margin-top: 2px;
        line-height: 26px;
        font-size: 12pt;
}

#navigation li {
        display: table-cell;
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
}

#navigation ul li a {
        display: block;
        margin-left: 3px;
        margin-right: 3px;
        line-height: 33px;
        color: #FFFFFF;
        text-transform: uppercase;
}

#navigation ul a:hover {
        background-color: #f2e6c4;
        padding: 0 4px 0 4px;
}

/* Content */
#mainBody {
        height: 100%;
        min-height: 750px;
        top: -70px;
}

#mainBody #mainContent {
        margin-top: 200px;
        padding: 10px 30px 80px 30px;
}

#mainBody #mainContent #content-top {
        padding: 0 40px 0 40px;
}

#mainBody #mainContent #content-bottom {
        padding: 10px 20px 10px 20px;
        border-width: 1px; border-color: #b8c0c7; border-style: solid;
        -moz-border-radius:10px; /* Firefox */
        -webkit-border-radius:10px; /* Safari, Chrome */
        -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        margin-left: 40px;
        position: absolute;
        width: 920px;
}

#mainBody #mainContent #start-left {
        float: left;
        width: 445px;
}

#content-left {
        width: 465px;
}

#content-right {
        width: 465px;
        float: right;
}

#content-top iframe {
z-index: 200;
}

#mainBody #mainContent #content-bottom p {
        font-size: 13px;
        color: #14619B;
}

#mainBody #mainContent img {
        border: solid 0px;
}

#mainBody #mainContent img.image-left {
        float: left;
        margin: 0 15px 13px 0;
}

#mainBody #mainContent img.image-right {
        float: right;
        margin: 0 0px 10px 15px;
}

#mainBody #mainContent #content-bottom img.image-left {
        float: left;
        margin: 18px 0 0 30px;
}

/* List as table */
ul.table {
  display: table;
  width: 900px;
}

li.table-left {
  display: table-cell;
  table-layout: fixed;
  border-spacing: 5px;
  padding-right: 40px;
  width: 150px;
}

li.table {
  display: table-cell;
  table-layout: fixed;
}

/* Footer */
#footer {
        color: #E3CD9E;
        font-size: 10px;
        height: 100px;
        margin-top: 40px;
        padding-top: 1px;
        position: absolute; bottom:0; left:0;
        width: 100%;
}

#footer p {
        margin-top: 50px;
        text-align: center;
        margin: 50px auto;
        width: 1100px;
        color: #14619B;
}

#footer a {
        text-decoration: none;
        font-size: 10px;
}

#navLogo {
        position: absolute;
        bottom: 50px;
        left: 0px;
        width: 180px;
}

/* Language */
#localeNavigation {
        font-size:12px;
        height: 20px;
        position: fixed;
        top: 165px;
        text-align: right;
        width: 1100px;
        z-index: 3;
        background-image: url(../images/localebg.png);
        padding: 5px 5px 0 0;
}

#localeNavigation a {
        color: #ef792f;
}

.en_US {
        height: 20px;
        background-image: url(../images/flag_usa.gif);
        background-repeat: no-repeat;
        background-position-y: 2px;
        padding-left: 25px;
        margin-right: 100px;
}

.de_DE {
        height: 20px;
        background-image: url(../images/flag_germany.gif);
        background-repeat: no-repeat;
        background-position-y: 2px;
        padding-left: 25px;
        color:#333;
}

/* Links */
.categoryList {
        margin: 0px 0px 0px 0px;
}

.categoryList h2, h3 {
        margin: 30px 0px 10px 0px;
}

.recordList  h3 a,
.categoryList h3 a {
        color: #4B536A;
        text-decoration: underline;
}

.recordList h3 {
        margin-top: 10px;
}

.recordList .description {
        margin: -5px 0px 24px 30px;
        color: #172238;
}

/**** originally added to v5 but changed to resemble v3? ***/
/*
span.label, label {
        float: left;
        display: block;
        width: 320px;
}
*/
/*
div.value, span.value {
        float: left;
        display: block;
        width: 320px;
}*/


.border {
        padding: 2px;
        border: 1px #024A66 solid;
}


.slideshow.vertical .slideshow-overlay {
        width: 750px;
}

table#shopping {
        width:100%;
}

#shopping, .toptitle, .sidetitle, .info {
        padding:5px;
}

.toptitle {
        background-color:#172238;
        text-align:center;
}

.toptitle h3 {
        margin-top:7px;
}

.sidetitle {
        background:rgba(23, 34, 56, .3);
        width:30%;
}

.info {
        width:70%;
}

table th, table h3 {
        color:#e3cd9e;
}

.amenitieslist {
        width:48%;
        float:left;
        height:auto;
        margin:0px 15px 10px 0px;
}

.clear {
        clear:both;
}

/* disable map of contact module */
body#PCMS_Module_Contact .location,
body#PCMS_Module_Contact .contact_address {
	display: none;
}

body#PCMS_Module_Contact form {
	margin-top: 80px;
}

iframe.contact {
    width: 100%;
    margin-top: 20px;
    border: 0;
    height: 800px;
    border-top: 1px solid;
    padding-top: 20px;
}