@import url("reset.css");

/************************
	
	$Basic Styles
	  $Forms
  $Main Layout
	$Header
	$Content
	  $Additional Content
	$Footer
	
	$Flash Page
	
	$Accessibility Content
	$Temp Stuff
	
	***** Colors : *******
	red (headers, links, labels, etc): #d82920
	gray (paragraphs): #ababab
	
************************/

/* $Basic Styles */
	body
{
    background-position: url("../images/body_bg.png") repeat;
    background: url("../images/body_bg.png") repeat;
    font-family: "Trebuchet MS" , "lucida grande" , arial, sans-serif;
    font-size: 14px;
    color: #333333;
}
	h1, h2, h3, h4 {
	  font-weight: bold;
	  color: #d82920;
	}
  h1 a {
    display: block;
    position: absolute;
    width: 310px;
    height: 105px;
    background: transparent url("../images/logo.png") no-repeat top left;
    text-indent: -9999px;
  }
  h2 {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: bold;
}
h3 {
    font-size: 16px;
    margin: 25px 0 10px 0;
}
  p {
    margin-bottom: 5px;
    line-height: 1.5em;
  }
  p#tag_line {
    font-size: 18px;
    margin-bottom: 21px;
}
  blockquote {
    margin-bottom: 25px;
    font-size: 12px;
    text-align: center;
  }
  hr {
    display: none;
  }
  span.float_break {
    display: block;
    clear: both;
  }
  
  /* $Forms */
    label {
      display: block;
      color: #d82920;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 5px;
    }
    input {
      border: 1px solid #d0d0d0;
    }
    input.text_field {
      height: 16px;
      padding: 3px 0 2px 5px;
    }
    input.submit {
      border: none;
    }
  
/* $Main Layout */
  div#header, div#content,
  div#footer {
    width: 985px;
    margin: 0 auto;
  }
  div#header {
    height: 130px;
    background: url('../images/header_bg.png') no-repeat right top;
}
  div#content {
    width: 925px;
    padding: 10px 0 10px 60px;
    background: transparent url("../images/content_bg.png") repeat-y top right;
  }
  div#footer {
    clear: both;
    height: 55px;
    background: transparent url("../images/footer_top_bg.png") no-repeat top right;
    text-align: center;
  }
  
  
/* $Header */
  div#header a {
    color: #c4c4c6;
    font-size: 12px;
    line-height: 1.2em;
  }
  div#login
{
    position: relative;
    top: 4px;
    left: 619px;
    height: 70px;
    width: 38%;
}
  form#user_login {
    position: absolute;
    right: 0;
    width: 50%;
  }
  form#user_login legend {
    display: none;
  }
  form#user_login p {
    float: left;
    margin-right: 10px;
    line-height: 1;
  }
  span#forgotten_password {
    display: block;
    margin-top: 5px;
    text-align: right;
  }
  input#login_submit {
    margin-top: 18px;
    width: 96px;
    height: 23px;
    background: transparent url("../images/user_login_submit_bg.png") no-repeat top left;
    border: none;
  }
  
/* $Content */
  div#main_content {
    float: left;
    width: 610px;
  }
  
  /* $Additional Content */
    div#additional_content {
      float: right;
      width: 307px;
    }
    div#additional_content h2 {
      margin-top: 15px;
      padding-bottom: 5px;
      border-bottom: 1px solid #c4c4c6;
      font-size: 18px;
    }
    div#additional_content div, ul#main_navigation {
      margin: 0 25px;
    }
    div#additional_content div.full {
      margin: 0;
    }
    
  /* $Main Navigation */
    ul#main_navigation {
      width: 264px;
      margin-left: 20px;
      margin-bottom: 15px;
      background: transparent url("../images/main_navigation_bg.png") repeat-y top left;
    }
    ul#main_navigation li {      
      line-height: 1em;
      text-align: center;
      background: transparent url("../images/main_navigation_bg.png") repeat-y top left;
    }
    ul#main_navigation li.first {
      padding-top: 2px;
      background: transparent url("../images/main_navigation_top.png") no-repeat top left;
    }
    ul#main_navigation li.last {
      background: transparent url("../images/main_navigation_bottom.png") no-repeat bottom left;
      border: none;
    }
    ul#main_navigation a {
      display: block;
      margin: 0 1px;
      padding: 15px 0;
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid #be302a;
      text-indent: -9999px;
      width: 262px;
    }
    ul#main_navigation li.last a {
      border: none;
    }
    li#main_navigation_trial a {
      background: transparent url("../images/main_navigation_trial.png") no-repeat center center;
    }    
    li#main_navigation_purchase a {
      background: transparent url("../images/main_navigation_purchase.png") no-repeat center center;
    }
    li#main_navigation_forums a {
      background: transparent url("../images/main_navigation_forums.png") no-repeat center center;
    }
    li#main_navigation_subscription a {
      background: transparent url("../images/main_navigation_subscription.png") no-repeat center center;
    }
    
  /* New Menu */
    div#additional_content div#main_navigation { text-transform: uppercase; margin-bottom: 15px; margin: 0 0 15px 25px;}
    div#dtree_0div tr { border: none !important; }
    div#dtree_0div td { text-align: center; margin: 0}
    div#dtree_0div td span { display: block; height: 27px; line-height: 27px !important;
        padding: 7px 0; border-bottom: 1px solid #c43d36; width:262px; margin: 0 auto; }
    div#dtree_0div td table span { margin: 0 auto; border: none; height: 1.2em; line-height: 1.2em !important;}
    div#dtree_0div td table td { }
    div#dtree_0div td img { display: none !important; }

/* $Footer */
  div#footer a, div#footer li {
    color: #000;
    font-size: 12px;
    text-decoration: none;
  }
  div#footer ul {
   padding-top: 25px;
  }
  div#footer li {
    display: inline;
  }
  
/* $Flash Page */
  /* Adjustments */
  body#flash_page {
    background: #a11b1b url("../images/flash_page_body_bg.jpg") repeat-x top left;
  }
  body#flash_page div#header {
    height: 116px;
    background-image: url("../images/flash_page_header_bg.png");
  }
  body#flash_page div#content {
    padding: 0;
    background: transparent;
  }
  

/* $Accessibility Content */
	ul#page_navigation {position:absolute; top:-9999px;}
	h1 a {text-indent: -9999px;}
	
/* $Temp Stuff */
  div#content {
    min-height: 400px;
  }
  
/*********************************************************
         (\____/)
          (_oo_)        
            (O)     
          __||__    \)
       []/______\[] /
       / \______/ \/
      /    /__\
     (\   /____\

This file was generated by one of the squads code robots:
dave@thesquad.com.au
**********************************************************/
.lbox1
{
    width: 85px;
    height: 76px;
    float: right;
    right: 10px;
   
}  
.lbox2
{        
    width: 153px;
    height: 75px;
    float: left;
}