@bg : black; @_yellow : #eace5f; @_yellow2 : #c9a721; @_grey : #666666; body { /*font-family: 'Adamina', serif; font-size:14px; line-height:18px;*/ color:#cecece; padding:0px; margin:0px; font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; background-color:black; /* background: rgb(69,72,77); background: rgb(38,38,38); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 50%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(38,38,38,1)), color-stop(50%,rgba(0,0,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: -o-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: -ms-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%);*/ } .classbody { /*font-family: 'Adamina', serif; font-size:14px; line-height:18px;*/ background-color:black; color:#cecece; padding:0px; margin:0px; font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; /* background: rgb(69,72,77); background: rgb(38,38,38); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 50%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(38,38,38,1)), color-stop(50%,rgba(0,0,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: -o-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: -ms-radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%); background: radial-gradient(center, ellipse cover, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 50%);*/ } #site_wrapper { display:block; position:relative; float:left; width:100%; height:100%; } a { text-decoration:none; } p { margin-top:20px; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:18px; font-weight:normal; font-size:13px;*/ font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; } ul { margin-top:20px; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:18px; font-weight:normal; font-size:13px;*/ font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; padding-left:20px; } li { margin-bottom:10px; } .nom { margin:0px; } .mb { margin-bottom:15px; } #logo_button { background: url('/img/buttons/logo.png') no-repeat center top; width:52px; height:72px; } #hotel_logo { color:white; font-size:32px; text-align:left; } .menu_bar { color : @_yellow; height:65px; display: table-cell; vertical-align:bottom; font-family: 'Federo', sans-serif; font-weight: 400; font-size:16px; padding-bottom:10px; width:auto; } .menu_bar.active { letter-spacing:0.8px; color : white; height:65px; width:auto; display: table-cell; vertical-align:bottom; font-family: 'Federo', sans-serif; font-weight: 400; font-size:16px; padding-bottom:10px; background: url('/img/active.png') no-repeat bottom center; } .contenter { display:block; float:left; position:relative; height:100%; width:100%; margin-bottom:30px; } .menu_bar:hover { color:white; } .right { float:right; } .main_bg { background: url('/img/screen1.jpg') no-repeat center top; width:950px; height:535px; } .nivoSlider { position:relative; width:950px; height:463px; background:url(/img/loading.gif) no-repeat 50% 50%; z-index : 1; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } .mtb { margin:15px 0px; } .bright { border-right : 1px #454545 solid; } .bleft { border-left : 1px @_yellow solid; } .bbottom { border-bottom : 1px @_yellow solid; } .pbottom { padding-bottom:15px; } .larger { /*font-size:16px; letter-spacing: 0.8px; font-family:'Adamina' , serif; font-weight:normal;*/ line-height:26px; font-family: 'Federo', sans-serif; font-weight: 400; font-size: 19px; } /* STATUS MESSAGES */ .content_wrapper { position:relative; width:auto; height:auto; display:block; float:left; } #success_heading { font-weight:normal; font-family:'Arial' , serif; background: url('/img/status.jpg') no-repeat left center; text-indent: 20px; font-size: 13px; margin-top:10px; } #message_body { font-size:12px; font-family:'Arial' , serif; } #failure_heading { font-family: 'Federo', sans-serif; font-weight: 400; font-size: 13px; background: url('/img/x.png') no-repeat left center; text-indent: 20px; margin-top:10px; } .lang_option { margin-top:0px; color:@_yellow; width:35px; text-align:center; float:left; font-size:11px; font-family:'Arial' , serif; } .lang_option:hover{ color:white; } .lang_option.active { color:white; } /* BOTTOM MENU */ .bottom_menu { color : @_yellow; font-size:11px; line-height:14px; font-family:Arial; /*letter-spacing:0.9px;*/ } .bottom_menu.active { color:white; } .bottom_menu:hover { color:white; } .copyright { color : @_grey; font-size:11px; line-height:14px; font-family:Arial; } /* ============= */ /* GENERAL CSS */ .div_wrapper { position:relative; height:auto; width:auto; display:block; } .right { float:right; } .pright { padding-right:30px; } label { display:block; margin-top:10px; font-weight:normal; font-size:15px; } #form_wrapper { -moz-border-radius: 10px; border-radius: 10px; border:1px @_grey solid; padding:20px; -moz-border-radius: 10px; border-radius: 10px; border:1px #292929 solid; padding:20px; background-color:black; background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.55, rgb(27,27,27)) ); } #form_wrapper h3{ .h3_generic; } input[type=text] { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:300px; font-family:Arial; font-size:16px; padding:0px 7px; height:30px; } textarea { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:100%; height:100px; font-family:Arial; font-size:16px; padding:0px 7px; } .generic_button { background: url('/img/buttons/generic.png') no-repeat center top; width:91px; height:27px; border:0px; margin-top:15px; cursor:pointer; line-height:26px; /*font-size:16px; font-family : serif;*/ color:black; font-family: 'Federo', sans-serif; font-weight: bolder; text-transform:uppercase; font-size: 12px; } .generic_button2 { background: url('/img/buttons/generic2.png') no-repeat center top; width:69px; height:29px; border:0px; margin-top:15px; cursor:pointer; color:@_yellow; font-size:13px; font-family: 'Adamina', serif; } .tright { text-align:right; } /* ============ */ /* LOGIN CSS */ #login_logo { position:absolute; top:0px; left:0px; } #login_button { background: url('/img/buttons/login.png') no-repeat left top; width:81px; height:28px; color:black; text-align:center; font-family: 'Federo', sans-serif; font-weight: 400; font-size: 14px; /*font-size:14px;*/ /*letter-spacing:0.8px;*/ position:relative; margin-right:5px; line-height:20px; } #login_menu { z-index : 10; display:none; -moz-border-radius: 5px; border-radius: 5px; background-color:@_yellow2; top:21px; right:4px; width:254px; margin-right:5px; padding:0px; height:auto; position:absolute; background-image: linear-gradient(bottom, rgb(198,164,27) 0%, rgb(234,206,95) 55%); background-image: -o-linear-gradient(bottom, rgb(198,164,27) 0%, rgb(234,206,95) 55%); background-image: -moz-linear-gradient(bottom, rgb(198,164,27) 0%, rgb(234,206,95) 55%); background-image: -webkit-linear-gradient(bottom, rgb(198,164,27) 0%, rgb(234,206,95) 55%); background-image: -ms-linear-gradient(bottom, rgb(198,164,27) 0%, rgb(234,206,95) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(198,164,27)), color-stop(0.55, rgb(234,206,95)) ); .shadow; } #login_form { padding:15px; padding-top:0px; padding-bottom:0px; color:black; font-size:12px; } #login_form h3{ .h3_generic; } #login_form input[type=text] { -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cecece; line-height:24px; width:95%; font-family:Arial; font-size:16px; padding:0px 7px; height:30px; } #login_form input[type=password] { -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cecece; line-height:24px; width:95%; font-family:Arial; font-size:16px; padding:0px 7px; height:30px; } #login_form textarea { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:100%; height:100px; font-family:Arial; font-size:16px; padding:0px 7px; } #status { padding-top:10px; font-weight:bold; font-family:Arial; font-size:13px; } .error { background: url('/img/failed.png') no-repeat center center; width:14px; height:20px; float:left; margin-right:5px; } .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; } /* =================== */ /* INVITATIONS */ #invitation_image { background: url('/img/invitation.jpg') no-repeat center top; width:950px; height:168px; } #form_inv { -moz-border-radius: 10px; border-radius: 10px; border:1px #292929 solid; padding:20px; padding-top:5px; background-color:black; background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.55, rgb(27,27,27)) ); } #form_inv h3{ .h3_generic; } #form_inv input[type=text] { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:50%; font-family:Arial; font-size:16px; padding:0px 7px; } #form_inv textarea { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:100%; height:100px; font-family:Arial; font-size:16px; padding:0px 7px; } #inv_banner { background: url('/img/invitation.png') no-repeat center top; width:307px; height:409px; margin-top:79px; } /* =============== */ /* ABOUT US */ #about_us_image { background: url('/img/about_us.jpg') no-repeat center top; width:950px; height:168px; } #about_us_right { background: url('/img/about_us_right.png') no-repeat right top; width:361px; height:538px; position:absolute; top:-140px; right: 20px; } /* ================= */ /* CAREERS */ #content_wrapper { position:relative; display:block; width:100%; height:100%; float:left; } #abs_div { position:absolute; display:block; top:-120px; right:10px; float:right; width:auto; } #form_career { -moz-border-radius: 10px; border-radius: 10px; border:1px @_grey solid; padding:0px; background-color:black; -moz-border-radius: 10px; border-radius: 10px; border:1px #292929 solid; background-color:black; background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(27,27,27) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.55, rgb(27,27,27)) ); } .h3_generic { color:@_yellow; /*font-weight:normal; font-size:16px;*/ font-family: 'Federo', sans-serif; font-weight: 400; font-size: 17px; line-height: 22px; } #form_career h3{ .h3_generic; } #form_career input[type=text] { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:20px; height:24px; width:97%; /*font-family:Arial; font-size:16px;*/ font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; padding:0px 7px; } #form_career textarea { -moz-border-radius: 5px; border-radius: 5px; border:0px; line-height:24px; width:97%; height:100px; /*font-family:Arial; font-size:16px;*/ font-family: 'Federo', sans-serif; font-weight: 400; font-size: 15px; padding:0px 7px; } #careers_image { background: url('/img/careers.jpg') no-repeat center top; width:950px; height:168px; } .list { list-style-type:disc; } /* ======================= */ /* PARTNERING */ #partners_image { background: url('/img/partnering.jpg') no-repeat center top; width:950px; height:168px; } /* ============================= */ /* CONTACT US */ #contact_us_image { background: url('/img/contact_us.jpg') no-repeat center top; width:950px; height:168px; position:relative; } /* ============= */ /* ================ */ /* TEXT LAYER DIV */ #text_layer { width:950px; height:168px; position:absolute; top:0px; right:0px; } /* ================ */