/********************************************************/ 
/*** Author : Cairns Web Design 
/*** URL :    www.cairnswebdesign.com.au  
/*** Client : All Occassions Affordable Catering
/********************************************************/ 


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

    Gold    : #ffcc33
    Green   : #006600

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



/*-------------------------------------------------------
GLOBAL
------------------------------------------------------ */

html {
  font-size:90%;
  font-family:Verdana, Geneva, sans-serif;
}

body {
  background-size: 100%;
  background: url(../images/site/bg-body.jpg) no-repeat center center fixed;
  margin:0;
  padding: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a img {
  border: none;
}



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

#header {
  background: url(../images/site/aoac-masthead-bg.jpg) repeat-x;
  border-bottom: 2px solid #FFF;
  border-top: 2px solid #FFF;
  margin: 10px 0 0 0;
}

#header-inner {
  margin: 0 auto;
  width: 800px;
}



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

#container {
  margin : 0 auto;
  padding: 0;
  width: 800px;
}



/*-------------------------------------------------------
FOCUS
------------------------------------------------------ */

#focus {} 

#fadeshow1 {
  margin: 0 auto;
  width: 800px;
}

/*-------------------------------------------------------
NAV
------------------------------------------------------ */

#nav {
  background: url(../images/site/aoac-masthead-bg.jpg) top center;
  border: 1px solid #006600; /* testing only */
  font-size: 90%;
} 

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

#nav-main {
  margin: 0 auto;
  text-align:center;
  width: 99%;
}
  
#nav-main ul li {
  display:block;
  float: left;
  letter-spacing: 1px;
  padding-left: .75em;
  padding-right: .75em;
}

#nav-main a:link, #nav-main a:visited {
  color: #ffcc33;
  text-decoration:none;
}

#nav-main a:active, #nav-main a:hover {
  color: #FFF;
  text-decoration:none;
}

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

#wrapper {
  background: #006600;
  clear:both;
  float:left;
  } 

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

#content {
  background: #FFF;
  background:#FFF;
  color:#666;
  float:left;
  font-size: 90%;
  padding: 20px;
  width: 460px;
}

h1 {
  color: #006600;
  font-size: 110%;
  font-weight: bold;
}

h2 {
  color: #006600;
  font-size: 110%;
  font-weight: bold;
}
  
#content a:link, #content a:visited {
  color: #37589d;
  text-decoration: none;
}

#content a:active, #content a:hover {
  color: #37589d;
  text-decoration: underline;
}
  
#content p {}

#content table td{
  padding:2px;
}

/*-------------------------------------------------------
SIDEBAR
------------------------------------------------------ */

#sidebar {
  margin-left: 500px;
  padding: 0px;
  width: 300px;
}


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

#footer {
  background: #006700;
  margin:0;
  padding:0;
}

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

#footer a:active, #footer a:hover{
  color: #38CC1B;
  text-decoration: underline;
}

#footer-1 {
  background: url(../images/site/bg-footer.jpg) repeat-x;
  color:#ffcc33;
  font-style: italic;
  letter-spacing: 3px;
  padding: 10px;
  text-align: center;
}

#footer-2 {
  background: #ffcc33;
  color:#006600;
  letter-spacing: 1px;
  padding: 1px;
  text-align: center;
}

#footer-3 {
  background: url(../images/site/bg-footer.jpg) repeat-x;
  color:#ffcc33;
  font-size: 70%;
  letter-spacing: 1px;
  padding: 2px;
  text-align: center;

}

/*-------------------------------------------------------
COPYRIGHT
------------------------------------------------------ */

#copyright {}

#copyright a {
  color: #8CC424;
  text-decoration:none;
}

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

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

#author {}

#author-inner {
  font-size: 80%;
  margin: 0 auto;
  text-align: right;
  width: 800px;
}

#author a {
  color: #98bc6e;
  text-decoration: none;
}

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



/*-------------------------------------------------------
GOOGLEMAP
------------------------------------------------------ */

#googlemap {
  float: right;
  font-size: 90%;
  letter-spacing: 1px;
  text-align: center;
}

#googlemap a {
  color: #FFF;
  text-decoration: none;
}

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

/*-------------------------------------------------------
CSS CLASSES
------------------------------------------------------ */

.clear {
  clear:both;
}

.center { 
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

img.float-left {
  float:left;
  margin:10px;
}

img.float-right {
  float:right;
  margin:10px;
}

.required {
  color: #CCC;
  font-size:80%;
  font-style: italic;
  font-weight:normal;
} 

.image-border {
  border: 1px solid #FFF;
}

.focus-border {
  border: 0px solid red;
}

.developers-comment {
  background: #000;
  border: 2px solid red;
  color: red;
  font-style: italic;
  padding: 5px;
}



.menu-box {
  float: left;
  margin: 0 0 20px 20px;
  width: 100px;
  min-height: 200px; /*min height */
}

.menu-box-image {}

.menu-box-text {
  font-size: 90%;
  text-align: center;
}


.testimonial {
  font-style: italic;
  border-bottom: 2px solid #EFEFEF;
  padding: 10px 10px 20px 10px;
/*  background: #EFEFEF;*/
}

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


.pricing {
  font-weight: bold;
  font-size: 18px;
}