/*
### FireByWire Stylesheet ###
--                           

### Page And Content General Style Rules ###
*/

html, body { 
              
   margin: 0;
   padding: 0;
   background: #81A0C8;
   font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #FFFFFF;
}

a:link, a:visited {

   text-decoration: none;
   color: #FF8000;
}

a:hover {

   text-decoration: underline;
}

a.blue:link, a.blue:visited {

   text-decoration: none;
   color: #81A0C8;
}

a.blue:hover {

   text-decoration: underline;
}

a img {
   border: none;
}

img.block {

   display: block;
}

h1 {

   font: 15px bold Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #FFFFFF;
   margin: 0 0 10px 0;
}

h2 {

   font: 14px bold Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #81A0C8;
   margin: 25px 0 10px 0;
}

.orange-highlight {

   font-weight: bold;
   color: #FF8000;
   margin: 0;
   padding: 0 0 0 5px;
}

.bold {

   font-weight: bold;
}

.vert-margin-top {
   margin: 10px 0 0 0;
}

.vert-margin-top-bottom {
   margin: 10px 0 10px 0;
}

.left-margin {
	margin: 0 0 0 20px;
}

.align-right {
   text-align: right;
}


table#contact {

   margin: 0 0 10px 0;
}

table#contact td {

   vertical-align: top;
   padding: 0 10px 5px 0;
}


table.products {

   margin: 0;
}

table.products td {

   vertical-align: top;
   padding: 10px 10px 0 0;
}


table.basket, table.licences {

   margin: 20px 0;
}

table.basket td, table.licences td {

   padding: 0px 20px 10px 0;
}

table.basket td input, table.licences {

   width: 100%;
}


form ol {

   list-style: none;
   margin: 20px 0;
   padding: 0;
}

form label {

   margin: 0;
   padding: 0 10px 0 0;
}

form fieldset {

   border: 0;
   margin: 0;
   padding: 0;
}

form fieldset.submit {

   margin: 0 0 50px 0;
   padding: 0 0 0 160px;
}

form fieldset ol li {

   padding: 0 0 10px 0;
}

form fieldset ol li label {

   display: block;
   float: left;
}

form fieldset ol li label.wide {

   width: 150px;
}

form ul.menu li {

   padding: 0 0 10px 0;
}

/* ### Page Structure Rules ### */

div#masthead-container {

   height: 176px;
   background: #161A20 url(../images/assets/containers/banner-tile.gif);
}

div#masthead {

   position: relative;    
   margin: 0 auto; 
   width: 728px;  
   font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #FFFFFF;
}

div#masthead a:link, div#masthead a:visited {
        
   text-decoration: none;
   color: #FFFFFF;
   display: block; 
}

div#masthead a:hover {
   
   text-decoration: underline;  
   display: block;
}

div#fbw-logo {
   
   position: absolute;
   top: 0px;
   left: 0px;
}

div#fbw-masthead {
   
   position: absolute;
   top: 0;
   left: 142px;
} 

div#main-menu-home {
   
   position: absolute;
   top: 125px;
   left: 308px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-left-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#main-menu-products {
        
   position: absolute;
   top: 125px;
   left: 378px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-middle-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#main-menu-resources {
        
   position: absolute;
   top: 125px;
   left: 448px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-middle-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#main-menu-clients {

   position: absolute;
   top: 125px;
   left: 518px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-middle-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#main-menu-forum {

   position: absolute;
   top: 125px;
   left: 588px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-middle-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#main-menu-contact {

   position: absolute;
   top: 125px;
   left: 658px;
   width: 70px;
   height: 20px;
   background: url(../images/assets/menu/menu-right-idle.gif) no-repeat;
   text-align: center;
   padding: 5px 0 0 0;
}

div#gradient-tile-container {
        
   width: 100%;
   height: 240px;
   background: #81A0C8 url(../images/assets/containers/bgtile-top.jpg) repeat-x;
}

div#relative-container {
   
   position: relative;
   width: 728px;
   margin: 0 auto;
   background: #18202C;       
   padding: 60px 0 0 0;
}

div#strapline {
   
   position: absolute;
   top: 0;
   right: 0; 
}

div#basket {
   
   position: absolute;
   top: 0;
   left: 50px; 
}

div.content-curve {

   margin: 0 auto;
   width: 687px;
}

div#content {

   background: #232D3C;
   margin: 0 auto;
   width: 643px;
   padding: 0 20px;
   height: 100%;
   letter-spacing: 0.01em;
   line-height: 1.5;
}

div#relative-container-curve {

   width: 728px;
   margin: 0 auto;
   padding-bottom: 40px;      
}

div#footer {      

   font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
   text-align: center;
   margin: 10px 0 0 0;
}

div.centered {
   text-align: center;
}