@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
a img, iframe {
    border: none;
}
ol, ul {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    font-family: inherit;
}
select {
    margin: inherit;
}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
strong{ font-weight: bold}


/* End Reset */

/* CSS Document */

.pa{ position: absolute;}
.pr{ position: relative;}

.tar{ text-align: right;}
.tal{ text-align: left;}
.tac{ text-align: center;}

.fl{ float: left;}
.fr{ float: right}

p {
	line-height: 30px;
	color: #857881;
	margin-bottom: 10px;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Arial", sans-serif; font-weight:400; font-stretch:normal;
}

p a {
    border-bottom:1px solid rgba(250, 124, 124, 1);
    color: #fa7c7c;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
p a:hover{ border-bottom: 1px solid rgba(250, 124, 124, 0);}

.centered{ text-align: center; margin: 0 auto; width: 1200px;}
strong {font-weight: bold;}

.block h1 {
	font-family: "freight-sans-pro", Arial;
	font-style: normal;
    font-weight: 300;
}

hr{ border-top:1px dashed #D8BBC7; border-bottom:none; height:1px; margin: 30px 0;}

h1{
	font-size: 24px;
	font-weight: bold;
	color: #7a004f;
	line-height: 24px;
	text-transform: uppercase;
}

h1 strong{
	font-size: 28px;
}

h2, h3, h4{
	color: #7a004f;
}

h2 {
	font-family: "freight-sans-pro", Arial;
	font-weight: 600;
	font-size: 16px;
}

h3 {
	font-family: "freight-sans-pro", Arial;
	font-weight: 600;
	font-size: 16px;
	color: #857881;
}



body{
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;

	background:url(../images/bkg.jpg);
}


/* LAYOUT */

#main{
	text-align: left;
    width:100%;
}

#logo {
	margin-top: 5px;
}

#navbar{
	background: url(../images/menu-bkg.png) no-repeat;
	width: 231px;
	height: 471px;
	top: 0px;
	left: 100px;
	z-index: 99999;
}
body.thin #navbar{ left: 0;}

#navbar .nav{
	display: block;
	padding: 0 20px;
	margin: 12px auto 0;
    width: 180px;
}

#navbar .nav li{
	display: block;
	padding: 1px 0 1px 0;
}

#navbar .nav li a{
	display: block;
	height: 26px;
	line-height: 28px;
	border-bottom: 1px dashed #d8bbc7;
	color: #525252;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "freight-sans-pro", Arial;
	font-style: normal;
    font-weight: 600;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#navbar .nav li a.active,
#navbar .nav li a.nav_active,
#navbar .nav li a:hover{
	color: #700048;
}

#navbar .nav li.last a{
	border-bottom: none;
}

#header {
	height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1200px;
}

#bt_booknow{ 
    background: url(../images/bk_book.png) no-repeat; 
    height: 175px;
    position: absolute; 
    right: 20px; 
    text-align: center;
    text-decoration: none;
    top: 20px;
    width: 175px;
    z-index: 99999;}

#bt_booknow span{ 
    color: #fff; 
    display: block;
    font-family: "freight-sans-pro", Helvetica, arial;
    font-size: 17px;
    font-style: italic;
    font-weight: 600;
    line-height: 17px;
    margin: 75px 0 0 0;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}

#bt_booknow:hover span{ color: #b5006a;}

#recommend{
    bottom: 90px;
    position: absolute;
    right: 0;
    z-index: 9;
}
.social{ position:absolute; right: 110px; top:30px; z-index: 99999;}

#header .header-bottom{
	background: url(../images/header-welcome.jpg) no-repeat;
	height:87px;
	line-height: 87px;
	/*padding-left: 368px;*/
	font-size: 34px;
	color:#FFF;
	font-family: "freight-sans-pro", Helvetica, arial;
    margin: 0 auto;
    overflow: hidden;
    text-align:center;
    width:1200px;
}

#header .header-bottom h1{ 
    color:#FFF;
    float: left;
    font-family: "freight-sans-pro", Helvetica, arial;
    font-size: 38px;
    font-weight:normal;
    line-height: 87px;
    padding: 0 0 0 368px;
    text-align: left;
    text-transform: capitalize;}
body.thin #header .header-bottom h1{ padding: 0 0 0 270px;}

#TA_cdsscrollingravenarrow907{
    float: right;
    margin: 12px 12px 0 0;
}
#header .header-bottom h1 strong{ font-size:38px; font-weight: bold;}

#slider, 
#static_carousel{ margin: 0 auto; width:1200px;}

#content {
	background: url(../images/bkg-bottom-left.jpg) bottom center #fff no-repeat;
	margin: 0 auto;
    padding: 80px 0px;
    position: relative;
    width:1200px;
}
body.thin #content{ padding:80px 10px; width: 980px;}

#content .int{ margin: 0 auto; width: 980px;}

#content .sidebar{
	width: 210px;
	/*margin-left: 117px;*/
}
/*#TA_impnearbyaccomnarrow977,
#CDSWIDVRNB{ width: 210px;}
#CDSWIDVRNB{ left: 30px; position: absolute;}*/

#content .sidebar .block{
	margin-bottom: 25px;
	margin-top: 6px;
}

#content .sidebar .block p{
	margin-bottom: 25px;
	font-size: 20px;
	font-family: "freight-sans-pro", Arial;
	font-weight: 300;
	font-style: normal;
}

#work_with_us{
    background: #7a004f;
    border: 10px solid #7a004f;
    border-radius: 200px;
    color: #fff;
    display: block;
    font-family: "freight-sans-pro", Helvetica, arial;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 75px 50px;
    width: 90px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
#work_with_us:hover{
    background: #fff;
    border: 10px solid #7a004f;
    color: #7a004f;
}
#btn_video{
    /*background: #7a004f;*/
    background: #7a004f url(../images/btn_video.png) no-repeat;
    background-position: center;
    border: 10px solid #7a004f;
    border-radius: 200px;
    color: #fff;
    display: block;
    font-family: "freight-sans-pro", Helvetica, arial;
    font-size: 0;
    font-weight: bold;
    height: 40px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 75px 50px;
    width: 90px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
#btn_video:hover{
    background: none;
    background-position: center -200px;
    border: 10px solid #7a004f;
    color: #7a004f;
    font-size: 17px;
}
.video img{
    display: none;
}

#content .inner-content{
	width: 720px;
    /*margin:-22px 110px 0 0;*/
    margin: -22px 0 0 0;
}

#content .inner-content h2{
	line-height: 26px;
	/*height: 22px;*/
	margin: 25px 0;
	font-weight: 600;
    font-size: 18px;
}

#content .inner-content ul{ list-style:none;}
#content .inner-content ul li h2{ line-height: 20px;}
#content .inner-content ul.sitemap{ min-height: 670px; overflow: hidden;}
#content .inner-content ul li{ background:url(../images/bullet.gif) center left no-repeat;
    padding-left:20px; line-height: 22px;
    height: 22px;
    margin: 25px 0;
    font-weight: 600;
    font-size: 18px;}

#content .inner-content ul li p, #content .inner-content ul li a {
    line-height: normal;
    color: #857881;
    margin-bottom: 10px;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Arial", sans-serif; font-weight:400; font-stretch:normal;
}

#content .inner-content ul li a {
    border-bottom:1px solid rgba(250, 124, 124, 1);
    color: #fa7c7c;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
#content .inner-content ul li a:hover{ border-bottom: 1px solid rgba(250, 124, 124, 0);}

#content .inner-content ul li ul{ overflow: hidden;}
#content .inner-content ul li ul li{ position: relative;}

#content .inner-content .clients{ overflow: hidden;}
#content .inner-content .clients li{ background: none; float: left; height: 143px; line-height: normal; margin:0; padding: 0; width: 179px; }

.features{ overflow: hidden;}
.amenities{ float: left; margin: 0 20px 0 0; position: relative;}
.feat_mask{ height: 230px; position: absolute; z-index: 9; width: 230px;}
.feat_img{ height: 230px; width: 230px;}
.feat_img img{ margin: 38px 0 0 38px;}
.feat_text{ padding: 20px 0 0 0;}

.map{ border:5px solid #e1e1e1; overflow: hidden;}

#footer{
	background:url(../images/footer-top-bkg.jpg);
    border-top: 1px solid #D2D2D2;
    height: auto;
    font-size: 13px;
    margin: 0 auto;
    width: 1200px;
    /*padding: 0 110px;*/
    /*position: r;*/
}
body.thin #footer{ padding: 0 10px; width: 980px;}

#footer a.top{
	background:url(../images/top.png);
    height: 103px;
	left: 550px;
    text-align: center;
    text-decoration: none;
	top: -53px;
    width: 103px;
}
#footer a.top span{ color: #fff; font-family: "freight-sans-pro",Arial; font-size: 17px; font-style: italic; font-weight: 600; line-height: 103px; text-transform: uppercase; -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
#footer a.top:hover span{ color: #b5006a;}

#footer .wpr-gallery{
	padding-top: 72px;
}

#footer .wpr-gallery h3{
	font-size: 16px;
	text-transform: uppercase;
}

#footer .wpr-gallery ul.gallery{
	padding: 20px 0 34px;
	border-bottom: 1px solid #CCC;
}

#footer .wpr-gallery li{
	display: inline;
}

#footer .wpr-gallery li.first a img{
	margin-left: 0px;
}

#footer .wpr-gallery li a {
	text-decoration: none;
}

#footer .wpr-gallery li a img{
	border: 1px solid #CCC;
	background:#FFF;
	padding: 4px;
	height: 64px;
	margin-left: 10px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#footer .wpr-gallery li a:hover img{
	border: 1px solid #710042;
    background:#FA7C7C;
}

#footer a{
	text-decoration: underline;
	color: inherit;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#footer p a{ border-bottom:1px solid rgba(133, 120, 129, 1); text-decoration: none;}
#footer p a:hover, #footer p a.nav_active{ border-bottom:1px solid rgba(133, 120, 129, 0);}

#footer a.innfinite {
    border-bottom:1px solid rgba(250, 124, 124, 1);
	color: #fa7c7c;
	text-decoration: none;
}
#footer a.innfinite:hover{ border-bottom: 1px solid rgba(250, 124, 124, 0);}

#footer .r_separator, #footer-nav .r_separator {
	margin: 0 6px;
	font-weight: bold;
	color: #710042;
}

#footer-nav .r_separator {
	color: #fa7c7c;
}

#footer p {
    margin: 0;
    padding: 14px 0;
	text-align: center;
}

#footer-nav{
	background: #710042;
    color: #fff;    
    font-size: 13px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    width: 1200px;
}
body.thin #footer-nav { padding: 0 10px; width: 980px;}

#footer-nav span{
	height: 36px;
	line-height: 36px;
}

#footer-nav a{
	color: inherit;
	text-decoration: none;
	color: #fa7c7c;
    border-bottom:1px solid rgba(250, 124, 124, 1);
}

#footer-nav p {
	color: #fff;
}

#footer-nav a:hover{
	text-decoration: none;
    border-bottom:1px solid rgba(250, 124, 124, 0);
}


/* ORBIT */

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php



/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured {
	width: 940px;
	height: 450px;
	background: #000 url('orbit/loading.html') no-repeat center center;
	overflow: hidden; }
#featured>img,
#featured>div,
#featured>a { display: none; }




/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(orbit/rotator-black.html) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(orbit/timer-black.html) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(orbit/pause-black.html) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(orbit/pause-black.html) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(orbit/right-arrow.html);
    right: 0; }

div.slider-nav span.left {
    background: url(orbit/left-arrow.html);
    left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(orbit/bullets.html) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }

.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/* END ORBIT */



#forms{ 
    border:1px solid #e1e1e1; 
    float: left;
    margin: 0 auto; 
    overflow:hidden; 
    padding:20px; 
    width:90%; 
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#forms div{ overflow:hidden;}
#forms label{ 
    color:#7a004f; 
    display:block;
    font-family: "freight-sans-pro", Helvetica, arial; 
    font-size:13px; 
    font-weight: lighter; 
    margin:0 0 5px;
}
#forms input{ 
    border:1px solid #e1e1e1; 
    background:#fff; 
    margin:0 0 10px; 
    padding:10px; 
    width:95%; 
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#forms input#cv{
    border: none;
}
#forms input:focus{ border: 1px solid #666;}
#forms input.checkbox{ float:left; /*width:auto;*/}
#forms select{ margin:0 0 5px;}
#forms .bt_join{ 
    background:#7a004f; 
    border:none; 
    color:#fff; 
    cursor:pointer; 
    font-family: "freight-sans-pro", Helvetica, arial; 
    font-size:20px; 
    font-weight:lighter; 
    letter-spacing:-0.2px; 
    line-height:normal; 
    margin:10px 0; 
    padding:6px 20px; 
    text-align:center; 
    text-transform:uppercase; 
    width:auto; 
    text-shadow: 0px 1px 2px #444;
}
#forms .bt_join:focus{ border:none;}
#forms .bt_join:hover{ 
    background:#690044; 
}
#forms .error{ color:#F00;}