@charset "utf-8";
/* CSS Document */

/* standards */
html {
	min-height:100%;
}
body {
	height:100%;
	background: #232323; /* Old browsers */
	background: -moz-linear-gradient(top, #232323 0%, #950404 800px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(800px, #950404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #232323 0%, #950404 800px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #232323 0%, #950404 800px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #232323 0%, #950404 800px); /* IE10+ */
	background: linear-gradient(top, #232323 0%, #950404 800px); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#950404', GradientType=0 ); /* IE6-9 */;
	margin:0 0 30px 0;
}
.texture {
	background-image:url(images/texture.png);
	height:100%;
}
a {
	font-weight:bold;
	color:#0060ff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
li {
	margin:0 0 10px 0;
}
h1 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-style:italic;
}
h3 {
	color:#950404;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
/* page containers */
#pagewidth {
	width:100%;
	min-height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	text-align:center;
}
#wrapper {
	background-color:#ffffff;
	box-shadow: 0px 0px 452px #000000;
	-moz-box-shadow:5px 4px 12px #000000;
	-o-box-shadow:5px 4px 12px #000000;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	width:900px;
	margin:0 auto 0 auto;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
/* header section */
#header {
	position: relative;
	float:left;
	height:146px;
	width: 100%;
	text-align:left;
	background: #fff;
	background-image:url(images/headbg.png);
	background-position:top;
	background-repeat:repeat-x;
	z-index: 1000;
	border-bottom: 2px solid #000;
	box-shadow: 0px 0px 10px #000;
	z-index: 10000;
}
#logo {
	position:relative;
	background:url(images/booking-master3.jpg);
	width:699px;
	height:62px;
	top:26px;
	margin: 0 auto;
}
#right_header {
	position:relative;
	color:#001122;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	top:15px;
	left: 140px;
	margin: 0 auto;
	position: relative;
	width:1000px;
}
#nav {
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	height: 26px;
	padding-top:5px;
	color: #232323;
	width: 100%;
	background-color: #111;
	position: relative;
	z-index: 1000;
	box-shadow: 0px 0px 10px #000;
	text-align:center;
}
#nav2 {
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	height: 26px;
	padding-top:5px;
	color: #232323;
	width: 100%;
	background-color: #232323;
	position: relative;
	z-index: 1000;
	box-shadow: 0px 0px 10px #000;
	text-align:center;
	margin-bottom:-30px;
}
.nav-wrap {
	margin: -7px auto;
	background-color: rgba(0,0,0,0.6);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	height:31px;
}
.nav-wrap2 {
	margin: -7px auto;
	background-color: rgba(0,0,0,0.6);
	border-top: 2px solid white;
	height:31px;
}
#example-one, #example-two {
	margin: 0 auto;
	list-style: none;
	position: relative;
	width: 960px;
}
#example-one li, #example-two li {
	display: inline-block;
}
#example-one a, #example-two a {
	color: #bbb;
	font-size: 14px;
	float: left;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#example-one a:hover, #example-two a:hover {
	color: white;
}
#magic-line {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100px;
	height: 2px;
	background: #cc0000;
}
#magic-line2 {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100px;
	height: 2px;
	background: #cc0000;
}
.current_page_item a {
	color: white !important;
}
.ie6 #example-one li,
.ie7 #example-one li {
	display: inline;
}
.ie6 #magic-line {
	bottom: -3px;
}
/* content */
#tagline {
	clear:both;
	text-align:center;
}
#taginfo {
	clear:both;
	font-size:18px;
	text-align:center;
}
#rightbar {
	position:relative;
	float:right;
	text-align:right;
	margin-top:-20px;
	width:350px;
}
.quote {
	width:350px;
	background-image:url(images/quote-middle.png);
	background-repeat:repeat-y;
	margin-top:20px;
}
.quote h1 {
	margin:-6px 14px 0px 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#000000;
}
.quote h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
	margin:5px 10px -1px 5px;
}
#bullets {
	font-size:20px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:570px;
	float:left;
	color:#222222;
	margin:0 0 0 -20px;
	text-align:left;
}
#topexample {
	float:right;
}
#topexample img {
	padding-top:10px;
}
#front_container {
	position:relative;
	width:860px;
	padding-left:20px;
	padding-right:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	margin-top:-19px;
	padding-top:40px;
}
#front_text {
	position:relative;
	float:left;
	color:#000000;
	padding-right:18px;
	width:470px;
	text-align:left;
	border-right:1px solid #999999;
}
#comments_block {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.full_example {
	width:800px;
	background-color:#fafafa;
	margin:0 auto 15px auto;
	padding:5px 5px 0 10px;
	border-bottom:4px double #999999;
}
.full_example h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
.full_example p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	text-align:left;
	width:620px;
}
.full_example img {
	margin:10px 0 0 20px;
	border:2px solid #000000;
}
#image_example {
	margin:0 auto 0 auto;
	width:800px;
}
#image_example img {
	margin:0 auto 0 auto;
	border:2px solid #000000;
}
#switch_view {
	width:200px;
	border:2px solid #ccc;
	border-radius:5px;
	text-align:center;
	padding:0px 8px;
	display:block;
	float:left;
	margin:0 100px 20px 100px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/* footer section */
#footer {
	height:40px;
	width:900px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#001122;
	clear:both;
	font-weight:bold;
}
div#footer a {
	color:#001122;
}
#contact {
	padding-top:20px;
	position:relative;
	float:left;
	width:640px;
	font-weight:bold;
	text-align:right;
}
#valid {
	position:relative;
	float:left;
	padding-top:10px;
	height:40px;
	width:250px;
	text-align:right;
}
/* misc + fixes */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearer {
	clear:both;
}
.center {
	text-align:center;
}
/* slideshow */

div#slideshow {
	width: 900px;
	height: 342px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative;
	z-index: 100;
	margin:-35px 0 0 -20px;
}
div#slideshow ul#slidenav {
	display: none;
	list-style: none;
	position: relative;
	top:67px;
	z-index: 15;
}
div#slideshow ul#slidenav li#prev {
	float: left;
	margin: 0 0 0 -39px;
}
div#slideshow ul#slidenav li#next {
	float: right;
	margin: 0 1px 0 0;
}
div#slideshow ul#slidenav li a {
	display: block;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
}
div#slideshow ul#slidenav li#prev a {
	background: url(images/prev.png);
}
div#slideshow ul#slidenav li#next a {
	background: url(images/next.png);
}
div#slideshow ul#slides {
	list-style: none;
}
div#slideshow ul#slides li {
	margin: 0 0 20px 0;
}



/* Code for dropdown */
#nav ul li ul {
    position: absolute;
    left:-999em;
}
#nav ul li ul li {
    float:none;
	background:#000000;
	color:#BBBBBB;
	width:160px;
	text-align:center;
	border-bottom:2px solid #fff;
	height:15px;
	margin:0 0 0 -80px;
	display:block;
	padding-top:25px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	z-index:1000;
}
#nav ul li ul li a {
	display:block;
	width:140px;
	height:30px;
	margin-top:-20px;
}
#first {
	padding-top:25px !important;
}
#nav ul li ul li:hover {
	border-bottom:2px solid #c00;
	color:#FFFFFF;
}
#nav ul li:hover ul, #nav ul li.sfhover ul {
    left:auto;
	margin-top:22px;
}