/*
The Vulcan Hotel, Template CSS
Author: Web Enterprise Solutions
Author URI: http://www.webenterprisesolutions.com.au/
------------------------------------------------------------------------------ */

/* GENERAL STYLES ------------------------------------------------------------ */
html, body {
    margin: 0;
    padding: 0;

}
body {
    background: #352817;
    text-align: center;
}
.clear { clear: both; height: 0; }
.hide { display: none; }
#container {
    background: #574f42;
}
strong {
    color: #edd2a7;
}
/*:link:focus, :visited:focus { -moz-outline: 0px }*/
a:link, a:visited, :link:focus, :visited:focus { outline:none; }
.alignleft {
    float: left;
    text-align: center;
}
.alignright {
    float: right;
    text-align: center;
}
.center {
    text-align: center;
}
* {
    margin: 0;
    padding: 0;
}
a:visited, a:hover {
    color: #ffffff;
}
/* WRAPPERS ------------------------------------------------------------------ */
/* --------- Top of Homepage ------------------------------------------------- */
#wraptop {
    width: 100%;
    background: #666666;
    margin: 0;
    padding: 0;
}
#top {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    background: #574f42;
}

/* --------- Top of Subpage -------------------------------------------------- */
#wraptop-sub {
    width: 100%;
    background: #666666;
    margin: 0;
    padding: 0;
}
#top-sub {
    width: 950px;
    margin: 0 auto;
    background: #574f42;
    padding: 0;
    height: 129px;
}

/* --------- Main Body ------------------------------------------------------- */
#wrapbody {
    width: 100%;
    background: #352817;
    margin: 0;
    padding: 0;
}
#content {
    width: 950px;
    margin: 0 auto;
    background: #42331e url(img/bg_lower.gif) no-repeat top left;
}

/* --------- Footer */
#wrapfoot {
    width: 100%;
    background: #352817;
    margin: 0;
    padding: 0;
}
#footer {
    width: 950px;
    margin: 0 auto;
    background: #574f42;
}

/* SECTION TOP --------------------------------------------------------------- */
/* --------- Section, Top, Homepage ------------------------------------------ */
#flash {
    width: 668px;
    float: right;
}
#aside {
    margin-right: 668px;
    width: 200px;
    background: url(img/bg_aside.gif) repeat-y left;
    padding: 60px 0 30px 30px;
    margin: 0;
    font: normal 14px Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    color: #ceb389;
}
#aside a {
    color: #ceb389;
    text-decoration: none;
}
#aside a:hover {
    color: #ffffff;
}

/* --------- Section, Top, Subpages ------------------------------------------ */
#flash-sub {
    width: 668px;
    float: right;
}
#aside-sub {
    width: 200px;
    float: left;
}

#flash-sub img {
    border: 0;
    margin: 0;
    padding: 0;
}

/* SECTION HEAD -------------------------------------------------------------- */
/* --------- Section, Logo --------------------------------------------------- */
#head h1{
    margin: 0;
    padding: 0;
    width: 282px;
    height: 95px;
    background: #574f42 url(img/vulcan_logo.gif) no-repeat;
    float: left;
}
#head h1 span {
    display: none;
}
/* --------- Navigation ------------------------------------------------------ */
#navcontainer {
    text-align: left;
    padding-top: 53px;
    margin: 0;
}
ul#navlist {
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    font: normal 14px 'Futura Lt BT', 'Century Gothic', 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif;
}

#navlist li {
    display: inline;
    list-style-type: none;
}
#navlist a {
    padding: 8px 10px 0 10px;
    display: block;
    float: left;
    height: 34px;
    margin-left: 10px;
    margin-right: -10px;
    color: #ceb389;
    text-transform: uppercase;
    text-decoration: none;
}
#navlist a:hover, #navlist a.current {
    color: #ffffff;
    background: #574f42;
}

/* SECTION BODY -------------------------------------------------------------- */
/* --------- Section, Body --------------------------------------------------- */
#bodycontent {
    margin: 0;
    padding: 0;
}
#bodycontent {}
#bodycontent h2 {
    font: normal 20px 'Avant Garde', 'Futura Lt BT', Futura, 'Century Gothic', 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif;
    color: #ffffff;
    margin: 0 0 5px 0;
    padding: 0;
}
#bodycontent h3 {
    font: normal 18px 'Avant Garde', 'Futura Lt BT', Futura, 'Century Gothic', 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif;
    color: #ceb389;
    margin: 20px 0 5px 0;
    padding: 0;
    border-bottom: 2px solid #4c3d29;
}
.bodyentry {
    width: 620px;
    float: right;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
    text-align: left;
    padding: 15px 30px 50px 0;
}
.bodyside {
    width: 282px;
    float: left;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}
.bodyside ul {
    list-style-type: none;
    width: 282px;
    margin: 0;
    padding: 0;
}
.bodyside ul li {
    margin: 0;
    padding: 0;
}
.bodyside a, .bodysub a, .bodyextra a {
    color: #ffffff;
}
.bodyside a:hover, .bodyside a.current {
}
.bodyextra {
    display: block;
    width: 630px;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
    text-align: left;
    padding: 0 30px 35px 0;
    margin: 0 0 0 292px;
}
/* BODY ENTRY - HOMEPAGE ----------------------------------------------------- */
.bodysub {
    text-align: center;
    width: 282px;
    float: left;
    display: block;
    background: url(img/body_sub.gif) no-repeat top left;
    height: 130px;
}
.bodysub span {
    display: none;
}
.bodysub .contact {
    width: 200px;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
    text-align: left;
    padding: 140px 18px;
}
.colA, .colB, .colC {
    display: block;
    float: left;
    width: 200px;
    min-height: 190px;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
    text-align: left;
    padding: 22px 10px;
}
.colA p, .colB p, .colC p {
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
.colA span, .colB span, .colC span {
    display: none;
}
.colA h2, .colB h2, .colC h2 {
    display: block;
    height: 25px;
}
.colA strong, .colB strong, .colC strong {
    color: #edd2a7;
}
.colA h2 {
    background: url(img/constyle.gif) no-repeat top left;
}
.colB h2 {
    background: url(img/central.gif) no-repeat top left;
}
.colC h2 {
    background: url(img/value.gif) no-repeat top left;
}

/* BODY ENTRY STYLES --------------------------------------------------------- */
.bodyextra img, .bodyentry img {
    border: 3px solid #4c3d29;
    margin: 5px 10px;
    background: #4c3d29;
}
.bodyentry a:hover > img{
    border: 3px solid #574f42;
}
.bodyentry p {
    line-height: 1.4;
    font-size: 12px;
    margin: 0;
}
.bodyentry ul {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}
.bodyentry ul li {
    background: url(img/bullet.gif) no-repeat top left;
    padding: 3px 15px;
}
.bodyentry ul li ul {
    margin-left: 25px;
}
.bodyentry ul li ul li {
    list-style-type: circle;
    background: none !important;
    padding-left: 0 !important;
}
.bodyentry a {
    text-decoration: none;
    color: #ffffff;
}
.bodyentry a:hover {
    color: #cccccc;
}
.bodyentry table {
    width: 100%;
    border-spacing: 0;
    margin: 10px 0 15px 0;
}
.bodyentry table td {
    padding: 5px;
    border-bottom: 1px solid #4c3d29;
    margin: 0;
}
.bodyentry table th {
    color: #edd2a7;
    border-bottom: 1px solid #4c3d29;
    padding: 5px;
}

/*  SPECIFIC STYLES ---------------------------------------------------------- */
/* headers */
h2.rooms {
    background: url(img/rooms.gif) no-repeat top left;
}
h2.facilities {
    background: url(img/facilities.gif) no-repeat top left;
}
h2.location {
    background: url(img/location.gif) no-repeat top left;
}
h2.history {
    background: url(img/history.gif) no-repeat top left;
}
h2.activities {
    background: url(img/activities.gif) no-repeat top left;
}
h2.contact {
    background: url(img/contact.gif) no-repeat top left;
}
.bodyentry h2 {
    width: 300px;
    height: 35px;
}
.bodyentry h2 span {
    display: none;
}

.globeres {
    display: block;
    padding: 5px 0;
    width: 250px;
    font: normal 11px Arial, Verdana, Helvetica, sans-serif !important;
    color: /*#9b835e*/ #ffffff !important;
    text-decoration: none;
    border: 1px solid #9b835e;
/*    border: 1px solid #ffffff; */
    text-transform: uppercase;
    text-align: center;
    background: #42331e;
    margin: 0 auto;
}
a.globeres:hover, a.:visited {
    background: #42331e;
    color: /*#ceb389*/ #ffffff;
}
.bodysub .globeres {
    margin-top: 0px;
}
.bodyside .globeres {
    margin-top: 5px;
}
.bodyside ul {
    margin: 15px 0;
}
.bodyside ul li a {
    display: block;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px;
    border-bottom: 1px solid #574f42;
}
.bodyside ul li a:hover, .bodyside ul li a.current {
    background-color: #574f42;
    border-bottom: 1px solid #42331e;
}
.text {
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
    padding: 10px;
}
.text a {
    color: #ffffff;
    text-decoration: none;
}
ol.rooms {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
    text-align: center;
}
.block {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

/* IMAGE HOVER --------------------------------------------------------------- */
.thumbnail img{
margin: 0 5px 0 0;
border: 0;
background: none;
}

.thumbnail:hover{
background-color: transparent;
}
a.thumbnail:hover > img{
    border: 0;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e8dbc7;
padding: 5px;
visibility: hidden;
color: #42331e;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
margin: 0;
max-width: 350px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 395px;
z-index: 50;
margin-left: 10px;
}

/* FORMS --------------------------------------------------------------------- */
fieldset {
    border: 3px solid #4c3d29;
    border-bottom: 2px solid #4c3d29;
    margin-bottom: 15px;
    padding: 0;
}
legend {
    font: normal 18px 'Futura Lt BT', Futura, 'Century Gothic', 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif;
    color: #ceb389;
    padding: 0 10px;
}
fieldset ul {
    padding: 0;
    margin: 0 !important;
}
fieldset ul li {
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid #4c3d29;
    background: none !important;
    padding: 5px 10px !important;
}
fieldset label {
    display: block;
    float: left;
    clear: left;
    width: 185px;
}
fieldset input, fieldset textarea {
    width: 300px;
}
fieldset select {
    width: 95px;
}
fieldset select.number {
    width: 45px;
}
fieldset select.nature {
    width: 200px;
}
fieldset select.year {
    width: 65px;
}
fieldset input, fieldset textarea, fieldset select {
    background: #ffffff !important;
    border: 1px solid #4c3d29;
    text-align: left;
    padding-left: 3px;
    font-size: 10px;
}
fieldset input.check {
    width: 12px;
}
fieldset input.button {
    padding: 5px !important;
    font: normal 11px Arial, Verdana, Helvetica, sans-serif !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #ffffff !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
fieldset input:hover, fieldset textarea:hover, fieldset select:hover	{
    background: #e4cfbe !important;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus	{
    background: #ceb389 !important;
}


/* SECTION FOOTER ------------------------------------------------------------ */
#contact {
    font: normal 9px Arial, Verdana, Helvetica, sans-serif;
    color: #ceb389;
}
.context  {
    float: left;
    text-align: left;
    margin-right: 10px;
    margin-left: 15px;
    padding: 8px 0;
}
.context p {
    margin: 0;
    padding: 0;
}
.credit  {
    margin-left: 750px;
}
.credit a {
    display: block;
    text-align: right;
    width: 190px;
    height: 43px;
    background: url(img/wes_logo.gif) no-repeat right;
}
.credit span {
    display: none;
}