/* ============================================================================
Website: WEB ENTERPRISE SOLUTIONS
Date Created: 12 February 2008
Author: Camilla Tabagan
Author URI: http://www.webenterprisesolutions.com.au/
============================================================================== */

* {
     margin: 0;
     padding: 0;
}
body {
     text-align: center;
}
.clear {
     clear: both;
     height: 0px;
     margin: -20px 0 0 0;
}

/* STRUCTURE ================================================================= */
#wrap-user, #wrap-header, #pullcontent, #wrap-content, #wrap-footer {
     width: 100%;
}
#userlinks, #header, #content, #footer {
     width: 900px;
     margin: 0 auto;
}
/* GLOBALS =================================================================== */
#content h2, #content {
     text-align: left;
}
#userlinks, #footer {
     text-align: right;
}
.hotels, .clubs, .tourism {
/*     font-weight: bold;*/
}
.hotels, .hotels a {
     color: #003399;
}
.clubs, .clubs a {
     color: #cc3300;
}
.tourism, .tourism a {
     color: #006600;
}
/* STYLES - USER LINKS ======================================================= */
#wrap-user {
     background: #333333 url(img/bg_user.jpg) repeat-x bottom;
}
#userlinks {
     font: 12px Helvetica, Tahoma, Arial, Verdana, sans-serif;
     text-transform: uppercase;
}
#userlinks a {
     color: #cccccc;
     text-decoration: none;
}
#userlinks a:hover {
     color: #ffffff;
     text-decoration: underline;
}
#userlinks ul {
     list-style-type: none;
     padding: 10px 0;
}
#userlinks ul li {
     display: inline;
     padding: 0 0 0 15px;
}
/* STYLES - HEADER =========================================================== */
#wrap-header {
     background: #995a1c url(img/bg_header.jpg) repeat-x top center;
}
#header {
     background:  url(img/header_links.jpg) no-repeat top right;
}
#header h1 a {
     display: block;
     float: left;
     width: 434px;
     height: 164px;
     background: url(img/header_logo.jpg) no-repeat top left;
     text-indent: -9999em;
}
#header ul {
     list-style-type: none;
     display: block;
     float: left;
     margin: 65px 0 0 30px;
}
#header ul li {
     display: inline;
}
#header ul li a {
     display: block;
     width: 135px;
     height: 30px;
     float: left;
}
#header ul li a span {
     display: none;
}
/* PULLQUOTE ================================================================= */
#pullquote {
     background: #ffffff url(img/bg_content_top.jpg) repeat-x bottom center;
     clear: both;
}
#pullquote h2 {
     width: 750px;
     margin: 0 auto;
     padding: 30px 0 65px 0;
     text-align: left;
     font: 24px Georgia, 'Times New Roman', Times, serif;
     color: #660000;
}

/* STYLES - CONTENT ========================================================== */
#wrap-content {
     background: #e8d5b4;
}
#content {
     background: url(img/bg_content.jpg) no-repeat bottom left;
     padding: 0 0 30px 0;
     font-family: Verdana, Arial, sans-serif;
     color: #000000;
     min-height: 300px;
}
#content h3 {
     font: 21px Georgia, 'Times New Roman', Times, serif;
     color: #990000;
     padding: 0 0 15px 0;
}
#content ul {
     list-style-type: none;
     margin: 15px 0;
}
#content ul li {
     padding-left: 15px;
}
#content table {
     font-size: 12px;
     line-height: 1.4;
     border: 0;
}
#content table td {
     vertical-align: top;
}
.index-entry a, .index-folio a, .section-entry a{
     color: #990000;
}
/* Content - Index =========================================================== */
.index-entry, .index-folio {
     width: 435px;
}
.index-entry {
     float: left;
     line-height: 1.6 !important;
     font-size: 14px;
}
.index-folio {
     float: right;
}
.index-folio h4 {
     font-size: 14px;
     padding: 15px 0 0 0;
}
.index-folio p {
     font-size: 11px;
     line-height: 1.2;
}
.folioph {
     display: block;
     width: 429px;
     height: 150px;
     border: 3px solid #ffffff;
     background: #cc6699;
}
/* Content - Section ========================================================= */
.section-entry {
     width: 580px;
     float: left;
     font-size: 12px;
     line-height: 1.4;
}
.section-entry h4 {
     font-size: 14px;
     color: #990000;
}
.section-entry p {
     margin: 8px 0;
}
.section-entry img {
     border: 3px solid #ffffff;
}
.section-entry li {
     background: url(img/bullet.gif) no-repeat left 3px;
}
.section-nav {
     width: 290px;
     float: right;
     font: 16px Georgia, 'Times New Roman', Times, serif;
}
.section-nav ul {
     margin: 0;
     padding: 0;
}
.section-nav ul li {
     margin: 0;
     padding: 0;
}
.section-nav ul li a {
     padding: 5px 15px;
     color: #990000;
     text-decoration: none;
     display: block;
     border-bottom: 1px solid #990000;
     margin: 0;
}
.section-nav ul li:first-child a {
     border-top: 1px solid #990000;
}
.section-nav ul li a:hover {
     color: #000000;
     background: #e5dda7;
}
/* Content - Forms =========================================================== */
.section-entry form {
     width: 580px;
     margin: 0 auto;
}
.section-entry fieldset {
     display: block;
     border: 0;
     margin: 15px 0 0 0;
     padding: 0;
}
.section-entry legend  {
     font-size: 14px;
     color: #990000;
     margin: 0 0 15px 0;
     font-weight: bold;
}
.section-entry label {
      display: block;
      width: 180px;
      float: left;
      clear: both;
      font-weight: bold;
      margin: 0 0 15px 0;
}
.section-entry input, .section-entry textarea, .section-entry select {
      width:  390px;
      background: #ffffff !important;
      border: 1px solid #995a1c;
      float: right;
      margin: 0 0 15px 0;
      padding: 3px;
      font-size: 11px;
}
.section-entry ul.form {
      width: 390px;
      display: block;
      padding: 0;
      float: right;
      margin: 0 0 15px 0 !important;
}
.section-entry ul.form li {
      display: block;
      width: 180px;
      float: left;
      text-align: left;
      padding: 0;
      vertical-align: bottom;
      background-image: none;
}
.section-entry ul.form li input {
        width: 10px !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
        float: none;
        vertical-align: bottom;
        border: 0;
        background: none !important;
}
.section-entry .info {
      display: block;
      width: 180px;
      float: left;
      clear: left;
      font-style: italic;
      margin: -15px 0 0 0;
}
.section-entry .form-bottom {
      display: block;
      clear: both;
}
.section-entry .form-end {
     float: left;
}
.section-entry .submit {
      float: right;
}

.section-entry button {
     background: #990000;
     color: #ffffff;
     border: 1px solid #ffffff;
     padding: 3px;
     font: 11px Verdana, Arial, sans-serif;
     text-transform: uppercase;
}

.section-entry input:hover, .section-entry textarea:hover, .section-entry select:hover	{
    background: #f0f0f0 !important;
    border: 1px solid #333333
}

.section-entry input:focus, .section-entry textarea:focus, .section-entry select:focus	{
}

/* STYLES - FOOTER =========================================================== */
#wrap-footer {
     background: #42311e url(img/bg_footer.jpg) repeat-x top center;
}
#footer {
     padding: 15px 0 30px 0;
     font: 11px Verdana, Helvetica, Arial, sans-serif;
     color: #cccccc;
}
#footer a {
     color: #cccccc;
     text-decoration: none;
}
#footer a:hover {
     text-decoration: underline;
}
#footer ul {
     list-style-type: none;
     margin: 0 -10px 10px 0;
}
#footer ul li {
     display: inline;
     border-left: 1px solid #999999;
     padding: 0 10px;
}
#footer ul li:first-child {
     border: 0 !important;
}
/* That sorts out all needed to be done. I hope. ============================= */