/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:100%;
  background:#583464;
  line-height:1.125em;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  color:#000;
}

#content p { 
  margin:1em 0;
  line-height:1.5em;
}

dl.col { 
  line-height:1.75em;
}

dl.col dt { 
  float:left; 
  width:6em;
}

dl.col dd { 
  margin-left:7em;
}

#content dl.col3 {
  font-size: 0.75em;
  line-height: 1.5em;
}

dl.col3 dt {
  float:left;
  width:220px;  
}

dl.col3 dd {
  float:left;   
  width:200px; 
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

a {
  color:#583464;
}

a:hover {
  color:#007C3E;
}

/* Layout */

#constrain {
  margin: 0 auto;
  width:1019px;
  background: url(../images/i-content-bg.jpg) repeat-y;
  }

#c-topbg {
  background: url(../images/i-top-bg.jpg) no-repeat;
  position: relative;
  top: -4px;
  }
#c-girl {
  position: relative;
  bottom:-1px;
  background: url(../images/i-girl.jpg) no-repeat 30px bottom;
  }
#left-bar {
  float:left;
  margin: 30px 0 0 33px;
  width:236px;
  }
#content {
  float:left;
  width: 721px;
  background: url(../images/i-se-bg.jpg) no-repeat right bottom;  
}
#main-bar {
  min-height:570px;
  margin: 30px 0 0 30px;
  padding: 0 0 20px 0;
  }
  
/* Footers */
#footer {
  background: url(../images/i-footer-bg.jpg) repeat-x;
  height:101px;
  color:#fff;
  font-size:0.75em;
  position:relative;
  bottom: -6px; 
}
#footer-se {
  background: url(../images/i-footer-right.jpg) no-repeat right bottom;
  height:100%;
}
#footer-author {
  text-align:center;
  width:100%;
	padding-bottom: 15px;
  }
#footer-contact {
  padding: 5px 0 0 20px;
  }
#footer-contact a {
  color:#fff;
  text-decoration:none;
  }
#footer-contact a:hover {
  color:#ccc;
  }
#btm-nav {
  list-style: none;
  margin: 15px 0 15px 0;
  }
#btm-nav li {
  display:inline;
  }
#btm-nav li a {  
  font-size:0.69em;
  color:#fff;
  text-decoration:none;
  padding:0 10px 0 10px;
  }
#btm-nav li a:hover {
  color:#906f9c;
  }
.author {
  color:#906f9c;
  font-size:0.69em;
  text-decoration:none;
  }
.author:hover {
  color:#fff;
  }
  
  
/* Navigation */
#navigation {
  list-style:none;
  width:223px;
  margin: 0 0 0 14px;
}
#navigation li {
  width:223px;
  }
#navigation li a {
  background: transparent url('../images/nav-bg.png') no-repeat;
  display:block;
  height:33px;
  text-decoration:none;
  color: #573463;
  text-indent: 10px;
  line-height:29px;
  font-size: 0.875em;
  font-weight: bold;
  cursor: pointer;
}
#navigation li a:hover {
  background-position: bottom left;
  color:#fff;
}


/* Headings */
h1 {
  color:#663D74;
  font:normal 1.5em 'Trebuchet MS', Arial, sans-serif;  
  }
h2 {
  color:#016533;
  font:normal 1.125em 'Trebuchet MS', Arial, sans-serif;  
  margin: 20px 0 5px 0;  
  }  
h3 {
  font-size: 0.75em;
  color:#333;
  margin: 1em 0 0.5em 0;
}
h4 {
  font-size: 0.75em;
  color:#333;  
  margin: 0.5em 0;
}
  
/* Content */
p {
  font-size: 0.75em;
  line-height:1.45em;
  }
.content-short {
  width: 438px;
  padding-right:10px;
  }
.content-rhs {
  width:242px;
  }
  
.rhs-box {  
  width:242px;
  background:transparent url('../images/i-rhs-box-top.png') no-repeat;
  padding: 24px 0 0 0;        
}
.rhs-box-inner {  
  background:transparent url('../images/i-rhs-box-mid.png') repeat-y;
  padding: 0 1em;  
}
.rhs-box-btm {
  background:transparent url('../images/i-rhs-box-btm.png') no-repeat bottom;
  padding: 0 0 24px 0;    
}
#content .rhs-box-inner p {
  font-size:0.69em;
  padding: 0 0 1em 0;
  margin:0;
  line-height:1.25em;
}

#content .rhs-box-inner li {
  margin: 0;
}

#content .rhs-box-inner ul {
  margin: 0;
  padding: 0 2em;
}

.rhs-box-inner p strong {
  color:#01783e;
  }
.home-box {
  margin:1px;
  }

/* Buttons */

.button {
  background:transparent url('../images/g-button.gif') no-repeat;
  width:250px;
  height:64px;
  line-height:64px;
  padding: 0 0 0 20px;
  text-align:left;
 } 
.button a, .button {
  font:normal 1.125em 'Trebuchet MS', Arial, sans-serif;
  color:#fff;
  text-decoration:none;
  
  }
.button a:hover {
  color:#e8dbed;
}

input.button {
  font-size: 1.5em;
  cursor: pointer;
}

/* Flexi Buttons */

#content a.flexibutton {
  background: transparent url('../images/g-button-r.gif') no-repeat scroll top right;
  color:#fff;
  display: block;
  float: right;
  font:normal 1.125em 'Trebuchet MS', Arial, sans-serif;  
  height: 62px;    
  margin:0 6px 15px 0;
  padding-right: 65px; /* sliding doors padding */
  text-decoration: none;
  cursor:pointer;    
}

#content a.flexibutton span {
  background: transparent url('../images/g-button-l.gif') no-repeat;
  display: block;
  line-height: 62px;
  padding: 0 8px 0 20px;
  height: 62px;
  float: right;
}

#content a:hover.flexibutton {
  background-position: bottom right;
}

#content a:hover.flexibutton span {
  background-position: bottom left;
}

/* Quick Quote */
.contact-table {
  background:transparent url(../images/g-circles.jpg) no-repeat right 250px;
  margin-top: 10px;
  }
.contact-table th {
  text-align:left;
  font-size: 0.75em;
  width:120px;
  font-weight:normal;
  padding-top:10px;
  }
.contact-table td {
  text-align:left;
  font-size: 0.75em;
  padding-top:10px;
  line-height:20px;
  }
.required {
  color:#ff0000;
  }
  
  
.contact-input {
  background: transparent url('../images/g-input.gif') no-repeat;
  width:232px;
  line-height:31px;
  height:31px;
  padding:7px 17px 0 7px;
  }
.contact-input:hover {
  background: url(../images/g-input-o.gif) no-repeat;
}
.contact-textarea {
  background: transparent url(../images/g-textarea.gif) no-repeat;
  width:245px;
  height:100px;
  padding:7px 23px 15px 7px;
  }
.contact-textarea:hover {
  background: url(../images/g-textarea-o.gif) no-repeat;
}

.contact-checkbox {
  background:transparent;
  }
.txtsml {
  font-size:0.69em;
  }
#map {
  float:right;
  font-size:0.69em;
  text-align:center;
  width:87px;
    }
#map img {
  border: 1px solid #0d8b4e;
}
  
/* Special CTA box */

.spcl {
  background:#fff url('../images/g-cta-mid.gif') repeat-y;
  width: 448px;  
}

.spcl p {
  padding: 0 2em;
  margin: 0;    
  font-size: 0.75em;
}

#content .spcl li {
  font-size: 0.75em;
  margin: 0 2em 0.5em 2em;
}

#content .spcl h2 {
  margin: 0 0 0.75em 1.75em;  
}

.spcl img {
  display: block;
}

#content li {
  font-size: 0.75em;
  line-height: 1.125em;
  margin: 0 0 0.5em 0;
}
#content ol {
  margin: 0 0 0 9px;
  padding: 0 0 0 9px;
  }
  
#content ul {
  margin: 8px 0 8px 15px;
  list-style-image: url(../images/g-bullet.gif);
  }
#content ol li ul, #content ul li ol {
  font-size:1.3125em;      
}  
  
/* Specs page */  
#content p.spec-txt {
  font-size:0.69em;
  text-align:center;  
  margin:0 2em; 
  padding:0;
  }
  
#content #specs {
  list-style: none;
  list-style-image: 0;
  margin: 0;
  }
#specs li {
  width:195px;
  float:left;
  border-right: 20px solid #fff;
  }
#specs li h2 {  
  color:#1f8e4a;
  border-bottom:1px solid #583464;
  font-size: 1.69em;
  }
 
#specs li ul li, #specs li p {
  font-size: 1em;
  } 
#specs li p {
  margin: 0;
  padding: 0;
  }
#specs li ul {
  list-style:circle;
  }
  
/* Staff Profiles */ 

.staff {
  width:45%;
  float:left;
  margin-right: 20px;
}

#content .staff h3 {
  font-size: 0.75em;
}
  
#content .staff h2 {
  color:#1f8e4a;
  border-bottom:1px solid #583464;
  font-size: 0.875em;
}

/* Logo text replacement */
.txt-logo-old {
  background:transparent url('../images/g-txt.gif') no-repeat left;
  width: 150px;
  height: 10px;
  font: 0/0 verdana, sans-serif;
  vertical-align:middle;
  display:-moz-inline-box;
  display: inline-block;
  }
.txt-logo span {
  visibility: hidden;
  }
.txt-logo-n {
	color:#ed1c24;
}
span.txt-tagline {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  font-weight: bold;
}

#rhs-pics {
  text-align:center;
  }
#rhs-pics img {
  border: 1px solid #90828f;
  margin: 4px;
  }
.eventspic {
    border: 1px solid #90828f;
}



/* List box eg Promotional */
#content .midbox {
  background:transparent url('../images/g-midbox-mid.gif') repeat-y;
  width:210px;
  float:left;
  margin-bottom:10px;
  }
#content .midbox ul {
  background:transparent url('../images/g-midbox-top.gif') no-repeat top left;
  vertical-align:top;
  display:block;
  padding: 0; 
  margin: 0;
  float:left;
  width:210px;
  padding: 20px 0 0 0;
}
#content .midbox ul li {
  margin: 0.75em 2em;
  list-style:none;
  list-style-image: none;
  font-size: 0.69em;
  }
#content .midbox img {
  vertical-align:bottom;
  }
  
/* What we need box */
.wwn {
  width: 448px;
  background: transparent url('../images/g-wwn-mid.gif') repeat-y;    
}

.wwn img {
  display: block;
}

.wwn img.left {
  margin: 20px 0 0 10px;
}

.wwn ul {
  padding: 0 0 0 160px;
}

#content .wwn li {
  margin: 0 0 0.5em 0;
}

#content .gallery-images a {
  text-decoration: none;
}

/* For Use with cms.cityofcairns.com CMS */
#cmscontent {
  background-color: #FFF;
  padding: 10px;
}