#8f897b
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; overflow:auto;}

body {
	min-width:960px;
	/*color:#8e8c88;*/
	color:#000;
	/*text-shadow:1px 1px #000;*/
	font:normal 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) center 0 repeat;
}

.main {
	width:940px; 	
	padding:0;
	margin:0 auto;
	position:relative;
}

a {color:#8e8c88; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p0 {margin-bottom:3px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#000;}
.color-2 {color:#000;}
.color-3 {color:#8e8c88;}

/*********************************boxes**********************************/
.padding-top {padding-top:5px;}
.padding-top1 {padding-top:12px;}

.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:0 16px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}

a {cursor:pointer;}

.button, .button-1, .list-1 li a, .list-2 li a, .link, .link-1, .link-2, h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {height:181px; width:100%; position:relative; z-index:2;}

/*********************************row-1*************************************/
.row-1 {height:113px; width:100%; position:relative; background:url(../images/colors/roti/row1-tail.jpg) 0 0 repeat-x;}
.row1-splash {width:100%; height:113px; background:url(../images/row1-splash.png) center 0 no-repeat;}
h1 {padding:0; position:relative; text-align:center;  padding-top:30px;z-index:50;}
h1 a {font-size:60px;height:77px;margin-left:-40px; color:#000; }

.slogan-1 {display:inline-block; font-size:12px; line-height:18px; color:#000; letter-spacing:5px; word-spacing:-2px; text-transform:uppercase; padding:0 0 3px 30px; top: 40px; left:-100px; position:absolute; width:250px; }

.slogan-2 {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	letter-spacing: 5px;
	word-spacing: -2px;
	text-transform: uppercase;
	padding: 0 30px 3px 0;
	top: 24px;
	right: -144px;
	position: absolute;
	width: 250px;
}

/*********************************row-2*************************************/
.row-2 {height:68px; width:100%; position:relative; background:url(../images/colors/roti/row2-tail.jpg) 0 0 repeat-x;}
.row2-splash {width:100%; height:68px; background:url(../images/row2-splash.png) center 0 no-repeat;}

/*********************************content*************************************/
#content {width:100%; position:relative; z-index:1; background:url(../images/content-bg.jpg) 0 0 repeat;}
.content-tail {width:100%; background:url(../images/content-tail.gif) 0 0 repeat-x;}
.padding-content {padding:36px 0 50px;}
.padding1 {padding:2px 0 0 19px;}

.spacer-1 {width:100%; background:url(../images/spacer-1.html) 217px 0 repeat-y;}

h2 {font-size:48px; line-height:58px; color:#43423f; width:auto; text-align:center; letter-spacing:1px; background:url(../images/border-bot.png) 0 56px repeat-x;}
h3 {font-size:24px; line-height:29px; color:#000; padding-bottom:8px; background:url(../images/border-bot.png) 0 bottom repeat-x;}
h5 {font-size:18px; line-height:18px; color:#000; text-transform:uppercase; letter-spacing:2px;}
h6 {color:#000; text-shadow:1px 1px #000;}

.border-bot {width:100%; height:2px; background:url(../images/border-bot.png) 0 0 repeat-x;}

blockquote {
	width:100%;
	line-height:21px; 
	border-right:2px solid #e7e8e9;
	border-bottom:2px solid #e7e8e9;
	background:url(../images/box-bg.jpg) 0 0 repeat;
	position:relative;
}
.quote-marker {display:inline-block; width:47px; height:25px; position:absolute; left:189px; bottom:-25px; background:url(../images/quote-marker.png) 0 0 no-repeat;}
blockquote .padding {padding:24px 30px 26px 29px;} 

.box {
	width:100%;
	border-right:2px solid #f0f0f1;
	border-bottom:2px solid #f0f0f1;	
	background:url(../images/box-bg.jpg) 0 0 repeat;
}
.box h6 {color:#dc6b18; text-decoration:underline;}
.padding-box {padding:16px 24px 28px 19px;}

.box1 {
	width:100%;
	border-right:2px solid #f0f0f1;
	border-bottom:2px solid #f0f0f1;	
	background:url(../images/box-bg.jpg) 0 0 repeat;
}
.padding-box1 {padding:11px 18px 13px 20px;}

.img-box {padding:5px; box-shadow:inset 0px 0px 3px 0px #8b8b8b, 1px 1px 0 0 #000; background:url(../images/img-bg.jpg) 0 0 repeat;}

.button {
	display:inline-block;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:url(../images/button-left.png) left 0 no-repeat;
}
.button strong {display:inline-block; padding:0 15px; background:url(../images/button-right.png) right 0 no-repeat;}	
.button strong strong {padding:7px 0 10px; background:url(../images/button-tail.png) 0 0 repeat-x; cursor:pointer;}	
.button:hover {color:#000; background-position:left bottom;}
.button:hover strong  {background-position:right bottom;}
.button:hover strong strong  {background:url(../images/button-tail.png) 0 bottom repeat-x;}

.list-1 li {font-size:12px; line-height:18px; padding-left:7px; margin-bottom:1px; background:url(../images/marker-1.png) 0 11px no-repeat;}
.list-1 li a {
	display:inline-block;
	color:#000;
	cursor:pointer;
	background:url(../images/list1-left.png) left 0 no-repeat;
}
.list-1 li a strong {display:inline-block; padding:0 13px 0 10px; background:url(../images/list1-right.png) right 0 no-repeat;}	
.list-1 li a strong strong {padding:5px 0 6px; text-decoration:underline; background:url(../images/list1-tail.png) 0 0 repeat-x; cursor:pointer;}	
.list-1 li a:hover {color:#dc6c19; background-position:left bottom;}
.list-1 li a:hover strong {background-position:right bottom;}
.list-1 li a:hover strong strong {text-decoration:none; background:url(../images/list1-tail.png) 0 bottom repeat-x;}


.list-2 li {line-height:24px;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:12px; line-height:18px; color:#000; padding-right:8px; background:url(../images/marker-3.html) right 8px no-repeat;}
.link-1:hover {color:#000;} 

.text-1 {line-height:21px;}

.map-canvas {width:370px; height:255px; overflow:hidden;}

dl dt {color:#8e8c88;}
dl dd {overflow:hidden;}
dd span {float:left; width:94px;}

/*********************************aside*************************************/
aside {width:100%; position:relative; overflow:hidden; z-index:1;
background:url(../images/aside-bg.jpg) 0 0 repeat, url(../images/logo.png) bottom left no-repeat;}
.padding-aside {padding:30px 0 59px;}
.padding1-aside {padding:52px 0 45px;}

/****************************footer************************/
footer {width:100%; color:#93918f; /*text-shadow:1px 1px #000;*/ padding:32px 0; background:url(../images/footer-tail.gif) center 0 repeat-x;}

.text-bot {float:left; background:url(../images/spacer-1.png) 89px 5px no-repeat;}
.text-bot a {color:#93918f; margin-left:15px; text-decoration:none;}
.text-bot a:hover {text-decoration:underline;}

.list-services {float:right; overflow:hidden;}
.list-services li {float:right; padding-right:12px; margin-right:11px; background:url(../images/spacer-1.png) right 5px no-repeat;}
.list-services li.last-item {margin:0; padding:0; background:none;}
.list-services li a {color:#93918f; text-shadow:1px 1px #000; text-decoration:none;}
.list-services li a:hover {text-decoration:underline;}
		
/****************************cols************************/
.col-1 {width:260px; margin-right:1px;}
.col-2 {width:278px;}
.col-3 {width:252px; margin-right:37px;}
.col-4 {width:251px;}
.col-5 {width:250px; margin-right:40px;}
.col-6 {width:250px;}

/****************************TM-Slider************************/
.slider-bg {width:930px; height:545px; padding:5px; box-shadow:1px 1px 1px #fff; background:url(../images/slider-bg.jpg) 0 0 no-repeat;}
.slider_panel{width:230px; height:545px; position:absolute; /*background:url(../images/aside-bg.jpg) center 0 repeat;*/background: url(../images/trans.png); z-index:1000; color:#000; text-shadow:none; -moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888; }
.slider_panel article{margin-bottom:20px; }
.slider_panel article.first{padding-top:20px;}
.slider_panel article .2{ margin-right:-20px;}
.slider {width:930px; height:545px; position:relative;}
.items {display:none;}
.navigation {position:absolute; bottom:0; left:0; width:100%; height:99px; z-index:90;background:url(../images/colors/roti/slider-navigation-tail.jpg) 0 0 repeat-x;}
.navigation .prev {display:inline-block; font-size:12px; line-height:18px; color:#000; letter-spacing:2px; text-transform:uppercase; text-decoration:none; width:41px; height:41px; position:absolute; top:29px; left:18px; padding-top:10px; padding-left:50px; background:url(../images/slider-prev.png) 0 0 no-repeat;}
.navigation .prev:hover {background-position:0 -79px;}
.navigation .next {display:inline-block; font-size:12px; line-height:18px; color:#000; letter-spacing:2px; text-transform:uppercase; text-decoration:none; width:37px; height:38px; position:absolute; top:29px; right:20px; padding-top:10px; padding-right:52px; background:url(../images/slider-next.png) right 0 no-repeat;}
.navigation .next:hover {background-position:right -83px;}
.pagination {position:absolute; bottom:28px; left:232px; z-index:999;}
.pagination li {float:left; padding:8px 10px 10px 8px; margin:0 13px 0 0; display:block; background:url(../images/pagination-bg.png) 0 0 no-repeat;}
.pagination li.current, .pagination li:hover {background-position:0 bottom;}
.pagination li a {display:block; width:65px; height:41px; text-decoration:none;}
.pagination li a.item-1 {background:url() 0 0 no-repeat; width:65px; height:41px;}
.pagination li a.item-2 {background:url() 0 0 no-repeat; width:65px; height:41px;}
.pagination li a.item-3 {background:url() 0 0 no-repeat; width:65px; height:41px;}

/****************************tabs************************/
#tab {width:100%; position:relative;}
#tab .tab-content {display:none; float:left; width:300px; margin-right:1px;}
#tab .button {position:absolute; top:220px; left:318px;}
ul.tabs {float:left; width:238px;}
ul.tabs li {position:relative; width:100%; background:url(../images/border-bot1.gif) right bottom no-repeat;}
ul.tabs li .tab {display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-decoration:none; z-index:1;}
ul.tabs li .box-hover.alt, ul.tabs li.active .box-hover {
	padding:0;
	background:url(../images/box-bg.jpg) 0 0 repeat;
	border-right:2px solid #f0f0f1;
	border-bottom:2px solid #f0f0f1;	
	cursor:pointer;
}
.box-hover {width:100%; padding-bottom:2px; position:relative; z-index:2;}
.box-hover.alt h6 {color:#dc6b18; text-decoration:underline;}
.padding-box-hover {padding:20px 5px 11px 19px;}
ul.tabs li .tab:hover .box-hover h6, ul.tabs li.active .box-hover h6 {color:#dc6b18; text-decoration:underline;}

/****************************jCarousel************************/
.jcarousel-skin-tango .jcarousel-direction-rtl {direction:rtl;}
.jcarousel-skin-tango .jcarousel-container-vertical {width:304px; height:484px; padding:0;}
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:304px; height:484px;}
.jcarousel-skin-tango .jcarousel-item {width:300px; min-height:218px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom:20px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#000; color:#000;}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position:absolute;
    top:-64px;
    right:4px;
    width:23px;
    height:23px;
    cursor:pointer;
    background:url(../images/jc-next.png) 0 0 no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position:0 bottom;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {top:-64px; right:4px;}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position:absolute;
    top:-64px;
    right:32px;
    width:23px;
    height:23px;
    cursor:pointer;
    background:url(../images/jc-prev.png) 0 0 no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position:0 bottom;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {top:-64px; right:32px;}

/****************************Contact Form************************/
#contact-form {line-height:1em; margin:0; padding:0; width:460px;}
 textarea, input {
	margin:0 0 0 10px;
	font-size:1em;
	color:#8e8c88;
	padding:10px 12px;
	position:relative;
	border:1px solid #dedddd;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/form-bg.png) 0 0 repeat;
	outline:none;
}
 input {width:324px;}
 textarea {overflow:auto; resize:none; width:324px; height:100px;}	
 label {min-height:49px; display:block;}	
 label.message {min-height:248px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty {color:red; padding:5px 0; font-size:11px;}
#contact-form .buttons {margin:0; padding:0; overflow:hidden;}
#contact-form .buttons a {
	float:right;
	margin-left:25px;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	background:url(../images/button-left.png) left 0 no-repeat;
}
#contact-form .buttons a strong {display:inline-block; padding:0 15px; background:url(../images/button-right.png) right 0 no-repeat;}	
#contact-form .buttons a strong strong {padding:7px 0 10px; background:url(../images/button-tail.png) 0 0 repeat-x; cursor:pointer;}	
#contact-form .buttons a:hover {color:#000; background-position:left bottom;}
#contact-form .buttons a:hover strong  {background-position:right bottom;}
#contact-form .buttons a:hover strong strong  {background:url(../images/button-tail.png) 0 bottom repeat-x;}

#contact-form .success {color:#8e8c88; width:246px; margin-bottom:20px; padding:10px; border:1px solid #dedddd; background:url(../images/form-bg.png) 0 0 repeat;}

/*navigation menu (superfish)*/

.sf-menu {
	position: absolute;
	top: 20px;
	left: 120px;
	margin: 0;
	padding: 0 0 0 9px;
	z-index: 3;
	background: url(../images/menu-marker.png) 0 13px no-repeat;
}
.sf-menu > li {
	float:left; 
	position:relative;
	padding-right:10px;
	margin-right:7px;
	background:url(../images/menu-marker.png) right 13px no-repeat;
}
.sf-menu > li.last-item {margin-right:0;}
.sf-menu > li > a {
	display:block;
	font-size:12px;
	line-height:18px;
	color:#000;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none; 
	position:relative;
	background:url(../images/menu-left.png) left 0 no-repeat;
}
.sf-menu > li > a strong {display:inline-block; padding:0 15px; background:url(../images/menu-right.png) right 0 no-repeat;}
.sf-menu > li > a strong strong {display:inline-block; padding:6px 8px 6px 9px; background:url(../images/menu-tail.png) 0 0 repeat-x; cursor:pointer;}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current {background-position:0 bottom;}
.sf-menu li a:hover strong, .sf-menu li.sfHover a strong, .sf-menu li a.current strong {background-position:right bottom;}
.sf-menu li a:hover strong strong, .sf-menu li.sfHover a strong strong, .sf-menu li a.current strong strong {background:url(../images/menu-tail.png) 0 bottom repeat-x;}

/***********************submenu***********************/
.sf-menu ul {
	display:none;
	position:absolute;
	width:147px; /* left offset of submenus need to match (see below) */
	padding:6px 5px;
	border-radius:18px;
	box-shadow:inset 0 0 3px 1px #000;
	background:#2e2c29;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:32px; z-index:99;}
.sf-menu ul li {width:100%; margin:0 0 -3px 0; position:relative;}
.sf-menu li:hover li a, .sf-menu li.sfHover li a {
	display:block;
	width:131px;
	font-size:10px;
	line-height:18px;
	color:#f4f4f6;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:6px 0 9px 26px;
	position:relative;
	text-decoration:none;
	background:url(../images/submenu-bg.png) 0 34px no-repeat;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {background-position:0 0;}

/***********************submenu2***********************/
.sf-menu ul ul {
	width:147px; /* left offset of submenus need to match (see below) */
	padding:6px 5px;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:153px; top:-6px;}
.sf-menu li li.sfHover li a {
	display:block;
	background:#a9a9a9  url(../images/colors/norm/submenu-bg.png) 0 34px no-repeat;
}
.sf-menu li li.sfHover li a:hover {background-position:0 0;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}


/*Fancy back*/
#fancyback {
	padding: 10px 10px 0;
	border: solid 1px #777;
	margin: 15px 5px;
	-moz-box-shadow: 0px 1px 7px #CCC;
	-webkit-box-shadow: 0px 1px 7px #CCC;
	box-shadow: 0px 1px 7px #CCC;
	background: #F9F9F9;
	width: 98%;
}
#fancyback ul {
	margin: 0 0 0 20px;
	padding: 10px;
}
#fancyback .room_title {
	background: #a9ad83 url(../images/smalltrbg.png) repeat;
	color: #a9ad83;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 10px;
}
#fancyback .photo {
	width: 210px;
	margin: 5px;
	vertical-align: top;
	background: #FFF;
	padding: 10px;
	border: solid 1px #e0e0e0;
	-moz-box-shadow: 0px 0px 7px #CCC;
	-webkit-box-shadow: 0px 0px 7px #CCC;
	box-shadow: 0px 0px 7px #CCC;
}
#fancyback .price {
	color: #890f31;
}

/*Location Page*/
#map_canvas{width:600px; height:400px; margin 10px auto;}
#directionsPanel{width:600px; height:100%;margin 10px auto;}

/*Booking Widget*/
/* CSS Document */

.headerbooking #onlinebookingform {
/*width: 200px;*/
	margin:0;
	padding: 8px;
	font-size:14px;
    
}

.headerbooking #onlinebookingform table tr td{ padding:5px 0 5px 0; vertical-align:middle;}

.headerbooking #onlinebookingform table tr td h3{ color:#888275; text-align:left; margin-bottom:-15px; display:none;}

.headerbooking #onlinebookingform .button {
	display:inline-block;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:url(../images/button-left.png) left 0 no-repeat;
}
.headerbooking #onlinebookingform .button strong {display:inline-block; padding:0 15px; background:url(../images/button-right.png) right 0 no-repeat;}	
.headerbooking #onlinebookingform .button strong strong {padding:7px 0 10px; background:url(../images/button-tail.png) 0 0 repeat-x; cursor:pointer;}	
.headerbooking #onlinebookingform .button:hover {color:#000; background-position:left bottom;}
.headerbooking #onlinebookingform .button:hover strong  {background-position:right bottom;}
.headerbooking #onlinebookingform .button:hover strong strong  {background:url(../images/button-tail.png) 0 bottom repeat-x;}


.headerbooking #onlinebookingform select#ArrivalDate {padding:5px;}
.headerbooking #onlinebookingform select#NoNights {/*margin-left:15px;*/ padding:5px;}

aside{ }
/*#knightlogo{background: url(../images/logo.png) no-repeat bottom left; position:static;}*/

.titleimage{ margin-top:-20px; padding-left:10px;}
.fb-like{ float:left;}