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


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

    Color   : #
    Color   : #
    Color   : #

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



/*-------------------------------------------------------
GLOBAL
------------------------------------------------------ */
body {
  background: #000;
  font-family: "Century Gothic",Arial;
  letter-spacing: 1px;
  margin: 0px;
  padding: 0px;
  background-color: #CEE1FF;
  background-image: url('../images/site/bg.jpg');
}

a img {
  border: none;
}

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


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

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

/*-------------------------------------------------------
TITLE
------------------------------------------------------ */

#title {
  background-color: #0066CB;
  background-image: url('../images/site/title-bg.jpg');
  color: #FFFFFF;
  text-align: center;
  line-height: 3em;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;

  margin-top: 1em;

  font-size: 120%;
  letter-spacing: 2px;

}

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

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

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

#nav-wrapper {
    background: #498cb1 url('../images/site/title-bg.jpg');
    border-bottom: solid 1px #FFF;
    border-top: solid 1px #FFF;
    margin: 0 auto;
    /*max-width: 1000px;*/
    max-width: 1200px;

}

nav {
  list-style: none;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  /*max-width: 960px;*/
  max-width: 1200px;
}

nav li {
  float: left; 
}

nav li:first-child {
  border-left: 1px solid #ccc; 
  margin : 0;
  /*margin: 0 0 0 -1.2em; */
/*  margin: 0 0 0 14.5em;*/
}

nav li:last-child {
  border-left: 1px solid #ccc; 
  margin : 0;
  /*margin: 0 0 0 -1.2em; */
/*  margin: 0 0 0 14.5em;*/
}

nav li a {
  border-right: 1px solid #ccc; 
  color: #FFF;
  display: block;
  padding: 16px 11px;
  text-decoration: none;
}

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

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

#wrapper {
  margin: 0 auto;
  width: 1000px;
}

/*-------------------------------------------------------
SOCIAL MEDIA
------------------------------------------------------ */
#socialmedia {
  text-align:center;
  float:right;
  margin: 2em 0 1em 0;
}

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

#content {
  line-height: 160%;
  background: #FFF;
  } 

/*-------------------------------------------------------
SLIDER
------------------------------------------------------ */

#slider {
  margin: 0 auto;
  width: 980px;
  } 



/*-------------------------------------------------------
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: 120%;
  padding: 1em 0;
  font-weight: bold;
}


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

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

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

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

}

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

#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:1em 1em 1em 1.5em;
  width:140px;
}

.taglines {
  color: #FD7F33;
  font-size:120%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.menu-box-wrapper {
      width: 90%;
}

.menu-box {
  float: left;
  height:20em;
  margin: 0 0 20px 10px;
  width: 200px;
}

.menu-box-image {}

.menu-box-text {
  text-align: center;
}

.menu-box-text a:link, .menu-box-text a:visited, .menu-box-text a:hover {
  color: blue !important;
}
.blue {
  color: #51A4FF;
  font-weight: bold;
}

.col-02 {
      float: left;
      padding: 1em;
      margin: 0 0 0 3em;
}

.content-inner-div {
  border: 1px solid none;
  margin: 5px 5px;
  padding: 5px;
  float: left;
  width: 30%;
}


.bold { 
  font-weight: bold}

  .box-highlight {
    background: #efefef;
    border:  1px solid #ccc;
    font-style:italic;
    font-weight: bold;
    margin:  0 auto;
    padding:  12px;
    width: 80%;
  }

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

#footer {
  background: #263e56 url('../images/site/footer-bg.jpg') no-repeat;
  color: #FFF;
  padding: 10px;
  width: 980px;
  margin: 0 auto;
}

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

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

#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;
  max-width: 400px;
}

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

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

#footer02 {
  color: #FFFFFF;
  clear: both;
  background-color: #0066CB;
  text-align: center;
  line-height: 3em;
  font-size: 120%;
  letter-spacing: 2px;
  background-image: url('../images/site/title-bg.jpg');
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/*-------------------------------------------------------
Photo Gallery
------------------------------------------------------ */
.gallery-box {
  background: #EFEFEF;
  border: 1px solid #999;
  float: left;
  margin: 0 0 20px 20px;
  width: 200px;
}

.gallery-box-image {}

.gallery-box-image a {
  border: none;
}


.gallery-box-title {
  text-align: center;
  font-style: italic;
  font-size:90%;
  padding: 0 3px;
  height: 60px; /* Check to see if compatible with other browsers */
  border-top: 1px solid #999;
}


.testimonial-box {
  width:80%;
  margin: 0 auto;
  }

.testimonial-comment {
  text-align: justify;
}

.testimonial-signature {
  text-align: right;
  font-weight: bold;
  font-style: italic;
}

.testimonial-divider {
  background: url('../images/site/hr.png') no-repeat center top;
  height: 3em;
  padding: 0 0 3em 0;
}






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

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

}

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

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