/*.container { background: #cccccc url(lib/#grid.png); }*/

body#about .container { background: #cccccc url(../img/container-bottomleft-bg.jpg) left bottom no-repeat; }
body#stay .container { background: #cccccc url(../img/container-stay-bg.jpg) left bottom no-repeat; }
body#play .container { background: #cccccc url(../img/container-play-bg.jpg) left bottom no-repeat; }
body#live .container { background: #cccccc url(../img/container-live-bg.jpg) left bottom no-repeat; }
body#taste .container { background: #cccccc url(../img/container-taste-bg.jpg) left bottom no-repeat; }
body#explore .container { background: #cccccc url(../img/container-explore-bg.jpg) left bottom no-repeat; }
body#invest .container { background: #cccccc url(../img/container-invest-bg.jpg) left bottom no-repeat; }
body#admin .container { background-color: #cccccc; background-image: none; }
body#page .container { background-color: #cccccc; background-image: none; }
body#home .container { background-color: #cccccc; background-image: none; }

body {
 margin: 0;
 padding: 0;
 background: #333333;
}

h1 {
 color: #B21B16;
 font-size: 1.833em;
}

h2 {
 color: #B21B16;
 font-size: 1.5em;
}

h3 {
 color: #B21B16;
 font-size: 1.33em;
}

a {
 padding: 0 0 0 10px;
 color: #bcbf00;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
 color: #ffffff;
}

strong {
 font-weight: bold;
}
em {
 color: #525252;
 background-color: transparent;
}

#skip {
 display: block;
 overflow: hidden;
 height: 0;
 text-indent: -9999px;
}

/**
 * Landing
 */
body#landing {
 padding-top: 30px;
}
body#landing .container {
 background-color: #000000;
 background-image: none;
}
body#landing div#landingbanner {
 position: relative;
 display: block;
 height: 650px;
 background: url(../img/landing-bg.jpg) left top no-repeat; 
}
body#landing div#landingbanner h1, body#landing div#landingbanner h2, body#landing div#landingbanner h3 {
 display: block;
 margin: 0;
 padding: 0;
 height: 0;
 overflow: hidden;
 text-indent: -9999px;
}
body#landing div#landingbanner p {
 position: absolute;
 display: block;
 width: 300px;
 left: 25px;
 bottom: 40px;
 margin: 0;
 padding: 0;
 color: #ffffff;
 font-size: 1.1em;
 line-height: 2.0em;
}
body#landing div#landingbanner #sectionbuttons {
 position: relative;
 display: block;
 margin: 290px 0 0 25px;
 padding: 0;
}
body#landing div#landingbanner #sectionbuttons ul {
 position: relative;
 display: block;
 width: 400px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
body#landing div#landingbanner #sectionbuttons ul li.sectionbutton {
 position: relative;
 display: block;
 float: left;
 margin: 0;
 margin-right: 12px;
 margin-bottom: 30px;
 padding: 0;
}
body#landing div#landingbanner #sectionbuttons ul li a {
 cursor: pointer;
 float: left;
 height: 108px;
 width: 85px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-indent: -9999px;
}

/**
 * Banner
 */
#banner {
 position: relative;
 display: block;
 height: 214px;
 margin: 0;
 padding: 0;
 background: #000000 url(../img/banner-default-bg.jpg) left top no-repeat;
}
body#about #banner { background: #000000 url(../img/banner-about-bg.jpg) left top no-repeat; }
body#stay #banner { background: #000000 url(../img/banner-stay-bg.jpg) left top no-repeat; }
body#play #banner { background: #000000 url(../img/banner-play-bg.jpg) left top no-repeat; }
body#live #banner { background: #000000 url(../img/banner-live-bg.jpg) left top no-repeat; }
body#taste #banner { background: #000000 url(../img/banner-taste-bg.jpg) left top no-repeat; }
body#explore #banner { background: #000000 url(../img/banner-explore-bg.jpg) left top no-repeat; }
body#invest #banner { background: #000000 url(../img/banner-invest-bg.jpg) left top no-repeat; }
#banner h2 {
 display: block;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-indent: -9999px;
}
#banner h3 {
 display: block;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-indent: -9999px;
}

/**
 * Navigation
 */
#mainnavigation h3, #subnavigation h3, #adminnavigation h3 {
 display: block;
 margin: 0;
 padding: 0;
 height: 0;
 overflow: hidden;
 text-indent: -9999px;
}

#mainnavigation {
 position: relative;
 background: #000;
}
#mainnavigation ul {
 position: relative;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#mainnavigation ul li {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 color: #bcbf00;
 font-weight: bold;
 font-size: 1.2em;
}
#mainnavigation ul li a {
 display: block;
 margin: 0;
 padding: 0.4em 1.0em 0.4em 1.0em;
 text-align: left;
}
#mainnavigation ul li a:hover {
 text-decoration: none;
}
body#about #mainnavigation ul li.nav-about a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#stay #mainnavigation ul li.nav-stay a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#play #mainnavigation ul li.nav-play a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#live #mainnavigation ul li.nav-live a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#taste #mainnavigation ul li.nav-taste a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#explore #mainnavigation ul li.nav-explore a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}
body#invest #mainnavigation ul li.nav-invest a {
 background: transparent url(../img/mainnavigation-tab.gif) right top no-repeat;
}

#subnavigation {
 position: relative;
 background: #B21B16;
}
#subnavigation h3 {
 display: block;
 margin: 0;
 padding: 0;
 height: 0;
 overflow: hidden;
 text-indent: -9999px;
}
#subnavigation ul {
 margin: 0;
 padding: 0.5em 0 0.5em 0;
 list-style-type: none;
}
#subnavigation ul li {
 display: inline;
 color: #D98683;
 font-weight: normal;
 font-size: 1.0em;
 border-right: #D98683 1px solid;
}
#subnavigation ul li a {
 color: #D98683;
 padding: 0.5em 1.0em 0.5em 1.1em;
}


#contentwrapper {
 padding-top: 20px;
 background: transparent url(../img/contentwrapper-bg-trans.png) left top no-repeat;
}

#leftcolumn {
 position: relative;
 padding-top: 3em;
 padding-bottom: 200px;
}

#middlecolumn {
 position: relative;
}
#middlecolumn a {
 padding: 0;
 color: #D98683;
 text-decoration: none;
}
#middlecolumn a:hover {
 text-decoration: underline;
}
#middlecolumn blockquote#sectionquote {
 position: absolute;
 display:block;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 width: 170px;
 left: 0;
 bottom: 100px;
 font-size: 1.5em;
 font-style: normal;
 font-weight: normal;
}
body#stay #middlecolumn blockquote#sectionquote { bottom: 150px; }
body#play #middlecolumn blockquote#sectionquote { bottom: 120px; }
body#live #middlecolumn blockquote#sectionquote { bottom: 130px; }
body#taste #middlecolumn blockquote#sectionquote { bottom: 150px; }
body#explore #middlecolumn blockquote#sectionquote { bottom: 150px; }
.pull-5  { margin-left: -190px; }

#rightcolumn {
 
}
#rightcolumn h3 {
 padding-left: 10px;
 color: #BCBE00;
 font-size: 1.1em;
 font-weight: bold;
}
#rightcolumn ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#rightcolumn ul li {
 margin: 0;
 padding: 0 0 0 0;
 color: #8A8888;
 line-height: 2.0em;
 font-size: 0.9em;
}
#rightcolumn ul li a {
 color: #8A8888;
}

#footer {
 position: relative;
 display: block;
 height: 138px;
 padding: 0;
}
#footer {
 background: transparent url(../img/footer-bg-trans.png) left bottom no-repeat;
}
#footerleft {
 margin: 0;
 padding: 0;
}
#footerleft ul {
 margin: 0;
 padding: 9em 0 0 0;
 list-style-type: none;
 text-align: right;
}
#footerleft ul li {
 display: inline;
 margin: 0;
 padding: 0;
 color: #8A8888;
 line-height: 1.5em;
}
#footerleft ul li a {
 margin: 0 0.5em 0 0;
 padding: 0 0.5em 0 0;
 color: #8A8888;
 font-size: 0.9em;
 border-right: #8A8888 1px solid;
}
#footerleft ul li.lastlink a {
 border-right: transparent 0px solid;
}
#footerleft ul li a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.box { 
  padding: 0;
  margin-bottom: 1.0em; 
  background: transparent;
  text-align: right;
}

/**
 * Messages
 */
#flashMessage {
 margin: 1.0em 0;
 padding: 1.0em 0;
}
.message {
 color: #ffffff;
 font-size: 1.2em;
}
.error-message {
 color: #ff0000;
 font-size: 1.2em;
}
.form-error {
 border: #ff0000 1px solid;
}

/**
 * Admin Styles and Buttons
 */
body#admin .container {
 background-image: none;
}
body#admin #contentwrapper {
 background-image: none;
}
body#admin #footer {
 background-image: none;
}

#adminnavigation {

}
#adminnavigation ul, body#admin #middlecolumn ul {
 margin: 1em 0;
 padding: 0;
 list-style-type: none;
}
#adminnavigation ul li, body#admin #middlecolumn ul li {
 display: inline;
}
#adminnavigation ul li a, body#admin #middlecolumn ul li a {
 margin: 0;
 padding: 0;
 color: #28721C;
 text-decoration: none;
 font-weight: bold;
 padding: 0.5em 1.0em 0.5em 0;
}
#adminnavigation ul li a:hover {
 text-decoration: underline;
 color: #ffffff;
}

p.buttons {
 position: relative;
 display: block;
 height: 20px;
 margin: 0;
 padding: 0;
}
ul li a.buttonlink, ul li a.buttonlink {
 display: block;
 float: right;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
p.buttons a.buttonlink {
 display: block;
 height: 20px;
 width: 50px;
 margin: 0 0 0 auto;
 padding: 0;
}
img.buttonview {
 display: block;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
div.adminoptions {
 position: relative;
 display: block;
 height: 20px;
 margin: 1.5em 0;
 padding: 0;
 color: #000000;
 font-size: 1.0em;
 font-family: arial, sans-serif;
}

div.adminoptions a {
 font-family: arial, sans-serif;
}

div.adminoptions a.buttonlink {
 display: block;
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
a.buttoneditlink {
 display: block;
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
a.buttondeletelink {
 display: block;
 float: right;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
img.buttonadd, img.buttonedit, img.buttondelete {
 display: block;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 5px 0;
  border: none; 
}
hr.space {
  background: transparent; 
  color: #cccccc;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 5px 0;
  padding: 5px 0;
  border: none; 
}

body#admin #middlecolumn table {
 width: 100%;
}
body#admin #middlecolumn table tr th {
 border-bottom: #fff 1px solid;
}
body#admin #middlecolumn table tr th a, body#admin #middlecolumn table tr td a {
 padding: 0;
 color: #28721C;
}
td a, td a img, td.actions a, td.actions a img {
 display: inline;
 vertical-align: top;
}
td a.buttonviewlink {
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
 vertical-align: top;
}
td a.buttonviewlink {
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
 vertical-align: top;
}
td a.buttoneditlink {
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
 vertical-align: top;
}
td a.buttondeletelink {
 float: right;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
 vertical-align: top;
}
td img.buttonview, td img.buttonadd, td img.buttonedit, td img.buttondelete {
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
 vertical-align: top;
}

.sectionview {
 width: 5em;
 text-align: center;
}
.sectionorder {
 width: 3em;
 text-align: center;
}
.sectionpage {
 width: 5em;
 text-align: left;
}
.sectiontitle {
 width: 14em;
 text-align: left;
}
.sectiondescription {
 overflow: hidden;
 text-align: left;
}
.actions {
 width: 9em;
}

span.paging {
 float: right;
}
span.paging div {
 display: inline;
}

/**
 * Forms
 */
fieldset {
float: left;
clear: left;
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
border: none;
}
legend {
margin-left: 0;
color: #797878;
font-weight: bold;
}
fieldset ol {
padding: 1.0em 1.0em 0 1.0em;
list-style: none;
/*zoom: 1; FAILS VALIDATION?? */ 
}

fieldset ul {
padding: 1.0em 0 0 0;
list-style: none;
/*zoom: 1; FAILS VALIDATION?? */ 
}
fieldset ul li {
font-size: 1.2em;
}
fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1.0em;
}
label {
float: left;
clear: both;
width: 100%;
margin: 1.0em 0 0 0;
}
input, textarea {
 width: 61em;
 margin: 0 0 1.0em;
}
fieldset.submit {
float: none;
width: auto;
border: 0 none #ffffff;
padding-left: 1.0em;
}
input[type=submit] {
 width: 10em;
}
select.cardselect {
width: 160px;
}
select.monthselect {
width: 80px;
}
select.yearselect {
width: 80px;
}