/* --------------------- STUDIO CONNECTIONS STYLE SHEET --------------------- */
/*                                                                            */
/*    Description: Styles common to all main pages                            */
/*         Client: Cloud Studios - info@cloudstudios.com                      */
/*        Website: www.cloudstudios.com                                       */
/*         Author: Colin Abrahams - colin@studioconnections.net.au            */
/*      Copyright: 2008 Colin Abrahams, Studio Connections                    */
/*       Location: Wyong, NSW, Australia                                      */
/*        Version: SC-5.8                                                     */
/*   Last Updated: 2008-11-25                                                 */


@media all {

  body {
    margin: 0px;
    background-color: #FFFFFF;
  }

  h1 {
    margin: 0px 0px 15px 0px;
    line-height: 42px;
    font-family: "avant garde book bt", "century gothic", arial, helvetica,
                 sans-serif;
    font-size: 36px;
    font-weight: normal;
    color: #6F6F6F;
  }

  h2 {
    margin: 0px 0px 0.5em 0px;
    line-height: 1.2em;
    font-family: "avant garde book bt", "century gothic", arial, helvetica,
                 sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #89A5CC;
  }

  h3 {
    margin: 0px 0px 0.5em 0px;
    line-height: 1em;
    font-family: "avant garde book bt", "century gothic", arial, helvetica,
                 sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #89A5CC;
  }

  h4 {
    margin: 0px 0px 0.5em 0px;
    line-height: 0.81em;
    font-family: "avant garde book bt", "century gothic", arial, helvetica,
                 sans-serif;
    font-size: 0.81em;
    font-weight: normal;
    color: #89A5CC;
  }

  .Norm {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #000000;
  }

  p {
    margin: 0px 0px 0.5em 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #000000;
  }

  blockquote {
    margin: 0px 60px 0.5em 60px;
    font-family: "comic sans ms", cursive;
    font-size: 0.69em;
    color: #000000;
  }

  pre {
    margin: 0px 0px 0.5em 0px;
    font-family: "courier new", courier, monospace;
    font-size: 0.75em;
    color: #0055CC;
  }

  ol, ul {
    margin: 0px 0px 0px 60px;
  }

  ul {
    list-style-image: url("Dot.gif");
  }

  li {
    margin: 0px 0px 0.5em 0px;
  }

  code {
    font-family: "courier new", courier, monospace;
    font-size: 1.05em;
    color: #89A5CC;
  }

  a {                              /* Underlined and normal weight by default */
    font-weight: bold;
    text-decoration: none;
  }

  a:link, a:visited {
    color: #673F0C;
  }

  a:hover {
    color: #9C5B00;
    text-decoration: underline;
  }

  a:active {
    color: #FF7D02;
  }

  .AmbHeading {
    position: absolute;
    top: 30px;
    left: 7px;
    color: #FFFFFF;
  }

  #Ambience img {
    margin-bottom: 15px;
  }

  .Button {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #000000;
  }

  .FootLink small {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #6F6F6F;
  }

  .FootLogo small{                                            /* Bold in HTML */
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #F04900;
  }

  .Hilite {                                                   /* Bold in HTML */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #CC9966;
  }

  .HotHead {
    margin: 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #89A5CC;
    background-color: #89A5CC;
    padding: 0px 10px 0px 10px;
  }

  .HotHead big {
    line-height: 19px;
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    color: #FFFFFF;
  }

  .HotBox {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #89A5CC;
    padding: 5px 10px 5px 10px;
  }

  .HotText {
    line-height: 14px;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
  }

  .HotText big {
    line-height: 14px;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
  }

  .HotText small {
    line-height: 12px;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
  }

  .HotSpace {
    line-height: 5px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #89A5CC;
    font-size: 5px;
  }

  .Info small {                        /* Italic inJavaScript generated  HTML */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.63em;
    color: #89A5CC;
  }

  .MiniMenu {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #000000;
  }

  #MiniTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.69em;
    color: #FF7D02;
  }

  .Space5 {
    line-height: 5px;
    font-size: 5px;
  }

  .Space10 {
    line-height: 10px;
    font-size: 8px;
  }

  .Space15 {
    line-height: 15px;
    font-size: 12px;
  }

  .SpaceV {
    line-height: 15px;
    font-size: 12px;
  }

  .Waffle small {                                             /* Bold in HTML */
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 0.63em;
    color: #000000;
  }

  .WrapRight {
    clear: both;
    float: left;
    padding: 0px 15px 5px 0px;
  }

  .WrapLeft {
    clear: both;
    float: right;
    padding: 0px 0px 5px 15px;
  }
}


/* Screen only styles ------------------------------------------------------- */

@media screen {

  body {
    background-color: #999999;
  }

  h2 {
    background: url("H2BackGnd.gif") no-repeat;
  }

  #Ambience {
    line-height: 60px;
  }

  #Ambience img {
    position: absolute;
    top: 8px;
    left: 23px;
  }

  .AmbHeading {
    top: 35px;
    left: 30px;
  }

  .Box {
    background: url("PanelBot.gif") no-repeat left bottom;
    padding-bottom: 25px;
  }

  .BoxA {
    display: block;
    background: url("PanelTop.gif") no-repeat left top;
    padding: 15px 30px 0px 30px;
    width: 723px;
  }

  .Feat1 {
    background: url("FeatureBot.gif") no-repeat left bottom;
    padding-bottom: 10px;
  }

  .Feat1A {
    display: block;
    background: url("FeatureTop.gif") no-repeat left top;
    padding: 10px 10px 1px 10px;
  }

  .Feat1 h2 {
    background: none;
    color: #FFC000;
  }

  .Feat1 h1, .Feat1 p, .Feat1 .Norm {
    color: #FFFFFF;
  }

  .Feat1 ul {
    list-style-image: none;
  }

  .Feat1 a:link, .Feat1 a:visited {
    color: #CC9900;
  }

  .Feat1 a:hover {
    color: #FFCC00;
  }

  .Feat1 a:active {
    color: #FF6666;
  }

  .FeatureBox {
  }

  .Feature {
    float: right;
    background-color: #333333;
    padding: 10px;
  }

  .Feature h2 {
    background: none;
    color: #CC9900;
  }

  .Feature h3 {
    color: #CC9900;
  }

  .Feature h4 {
    color: #9C5B00;
  }

  .Feature b {
    color: #9C5B00;
  }

  .Feature p, .Feature .Norm, .Feature b {
    color: #E5E3D1;
  }

  .Feature ul {
    list-style-image: url("DotGreen.gif");
  }

  .Feature a:link, .Feature a:visited {
    color: #CC9900;
  }

  .Feature a:hover {
    color: #FFCC00;
  }

  .Feature a:active {
    color: #FF0000;
  }

  .Feature .WrapRight {
    padding: 0px 10px 0px 0px;
  }

  .Feature .WrapLeft {
    padding: 0px 0px 0px 10px;
  }

  .HomeSpace {
    background-color: #F0F0F0;
    line-height: 15px;
    font-size: 12px;
  }

  .Footer {
    height: 25px;
    background: url("MiniBarM.gif") no-repeat left top;
    padding: 0px 30px 0px 30px;
  }

  .FootLogo {
    padding: 2px 0px 2px 0px;
    line-height: 11px;
  }

  #Gallery {
    position: relative;
    left: 7px;
  }

  #Gallery p, #Gallery div {
    color: #606060;
  }

  .Button {
    float: left;
  }

  .Button a {
    float: left;
    cursor: pointer;
    text-decoration: none !important;
  }

  .Button a .Span1 {
    float: left;
    background: url("../Styles/BTRP16L.gif") no-repeat;
    background-position: 0px 0px;
    padding-left: 7px;
  }

  .Button a.Dep .Span1 {
    background-position: 0px -16px;
  }

  .Button a .Span2 {
    float: left;
    background: url("../Styles/BTRP16R.gif") no-repeat;
    background-position: 100% 0px;
    padding: 2px 7px 2px 0px;
    line-height: 12px;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #673F0C;
  }

  .Button a.Sel .Span2 {
    color: #9C5B00;
  }

  .Button a.Dep .Span2 {
    background-position: 100% -16px;
    padding: 3px 6px 1px 1px;
    color: #FF7D02;
  }

  .MiniHeader {
    margin: 0px;
    height: 25px;
    background: url("MiniBarM.gif") no-repeat left top;
    padding-left: 30px;
  }

  #MiniTitle {
    float: left;
    width: 284px;
    padding: 1px 0px 1px 0px;
    line-height: 13px;
    font-size: 12px;
  }

  .MiniBDL {
    float: left;
    width: 2px;
    background: url("MiniBDL.gif") no-repeat right top;
    padding: 4px 0px 4px 0px;
    line-height: 7px;
    font-size: 5px;
  }

  .MiniBDR {
    float: left;
    width: 2px;
    background: url("MiniBDR.gif") no-repeat left top;
    padding: 4px 0px 4px 0px;
    line-height: 7px;
    font-size: 5px;
  }

  .MiniMenu a, .FootLink a {
    float: left;
    cursor: pointer;
    background: url("MiniBTR.gif") no-repeat;
    background-position: 100% 0px;
    text-decoration: none;
  }

  .MiniMenu a.Dep, .FootLink a.Dep {
    background-position: 100% -17px;
  }

  .MiniMenu a span, .FootLink a span {
    float: left;
    background: url("MiniBTL.gif") no-repeat;
    background-position: 0px 0px;
    padding: 2px 10px 2px 10px;
    line-height: 11px;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 9px;
    color: #673F0C;
  }

  .MiniMenu a.Sel span, .FootLink a.Sel span {
    color: #9C5B00;
  }

  .MiniMenu a.Dep span, .FootLink a.Dep span {
    background-position: 0px -17px;
    padding: 3px 9px 1px 11px;
    color: #FF7D02;
  }

  .MiniSep {
    display: none;
  }

  .SpaceV {
    display: none;
  }

}


/* Print only styles ------------------------------------------------------- */

@media print {

 .FootLink {
    display: none;
  }

  .MiniMenu {
    display: none;
  }

}