/* CSS Reset */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
input, select { vertical-align:middle;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin:0; }

/* Global */
body { font-family: "Arial", Helvetica, sans-serif; font-size:11px; color:#939598; background-color:#f4f4f4; height:auto; margin:0 auto; width:100%; letter-spacing:2px; line-height:1em;}

/* Text Styles */
h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", Times, serif; color:#231f20; text-transform:uppercase; display:block; font-weight:normal; letter-spacing:2px;  }
h1{font-size:20px!important; }
h2{font-size:24px!important; }
h3{font-size:18px!important; }
h4{font-size:28px!important; color:#ffffff; line-height:1em; }
h5{font-size:18px!important; }
h6{font-size:15px!important; }
b, strong{font-size:11px; font-weight:bold; vertical-align:baseline;}
em { color:#82332a; vertical-align:baseline; }

/* Anchors */
a { color: #700000; text-decoration: underline; transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; -o-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; -ms-transition:color 0.4s ease-in-out; vertical-align:baseline;}
a:hover { text-decoration: underline; color: #ed1b2f;}

/* List Styles*/
.disc { list-style:disc; margin-left:10px; line-height:1.8em; letter-spacing:1px;}
.list.centre li { line-height:2em; margin-left:10px; list-style:none; text-align:center; color:#700000; font-size:12px;}
.list { font-size:12px; line-height:2em;}

/* Lines */
.hr { border-top:1px solid #d2d1d1; border-bottom:1px solid #ffffff;  }

dark-red {color:#700000;}
.red {color:#ed1b2f;}
black {color:#231f20;}
grey { color:#939598;}
box-grey { color:#f9f9fa;}

/* Header */
.header { width:960px; margin:0 auto; padding:20px 0; font-family: "Times New Roman", Times, serif; color:#231f20;}
.header-wrapper { width:960px;}
.logo { float:left; height:94px; padding-bottom:15px;}
.header-right { float:right; text-align:right;}
.circle { width:68px; height:68px;  float:right; text-align:center; margin:0 0 15px 10px; display:block;  }
.circle a { letter-spacing:1.4px; text-decoration:none; color:#ffffff; width:68px; height:68px; display:table-cell; *+display:block; *+padding-top:20px; *+height:48px; background:#700000; border-radius: 50%; vertical-align:middle;transition:background-color 0.3s ease-in-out; -moz-transition:background-color 0.3s ease-in-out; -o-transition:background-color 0.4s ease-in-out; -webkit-transition:background-color 0.4s ease-in-out; -ms-transition:background-color 0.4s ease-in-out; }
.circle a:hover { background:#ed1b2f; }
.header-nav { width:960px; }
.header-nav ul { font-family: "Times New Roman", Times, serif; font-size:13px; color:#231f20; width:780px; margin:0 auto;  }
.header-nav li { display:inline; float:left; margin:20px 4px;  }
.header-nav li a { color:#231f20; text-decoration: none; display:block;}
.header-nav a:hover, .header-nav a.select {text-decoration: none; color: #ed1b2f;}
.header-nav li a.selected { color: #ed1b2f;}
.circle.left { width:68px; height:68px;  float:left; text-align:center; margin:20px 0; display:block; font-family: "Times New Roman", Times, serif; font-size:13px; line-height:1.2em;  }

/*Content*/
.content { width:960px; margin:0 auto; padding: 20px 0 0 0; font-family: "Arial", Helvetica, sans-serif; font-size:11px; color:#939598; line-height:2em; letter-spacing:1px; }
.content  p { line-height:1.6em; }
.content h2 { line-height:1.2em;}
.content h1 { margin-bottom:10px;}
.box1, .box2, .box3 { padding:30px; float:left; height:260px; background:#ffffff;}
.box1 { width:260px;}
.box2 { width:580px;}
.box3 { width:900px;}
.grey { background:#f9f9fa;}
.height-auto { height:auto;}
.box1-img, .box2-img, .box3-img { height:320px; float:left; background:#ffffff; overflow:hidden;}
.box1-img { width:320px; }
.box2-img { width:640px; }
.box3-img { width:960px;}
.box-links { width:320px; height:320px; float:left; display:table-cell; vertical-align:middle;}

/*Room Details Fancy*/
.room-details { width:960px; height:640px; overflow:hidden; margin:0 auto; padding: 0 0; font-family: "Arial", Helvetica, sans-serif; font-size:11px; color:#939598; line-height:2em; letter-spacing:1px; }
.rates { padding:0; width:960px; overflow:hidden;}
.rates .box1 { height:auto;}
.rates h2, .rates h1 { text-align:center; margin-bottom:10px;}
.room-rates { font-size:14px; color:#700000;}
.tnc { font-size:11px; letter-spacing:1px; position:relative; margin:10px 0}
.tnc ol { padding-left: 20px; margin-top:8px; }
.tnc ol ul { margin-left:10px; }
.tnc ol ul li { list-style: disc; }
.tnc strong { color:#666; }
.tnc p { margin-top:8px; line-height:1.2em;}
.tnc span { margin-top: 20px; display: block; color: #D85858; }

/*Red Nav*/
.red-nav-wrapper { width:960px; margin:0 auto;}
.red-nav li { width:320px; height:auto; padding:5px 0; float:left; display:inline; background:#700000;}
.red-box { width:320px; padding:5px 0; float:left; background:#700000; text-align:center;}
.red-nav a { width:320px; height:auto; padding:5px 0; float:left; background:#700000; text-align:center; transition:background-color 0.3s ease-in-out; -moz-transition:background-color 0.3s ease-in-out; -o-transition:background-color 0.3s ease-in-out; -webkit-transition:background-color 0.3s ease-in-out; -ms-transition:background-color 0.3s ease-in-out;}
.red-nav-wrapper a { color:#fff; text-decoration:none; font-family: "Times New Roman", Helvetica, sans-serif; font-size:12px; line-height:1em; }
.red-nav a:hover, .red-nav-dark a:hover { background:#ed1b2f; }
.red-nav li.dark {background:#650000;}
.dark, .dark a {background:#650000;}

/*Widgets*/
.widget { width:100px; margin:0 auto; text-align:center; padding:30px;}
.widget ul { width:100px; height:20px;   }
.widget li { display:inline; float:left;}
.widget li a { display:block; margin-right:10px;}
.fb { background:url(../img/nk-sprite.png) 0 0; width:20px; height:20px;}
.g { background:url(../img/nk-sprite.png) 70px 0; width:20px; height:20px;}
.ta { background:url(../img/nk-sprite.png) 50px 0; width:30px; height:20px;}
.email { background:url(../img/nk-sprite.png) 20px 0; width:20px; height:20px;}
.fb:hover { background:url(../img/nk-sprite.png) 0 20px;}
.g:hover { background:url(../img/nk-sprite.png) 70px 20px;}
.ta:hover { background:url(../img/nk-sprite.png) 50px 20px;}
.email:hover { background:url(../img/nk-sprite.png) 20px 20px;}
.fb, .g, .ta , .email { transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -o-transition:background-color 0.4s ease-in-out; -webkit-transition:background-color 0.4s ease-in-out; -ms-transition:background-color 0.4s ease-in-out;}

/*Footer*/
.footer { width:100%; margin:0 auto; font-family:"Arial", Helvetica, sans-serif; font-size:10px; letter-spacing:1px;  }
.footer-wrapper { width:960px; margin:0 auto; padding:20px 0; border-top:1px solid #d2d1d1;}
.footer-left { width:310px; float:left; text-align:left; padding-left: 10px;  }
.footer-mid { width:310px; float:left; text-align:left; padding-left: 10px;/*width:320px; float:left; text-align:center;*/}
.footer-right { width:320px; float:left;}
.footer-right ul { margin-right:10px; float:right; display:inline;}
.footer li { display:inline-block; float:left; margin-left:20px; width:auto;}
.footer li a { display:block;}
.footer ul { list-style: none; }
.footer-bg { background:url(../img/footer-motif.jpg) repeat-x 0 0; height:40px;}
.footer a { text-decoration:none; color:#939598; }
.footer a:hover { color:#700000;}
.footer p { line-height:4em;}

/*Form Elements*/
.form {}
.box4 { width:580px; min-height:580px;padding:30px; float:left;  background:#ffffff;}
.box4.reservation { width:580px; height:760px; *+height:800px; padding:30px; float:left;  background:#ffffff;}
.form-left { width:280px; float:left; margin-bottom:0px;}
.box4.contact { height:643px; *+height:683px; }
.form-right { width:280px; float:right; margin-bottom:0px;}
.note { float:right; width:470px; *+float:right; *+width:470px;}
.form div.clear { margin-bottom:0px;}
.row { display:block; margin-bottom:24px;}
label { width:110px; float:left; line-height:28px; clear:left;}
.form input, textarea, select { font-family:"Arial", Helvetica, sans-serif; color:#ffffff; font-size:11px; display:block; width:150px; padding:6px; margin-bottom:10px; background:#343433; border:none; }
select { width:160px;}
input[type=checkbox] { display:inline; padding:0; width:auto; margin-left:0;}

input.datepicker { display:inline-block; width:150px; *width:120px; vertical-align:baseline; margin-right:0px;}
.ui-datepicker-trigger { margin-left:-18px;}

button { font-family:"Times New Roman", Helvetica, Arial, sans-serif; font-size:12px; color:#ffffff; display:block; float:left; border:none; padding:5px 15px; cursor:pointer; transition:background-color 0.5s ease-in-out ; -moz-transition:background-color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out ; -webkit-transition:color 0.5s ease-in-out ; -ms-transition:color 0.5s ease-in-out ;  }
button.refresh {background-color:#58595B; float:right; padding-left:0; padding-right:0; margin-right:10px; margin-bottom:10px; }
button.refresh span { background:url(../images/refresh-icon.png) no-repeat 10% 45%; padding:5px 12px 5px 28px;}
.reset, .submit {background-color:#700000; float: left;}
.reset { margin-left:10px;}
button:hover { background-color:#ed1b2f;}
#captcha { padding:5px; margin-bottom:10px; background:#343433; border:none;}

.customStyleSelectBox { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:11px; background-color: #000000; color:#e66a1f; padding:2px 2px 2px 5px; border:1px solid #ffffff; *line-height:1.1;  }
.customStyleSelectBox.changed {}
/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {background:url(../img/canvas-list-nav-item-arrow.png) no-repeat center right;}