/********************************************************/ 
/*** Author : Cairns Web Design 
/*** URL :    www.cairnswebdesign.com.au  
/*** Client : 
/********************************************************/ 


/*-------------------------------------------------------
Colour Palatte 

    Color   : #
    Color   : #
    Color   : #

------------------------------------------------------ */



/*-------------------------------------------------------
GLOBAL
------------------------------------------------------ */
body {
  background: #000;
  background-size: cover;
  background-attachment: fixed;
  font-family: "Century Gothic",Arial;
  letter-spacing: 1px;
}

a img {
  border: none;
}

img { 
  max-width: 100%;
  vertical-align: middle;
}


/*-------------------------------------------------------
CONTAINER
------------------------------------------------------ */

#container {
  border: 1px dotted red;
  margin : 0 auto;
  padding: 20px;
  max-width: 960px;
}

/*-------------------------------------------------------
HEADER
------------------------------------------------------ */

#header {
  background: #000;
  margin:30px auto;
  max-width:1000px;
  padding: 0px;
}

/*-------------------------------------------------------
NAV (HORIZONTAL)
------------------------------------------------------ */

#nav-wrapper {
    background: #498cb1;
    border-bottom: solid 1px #FFF;
    border-top: solid 1px #FFF;
    margin: 0 auto 2em auto;
}

nav {
  list-style: none;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  max-width: 700px;
}

nav ul li {
  float: left; 
  border-right: 1px solid #ccc; 
}

nav li:first-child {
  border-left: 1px solid #ccc; 
}

nav ul li a {
  color: #FFF;
  display: block;
  padding: 16px 30px;
  text-decoration: none;
}

nav ul li a:hover {
  background-color: #F45B13; 
  color: #FFF;
}

/*-------------------------------------------------------
WRAPPER
------------------------------------------------------ */

#wrapper {
  margin: 0 auto;
  max-width: 960px;
}

/*-------------------------------------------------------
CONTENT
------------------------------------------------------ */

#content {
  line-height: 160%;
  } 

/*-------------------------------------------------------
CONTENT-INNER
------------------------------------------------------ */

#content-inner {
  color:#498cb1;
  padding: 20px;
  }
  
#content-inner a:link, #content a:visited {
  color: #F45B13;
  text-decoration: none;
}

#content-inner a:active, #content a:hover {
  color: #F45B13;
  text-decoration: underline;
}

#content-inner h1 {
  font-size: 150%;
  padding: 1em 0 1em 0;
}


#content-inner h2 {
  color: #999;
  font-size: 120%;
  padding: 1em 0 1em 0;
}

#content-inner p {
  margin: .5em 0 2em 0;
}

#content-inner ul {
  list-style: disc;

}

#content-inner ul li{
  margin: 0 0 0 2em;
}

#content-inner .bx-wrapper ul li{
  margin: 0 0 0 0em;
}

#content-inner table {
  border: 1px solid #000;
  width:80%;
}

#content-inner table tr {}

#content-inner table th, #content-inner table td {
  padding: 1em;
  border: 1px solid #000; 
}

#content-inner table th {
  background: #efefef;
  font-weight: bold;
}


#callout {
  width: 920px;
}

.col {
  border: 1px solid #FFF;
  float: left;
  margin:2em 3em 2em 3.5em;
  width:200px;
}

/*-------------------------------------------------------
FOOTER
------------------------------------------------------ */

#footer {
  background: #498cb1;
  color: #FFF;
  padding: 10px;
}

#footer-inner {
  line-height: 150%;
  margin:0 auto;
  width:960px;
}

#footer-inner a:link, #footer-inner a:visited {
  color: #FFF;
  text-decoration: none;
}

#footer-inner a:active, #footer-inner a:hover{
  color: #FFF;
  text-decoration: underline;
}

#footer-inner h4 {
  font-size: 120%;
}

#footer-inner .col-01 {
  float: left;
  margin: 0;
  width: 400px;
}

#footer-inner .col-02 {
  float:right;
  margin 20px;
  text-align: right;
  width: 400px;
}


/*-------------------------------------------------------
Photo Gallery
------------------------------------------------------ */

.photo-gallery-box {
  border: 1px solid #999;
  float: left;
  height: 133px;
  margin: 8px;
  padding:5px;
  width:202px;
}

.photo-gallery-image {
  border: 1px solid #333;
}
  
 .photo-gallery-image img{
   height: 133px;
   vertical-align: bottom;
   width: 100%;
}

.photo-gallery-caption {
  background: #87b8f4;
  color: #FFF;
  padding: .25em 0;
  text-align: center;
  border: 1px solid #333;
}

/*-------------------------------------------------------
AUTHOR
------------------------------------------------------ */

#author {
  font-size: 80%;
  margin: 30px auto;
  text-align: right;
  width:960px;

}

#author a:link, #author a:visited {
  color: #498cb1;
  text-decoration: none;
}

#author a:hover {
  color: #FFF;
  text-decoration: underline;
}