/* css for galaxy gameworks */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}




/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


  html {
    background: #000;
  }
  body {
    background: url(images/body-bg.jpg) top center no-repeat #000;
    text-align: center;
  }
    #header, #main, #footer {
      text-align: left;
      margin: auto;
    }
    div#header {
      height: 190px;
      width: 890px;
      position: relative;
    }
      div#header h1 a {
        display: block;
        text-indent: -9000px;
        height: 163px;
        width: 383px;
        overflow: hidden;
        outline: none;
        background: url(images/h1.gif) top right no-repeat;
      }
      div#header ul, div#header li a {
        background: url(images/nav-sprite.gif) top right no-repeat;
        overflow: hidden;
      }
      div#header ul {
        position: absolute;
        top: 43px;
        right: 47px;
        height: 91px;
        width: 356px;
        padding-left: 5px;
      }
        div#header li {
          float: left;
          margin-top: 40px;
        }
        div#header li a {
          display: block;
          height: 42px;
          text-indent: -9000px;
        }
        div#header li.prev a {
          width: 18px;
          background-position: -5px -40px;
        }
        div#header li.prev a:hover {
          background-position: -5px -131px;
        }
        div#header li.next a {
          width: 18px;
          background-position: -338px -40px;
        }
        div#header li.next a:hover {
          background-position: -338px -131px;
        }
        div#header li.products a {
          width: 117px;
          background-position: -23px -40px;
        }
        div#header li.products a:hover, div#header li.products a.active  {
          width: 117px;
          background-position: -23px -131px;
        }
        div#header li.about a {
          width: 92px;
          background-position: -140px -40px;
        }
        div#header li.about a:hover, div#header li.about a.active {
          background-position: -140px -131px;
        }
        div#header li.contact a {
          width: 106px;
          background-position: -232px -40px;
        }
        div#header li.contact a:hover, div#header li.contact a.active {
          background-position: -232px -131px;
        }
    div#main {
      width: 826px;
    }
      div#main div.top {
        background: url(images/main-top-bg.gif) top center no-repeat;
        height: 7px;
        font-size: 1px; /* fix for ie6 */
      }
      div#main div.middle {
        background: url(images/main-middle-bg.jpg) top center repeat-y;
      }
      div#main div.bottom {
        background: url(images/main-bottom-bg.jpg) bottom center no-repeat;
        padding: 35px 50px 100px;
      }
      
      div#main #column-one {
        width: 510px;
        float: left;
      }
      div#main #column-two {
        margin-left: 545px;
      }
      
      div#main table#features-platforms {
        margin-bottom: 30px;
        width: 100%;
      }
      div#main table#features-platforms td {
        width: 50%;
        padding-right: 15px;
        font-size: 15px;
      }
      
      div#main table#product-grid {
        width: 100%;
        margin-bottom: 60px;
      }
      div#main table#product-grid th {
        background: #364B56;
        text-align: center;
        padding: 5px;
        font-size: 14px;
        text-transform: uppercase;
      }
      
      div#main table#product-grid tr.odd {
        background: #576871;
      }
      div#main table#product-grid td {
        padding: 8px 8px 8px 15px;
        text-align: center;
        border-left: 1px dotted #ccc;
        width: 22%;
        text-indent: -9000px;
        font-size: 15px;
      }
      div#main table#product-grid td.yes {
        background: url(images/tick-orange.png) center center no-repeat;
      }
      div#main table#product-grid td.feature {
        text-align: left;
        border: none;
        width: auto;
        text-indent: 0;
      }
      div#main table#product-grid tfoot td {
        background-color: #EF7804;
        text-indent: 0;
      }
      div#main table#product-grid tfoot td.feature {
        font-size: 18px;
        background: none;
        font-weight: bold;
      }
      
      div#main table#FAQ {
        width: 100%;
        margin-bottom: 60px;
      }
      
      div#main table#FAQ td {
        padding: 8px 8px 8px 24px;
        font-size: 15px;
        text-align: left;
        border: none;
        width: auto;
        text-indent: 0;
      }
      div#main table#FAQ td.Q {
        background: #576871 url(images/ul-bullet-disc.gif) no-repeat;
	background-position: 8px 50%;
      }
      
    
    div#footer {
      height: 100px;
      width: 827px;
      margin-top: 25px;
      padding-bottom: 100px;
    }
    
    div#footer div.bar {
      height: 43px;
      background: url(images/footer-bg.gif) 0 0 no-repeat;
      float: left;
    }
    
    div#footer div.bar p {
      padding: 13px 25px 0 0;
      margin-left: 25px;
      height: 43px;
      float: left;
      background: url(images/footer-bg.gif) top right no-repeat;
    }
    
    
/* =================== typography ====================== */

body {
  color: #FDF4E6;
  font-family: Arial, Helvetica, sans;
  font-size: 15px;
}

  div#main h1,
  div#main h2,
  div#main h3 {
    
    font-style: italic;
    margin-bottom: 7px;
  }
  div#main h1 {
    color: #FDA000;
    font-size: 26px;
  }
  
  div#main h2 {
    margin-top: 15px;
    font-size: 20px;
  }
  
  div#main p {
    line-height: 24px;
    margin-bottom: 15px;
  }
  
  div#main p.small {
    font-size: 13px;
    line-height: 16px;
  }
  
  div#main p.large {
    font-size: 21px;
    text-align: center;
    line-height: 35px;
  }
  div#main p.large a:link, div#main p.large a:visited {

    padding: 5px;
  }
  div#main a:link, div#main a:visited {
    color: #C0E9FF;
  }
  div#main a:hover {
    text-decoration: underline;
    color: #fff;
  }
  div#main ul, div#main ul li {
    list-style: url(images/ul-bullet-disc.gif);
    line-height: 22px;
  }
  
  div#main ul li {
    margin-left: 20px;
  }

div#footer {
  color: #FDEBD1;
  font-size: 15px;
}