/* GLOBAL
*******************************************************************************/
* {	list-style: none; margin: 0; padding: 0; } 

body { font: 11px "Trebuchet MS", Verdana, Sans-serf; color: #663; text-align: center; background: #c0a877 URL("/images/bkng/main-body.jpg") repeat-x 0 top; padding: 0; }
img { border: none; }
a { font-weight: bold; color: #000; text-decoration: none;  }
a:hover { text-decoration: underline;  }
p { margin: 3px 0; text-align: justify; }
.singleLink { background: URL("/images/common/arrow.gif") no-repeat 0 2px; padding-left: 16px; }
.indent { margin-left: 10px; }
.clear { clear: both; }
.bordered { padding: 2px; border: 1px solid #cc9933; }
input, select, textarea { font: 11px "Trebuchet MS", Verdana, Sans-serf; color: #000;  }
sup { font-size: 7px; }
.sup { font-size: 7px; }


/* CONTAINERS
*******************************************************************************/

#container { background: #fff; margin: 0 auto; width: 975px; clear: both; text-align: left; margin-top: 15px; }


/* BRAND CONTAINER
*******************************************************************************/

#brand-container {  margin: 0; padding:0; }
#logo { position: absolute; z-index: 2; margin-top: -88px;   }

#brand-content { width: 975px; height: 238px; position: absolute; z-index: 3; margin-left: 0px; margin-top: -251px; .margin-left: -978px; .margin-top: 64px; }
#brand-content h1 { padding-top: 5px; font: bold 18px "Trebuchet MS", Verdana, Sans-serf; color: #663; }
#brand-content h1 em { color: #fff; font-style: normal; text-transform: uppercase; font-weight: bold; }
#brand-content ul { float: right; padding-right: 10px; margin-top: 115px;  }
#brand-content li { float: left; margin-left: 10px; display: none; }
#brand-content li img { border: 1px solid #fff; }

#brand-message { width: 466px; height: 208px; padding: 10px; background: URL("/images/bkng/feature-welcome.png") no-repeat; _background: URL("/images/bkng/feature-welcome.gif") no-repeat; float: left; display: none; z-index: 4; }

.caseStudyTag { float: right; padding-right: 10px; color: #000; font-weight:bold; font-size: 10px; }


/* HEADER CONTAINER
*******************************************************************************/

#header-container { height: 88px; width: 975px; background: URL("/images/bkng/header.jpg") no-repeat; z-index: 90;}

/* -- Utility Navigation -- */
#utility-nav { height: 30px; width: auto; padding-right: 10px; }
#utility-nav ul { float: right; }
#utility-nav li { line-height: 30px; }
#utility-nav li a { font: bold;  }

/* -- Main Navigation -- */
.nav, .nav ul { list-style: none; margin: 0; padding: 0; }
.nav { z-index: 100;  position: relative; margin-left: 400px; margin-top: 2px;  }
.nav li { background: URL("/images/common/nav-divider.png") no-repeat left 0; _background: none; float: left; margin: 0; padding: 0 15px 0 15px; height: 49px; position: relative; }
.nav li.first { background: none; }
.nav li img { padding-left: 4px; vertical-align: middle; }
.nav li span { padding-left: 4px; }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { display: block; font-weight: bold; font-size: 18px; color: #663; line-height: 47px; text-decoration: none; }
#nav-one li:hover a, #nav-one li.sfHover a {  background: transparent;  color: #663; }
#nav-one li:hover ul a, #nav-one li.sfHover ul a {  background: #ab5115; color: #fff; line-height: 30px; font-size: 14px;  }

/* -- Sub-Menus -- */
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {  background: #fff; color: #ab5115; }
.nav ul {  background: transparent;  border-bottom: 1px solid #cc9933; width: 165px; border-top: 1px solid #cc9933;  list-style: none;  margin: 0;  position: absolute;  top: -999em;  left: -1px; }
.nav li:hover ul,.nav li.sfHover ul { top: 49px; margin-left: 10px; }
.nav ul li {  border: none;  float: none; width: auto; background: #fff; padding: 0; height: 30px; }
.nav ul a {  padding-left: 10px; border-bottom: none;  width: 165px;  white-space: nowrap;  }


/* FEATURE TILES CONTAINER
*******************************************************************************/

#feature-container { background: #cfc984; margin: 5px 0; height: 154px; }

.jCarouselLite { text-align: center; width: auto; float: left; margin-top: 4px; margin-left: 38px;  }
.jCarouselLite li { height: 146px; text-align: center; }
.jCarouselLite li img { border: 1px solid #ab5115; padding: 3px; background: #fff; }
.prev { cursor: pointer; float: left; height: 91px; padding-top: 60px; padding-left: 12px; padding-right: 5px; }
.next { cursor: pointer; float: left; height: 91px; padding-top: 60px; padding-left: 5px; }

.overlay { text-align: left; padding: 10px 5px; color: #fff; }
#output { float: left; width: 220px; height: 146px; background: #0f0; margin-left: 20px; margin-top: 5px; }

/* HP Features
*******************************************************************************/
#hp-features { height: 161px; background: #fff URL("/images/bkng/hp-secondary.jpg") no-repeat 0 bottom; width: auto; }
#hp-features h2 { font-size: 16px; font-weight: bold;  }
#hp-features a { color: #000; }
#feature1, #feature2 { float: left; width: 440px; margin-left: 15px; padding: 10px; min-height: 142px; }
#feature1 { background: URL("/images/bkng/feature-divider.gif") no-repeat right bottom; }
#feature2 { width: 430px; }

/* FOOTER CONTAINER
*******************************************************************************/
#footer-container { background: URL("/images/bkng/footer.jpg") no-repeat; height: 34px;  }
#footer-container ul { }
#footer-container li { line-height: 30px; float: left; margin-left: 12px; }
#footer-container li a { font: bold;  }
p.copyright { float: right; line-height: 30px; padding-right: 10px; color: #fff; }

/* SECONDARY CONTENT CONTAINER
*******************************************************************************/

#sec-content-container { width: auto; background: URL("/images/bkng/main-content.jpg") no-repeat 0 bottom;}

/* -- Left Column -- */
#left-column { background: URL("/images/bkng/left-content.png") no-repeat 0 top; width: 175px; min-height: 650px; _height: 650px;  float: left; margin-left: 10px; }
#left-column ul { margin-top: 10px;}
#left-column li { height: 25px; line-height: 25px; margin-bottom: 6px; padding-left: 10px; }
#left-column li a { font-weight: bold; color: #ffffff; font-size: 13px; }
#left-column li a.small { font-weight: bold; color: #ffffff; font-size: 11px; padding-left: 10px; }
#left-column li:hover { background: #fff;  font-weight: bold; }
#left-column li:hover a, #left-column li a:hover { color: #000000;  text-decoration: none;  font-weight: bold; }
#left-column h1 { color: #ffffff; font-size: 18px; font-weight: bold; margin: 65px 0 10px 0; padding-left: 10px; }
#left-column p { color: #ffffff; padding-left: 10px; font-size: 13px;}

/* -- Main Column -- */
#main-column { width: 705px; min-height: 400px;  float: left; margin-left: 20px; padding: 0 35px 40px 15px; }
#main-column h1 { margin: 42px 0 15px 0; padding-bottom: 5px; font: bold 20px "Trebuchet MS", Verdana, Sans-serf; color: #663; border-bottom: solid 2px #c1a926; }
#main-column h1 em { color: #fff; font-style: normal; text-transform: uppercase; font-weight: bold; }
#main-column h1 sup { font-size: 11px; }
#main-column a { color: #ab5115; font-weight:bold; }
#main-column h2 { width: 350px; font-size: 16px; font-weight: bold; margin: 20px 0 10px 0;  border-bottom: solid 1px #c1a926; }
#main-column p { margin-bottom: 12px; line-height: 16px; font-size: 13px;}

/* -- Main Column -- */
#main-column2 { width: 770px; min-height: 400px;  float: left; margin-left: 100px; padding-bottom: 40px; }
#main-column2 h1 { margin: 52px 0 15px 0; padding-bottom: 5px; font: bold 20px "Trebuchet MS", Verdana, Sans-serf; color: #663; border-bottom: solid 2px #c1a926; }
#main-column2 h1 em { color: #fff; font-style: normal; text-transform: uppercase; font-weight: bold; }
#main-column2 h1 sup { font-size: 11px; }
#main-column2 a { color: #ab5115; font-weight:bold; }
#main-column2 h2 { font-size: 16px; font-weight: bold; margin: 5px 0 5px 0;  }
#main-column2 p { margin-bottom: 12px; line-height: 16px; font-size: 13px;}

#tmpsmallfont p { margin-bottom: 12px; line-height: 16px; font-size: 11px;}

#gallery { width: 720px; _width: 710px; height: 480px; overflow-y:scroll; }

.contentImage { padding: 10px; border: 2px solid #c1a926; float: right; margin: 0 10px 10px 20px; background: #fff;}
.contentImage-left { padding: 10px; border: 2px solid #c1a926; float: left; margin: 0 10px 10px 10px; background: #fff;}
.galleryImage { padding: 10px; border: 1px solid #c1a926; float: left;  margin: 0 10px 30px 0; background: #fff;}
.galleryImage-bigmargin { padding: 10px; border: 1px solid #c1a926; float: left; margin: 0 20px 10px 30px; background: #fff;}

#accessories { margin-left: 100px; }

.sectiondiv 
{
    border-bottom: solid 2px #c1a926;    
    clear: both;
    margin: 15px 30px 15px 30px;
}

.galleryfooter { font-size: 11px; padding-right: 25px; }

/* CLEAR FLOAT
*******************************************************************************/
/*** see http://www.positioniseverything.net/easyclearing.html ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/