<!--

* {
    margin:0;
    padding:0
    }
    
html, body {
    height:100%;
    min-width:1024px;
    min-height:510px;

    }

body {
    margin:0;
    padding:0;
    background:#333333 url(../images/base_hf_bg.jpg) repeat-x 0 0;
    }

a {
    text-decoration:none;
    color:#FF4800
    }

form {
    margin:0;
    padding:0
    }

img {
    border:0
    }

hr {
    margin:20px 0
    }

/* -- layout -- */


.beta {
    width:100px;
    height:100px;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/beta.png)
    }

#accessibility_tab {
    background:#696969;
    padding:5px;
    border-left:1px solid #CCC
    }

#accessibility_tab p {
    padding:0;
    margin:0;
    }

#accessibility_tab a {
    margin-right:10px;
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.8em;
    text-decoration:none
    }
 


    
#container {
    width:100%;
    margin:0 auto;
    height:100%;
    border:0;
    border-collapse:collapse;
    }
    
#header, #content {
    vertical-align:top
    }
    
    

#header {
    height:255px;
    background: url(../images/base_bg.jpg) no-repeat top center
    }


#header .inner {
    padding-top:133px;
    background:url(../images/header_arrow.jpg) no-repeat center 132px
    }

#header img {
    width:250px;
    margin:30px 0 0 0;

    }

#navigation_top {
    float:right;
    height:116px;
    width:110px;
    }
    
#navigation_top a {
    text-decoration:none;
    font-size:1.3em;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#09D6DE;

    display:block;
    text-align:right;
    border-right:4px solid #141414;
    margin:0 2px 0 0;
    padding:0 10px 4px 0
    }

#navigation_top a:first-Child {
    padding:15px 10px 4px 0
    }
    
#navigation_top a:hover {
    color:#F47121;
    border-right:4px solid #F47121;
    }

#header h1 {
    float:left;
    width:250px;
    margin:15px 0 0 20px; 
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:normal;
    color:#EEE;
    font-size:1.3em;
    line-height:120%
    }
    
#crumbs {
    background:#696969;
    line-height:30px;
    padding: 0 0 0 10px
    }
    
#crumbs a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;

    }

#border {
    border:1px solid #CCCCCC;
    border-width:0 1px 1px 1px;
    }
    
#content {
    background: url(../images/base_center.jpg) repeat-y center;
    }

.inner {
    overflow:hidden;
    width:1024px;
    margin:0 auto
    }

#content .inner {
    width:800px;
    }

#content p,
#hero-content p {
    margin:10px 0 10px 0
    }

#navigation_bar {

    margin:20px 0 0 0;
    width:804px;
    margin:0 auto;
    background:#F47121;
    border:1px solid #141414;
    text-transform:uppercase;
    font-size:0.9em
    }


    
#navigation_bar li {
    display:inline;
    margin:0 0 0 10px;
    line-height:26px
    }

#navigation_bar a {
    color:#141414;
    text-decoration:none;
    font-weight:bold
    }
    
#search_display {
    margin:20px 0 0 0;
    }

#blackout {
    position:absolute;
    background:#000;
    z-index:1;
    top:0;
    left:0
    }

#canvas {
    position:absolute;
    background:#FFF;
    z-index:2;
    width:500px;
    padding:10px
    }
    
#canvas textarea {
    width:500px;
    margin:0;
    height:260px
    }

#canvas input[type=submit] {
    margin:10px 10px 0 0
    }
    

#footer {
    overflow:hidden;
    clear:both;
    height:255px;
    background: url(../images/base_hf_bg.jpg) repeat-x bottom;

    }

#footer .inner {
    height:255px;
    background: url(../images/base_bg.jpg) no-repeat bottom center;
    }

#footer .inner b {
    margin:65px 114px 0 0;
    letter-spacing:1px;
    color:#000;
    float:right;
    text-transform:uppercase;
    font-size:0.9em;
    }


#tree {
    position:absolute;
    z-index:2;
    background:url(../images/global_assets.png) no-repeat 120px bottom;
    width:200px;
    height:250px;
    }

ul.tree_sub {
    position:absolute;
    z-index:3;
    list-style:none;
    background:#F47121;
    padding:0 0 0 15px;
    border:1px solid #151515;
    border-left:0;

    overflow:hidden;
    white-space:nowrap
    }
    
    
    
ul.tree_sub li {
    display:inline
    }
    
ul.tree_sub li a {
    color:#FFF;
    margin-right:10px;
    font-weight:bold;
    line-height:22px;
    text-decoration:none
    }

#tree_about, #tree_help, #tree_legal {
    position:absolute;
    z-index:4;
    font-weight:bold;
    text-transform:uppercase;
    background:url(../images/global_assets.png) no-repeat center center;
    text-align:center;
    }

#tree span a {
    line-height:60px;
    display:block;
    text-decoration:none;
    color:#FFF;
    text-shadow: #000000 0 0 1px;
    letter-spacing:2px;
    font-size:1.4em;
    width:60px;
    }

#tree_about {
    margin:60px 0 0 80px
    }

#tree_help {
    margin:0 0 0 120px
    }
    
#tree_legal {
    margin:80px 0 0 165px
    }    



/* -- intro -- */

#ribbon {
    margin-top:40px;
    width:100% ; 
    height:300px ; 
    background: url(../images/main_bg_big.png) no-repeat center center;
    cursor:pointer;
    position:absolute;
    left:0
    }

/* - promo -- */

#promo {
    width:800px;
    margin:0 auto
    }

#promo .col_2 {
    width:21%;
    padding-left:4%;
    text-align:center;    
    }
 
#promo img {
    background:#777;
    padding:10px;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    margin:10px 0
    }
    
/* -- text -- */

body, 
td, 
input, 
textarea, 
select {
    font: normal normal normal 11px/140% "Century Gothic", Futura, "Trebuchet MS", Verdana, Helvetica, Arial, Sans;
    }

body, 
td, 
input {
    color:#CCC
    } 
    
/* -- headers -- */

h1 {
    font-size:2.0em
    }
    
h2 {
    font-size:1.8em
    }

h3 {
    font-size:1.6em
    }
    
h4 {
    font-size:1.4em
    }
    
h5 {
    font-size:1.2em
    }

.fx_header {
    font-family:"century gothic","trebuchet ms", helvetica;
    color:#FFF;
    letter-spacing:10px;
    padding:0 0 10px 0;
    }
 

 
/* -- forms -- */

.formwrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.formwrap .left {
    clear:both;
    width:38%;

    }

.formwrap .right {
    width:62%;
    }

.formwrap .left, .formwrap .right {
    line-height:22px;
    margin:1px 0 0 0;
    }
     
input[type=text], 
input[type=password], 
input[type=file],
textarea{
    border:3px solid #696969;
    background:#696969;
    width:300px;
    color:#FFF;
    font-weight:bold
    }

.formwrap textarea {
    font-weight:normal;
    height:80px
    }

.formwrap input[type=text].s {
    width:30px;
    text-align:center
    }

.formwrap input[type=text].ms {
    width:100px;
    text-align:center
    }
    
.formwrap input[type=text].color_picker {
    width:90px;
    background:#FFF url(../images/rainbow.png) no-repeat 4px center;
    padding:4px;
    border:0;
    color:#000;
    text-indent:22px;
    font-weight:bold;
    font-size:1.1em;
    letter-spacing:1px
    }

.formwrap .date input[type=text] {
    width:30px;
    text-align:center;
    margin:0 1px 0 0
    }
    
.formwrap b {
    color:#A00000;
    font-weight:normal;
    font-size:0.9em;
    line-height:14px;
    margin:5px 0;
    display:block
    }

.formwrap b.error {
    display:none
    }

.formwrap input[type=text].error_border, 
.formwrap input[type=password].error_border,
.formwrap select.error_border,
.formwrap textarea.error_border {
    border:4px solid #303030;
    background:#303030;
    color:#FFF
    }


    
.required {
    color:#C00000
    }

textarea.code {
    width:96%;
    height:500px;
    background:#FFF;
    padding:10px;
    display:block;
    margin:0 auto;
    font-family:"courier new";
    font-size:1.0em;
    font-weight:bold;
    color:#000
    }
    
/* -- tables -- */


table.tblwrap {
    background:#222;
    margin:10px 0 0 0;
    padding:10px;
    border:0;
    width:100%;
    }

table.tblwrap td {
    padding:4px;
    font-size:0.9em
    }

table.tblwrap td.td_s {
    width:20px;
    text-align:center;
    padding:2px
    }

table.tblwrap td.td_s img,
.option_right img {
    background:#eee;
    padding:3px;
    margin:2px;
    border:1px solid #000;
    width:16px;
    height:16px
    }

table.tblwrap td.td_ms {
    width:45px;
    text-align:center;
    }
    
table.tblwrap td.td_m {
    width:80px;
    text-align:center
    }

table.tblwrap td.td_ml {
    width:150px;
    text-align:center
    }
    
table.tblwrap td.td_h {
    font-weight:bold;
    text-align:center
    }    

table.alternate tr {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;    
    }

table.tblwrap td.td_img {
    border:1px solid #CCC;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em; 
    }


/* -- parent child -- */

.show_parent {
    cursor:pointer
    }

tr.show_child td ol {
    font-size:1.1em;
    line-height:1.6em
    }
    
/* -- panel -- */

.panel {
    clear:both;
    margin:0 0 10px 0
    }


.panel span {
    background:#141414;
    overflow:hidden;
    display:block;
    clear:both;
    padding:  10px;
    margin:0 0 10px 0
    }

.panel ul {
    margin:10px 0 0 0;
    float:right;
    padding:0;
    text-transform:uppercase;
    font-size:0.8em;
    letter-spacing:1px
    }
    
.panel ul li {

    float:left;
    display:block;
    color:#141414;
    font-weight:bold;
    background:#09D6DE no-repeat 8px 5px;
    border:1px solid #141414;
    border-bottom:0;
    padding:5px 15px 5px 10px;
    margin:14px 0 0 -15px;
    -moz-border-radius-topleft:1em;
    -webkit-border-top-left-radius:1em;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
    z-index:0;
    position:relative
    }


.panel ul li:first-Child {
    margin:14px 0 0 0
    }
    
.panel ul li.on {
    color:#09D6DE;
    background-color:#141414;
    cursor:default;
    margin:0 0 0 -15px;
    height:30px;
        padding:5px 10px 5px 10px;
    z-index:1
    }

input[type=submit] {
    background:#141414;
    border:5px solid #141414;
    font-weight:bold;
    }

/* -- member bar: log in form -- */

#member {
    margin:0 0 0 576px;
    width:270px;
    height:221px;
    color:#FFF;
    position:absolute;
    z-index:1
    top:0px;
    background:url(../images/global_assets.png) no-repeat center top
    }

#member a {
    color:#F0F0F0;
    margin:0 15px 0 0;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-decoration:none;
    font-size:0.9em
    }
#member .member_inner {
    white-space:no-wrap;
    margin:160px 0 0 30px
    }
    
#log-in-form, #lost-password-form {


    z-index:101;
    overflow:hidden;
    }
    
#log-in-form {
    padding-bottom:10px
    }
    
#member input {
    float:left
    }
    
#member input[type=text] , #member input[type=password] {
    width:70px;
    margin:5px 10px 0 0;
    background:#EEE;
    border:3px solid #EEE;
    color:#141414
    }

#log-in-form .overtext, #lost-password-form .overtext {
    color:#999;
    font-weight:bold;
    }
    
#log-in-form div, #lost-password-form div {
    width:346px;
    }

#lost-password-form-wrapper, #log-in-form-wrapper {
    position:absolute;
    z-index:101;
    width:350px;
    margin:5px 0 0 1px;

    }

/* -- columns -- */

.col_wrap {
    margin:10px 0 0 0;
    overflow:hidden;
    clear:both;
    }

.col_2 {
    width:50%;
    float:left;
    overflow:hidden;
    }

.col_2_t {
    width:450px
    }

.panel .col_2 {
    width:50%
    }
    
.col_3 {
    width:33%;
    float:left;
    }

.col_4 {
    width:25%;
    float:left;
    }
    
.col_nm {
    margin:0;
    float:left;
    }

.col_wrap .tblwrap {
    margin:0
    }

#main_a, #main_b, #main_c {
    padding: 45px 15px;
    color:#0A4C4F
    }

#main_a {
    padding-top: 19px;
    }
#main_a .fx_header{
	height:42px;
	line-height:1.2em;
    }
#main_a a, #main_b a, #main_c a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none
    }
 
/* -- sidebars -- */

.navigation_left, .navigation_right {
    width:150px;
    list-style:square;
    font-weight:bold;
    padding:0 20px;
    line-height:20px
    }

.navigation_right ul {
    padding:0;
    margin:0;
    list-style:none;
    }

.block_left {
    width:200px;
    margin-right:20px;
    float:left
    }

.block_right {
    width:200px;
    margin-right:20px;
    float:right
    }
    
.block_left span, .block_right span {
    display:block;
    padding:1px 10px;
    background:#DDD;
    margin:0 0 20px 0
    }
    
/* -- image display -- */



.img_thumb p {
    width:58px;
    height:58px;
    float:left;
    margin:10px 10px 0 0;
    background:#FFF no-repeat center center;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border:1px solid #FFF;
    cursor:pointer
    }

.img_thumb p.on  {
    border:1px dashed #C00000;
    background-color:#f9dcd4
    }

/* -- solutions -- */

.solutions h4 {
    margin-top:5px;
    color:#F47121
    }

.solutions h1 {
    margin-top:10px;
    color:#F47121
    }
    
.solutions p {
    margin:10px 0 0 0
    }

.solutions .pad {
    padding:20px 40px;
    text-align:justify
    }


/* -- success -- */    

.success {
    text-align:center;
    margin-top:40px
    }

.success img {

    background:#777;
    padding:8px;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -webkit-box-shadow: 0 0 16px #000;
    -moz-box-shadow: 0 0 16px #000;
    margin:5px 0
    }

/* -- success page preview -- */

#preview_style {
    float:right;
    width:300px;
    color:#000;
    background:#333;
    margin:10px 0 0 0
    }

#preview_style .pad {

    padding: 10px;

    }
    
/* -- hero pages -- */


#hero-top {
    background:#222222 ;
    line-height:70px;
    padding:0 10px;
    overflow:hidden;
    border-bottom:1px solid #E5E6E0
    }
#hero-top div {
    background:url(../images/footer_flower.png) no-repeat 0px 8px
    }
    
#hero-top a {
    font-weight:bold;
    color:#F47121;
    margin:0 0 0 20px;
    text-decoration:none
    }

#hero-content {
    width:900px;
    margin:50px auto;
    }

#hero-content a {
    text-decoration:none
    }
    
#hero-content .pad {
    overflow:hidden;
    }

#hero-content table {
    width:100%;
    border:0;
    }
   

#hero-content h1 {
    font-size:1.3em;
    text-transform:uppercase;
    letter-spacing:1px
    }
    
#hero-content h2 {
    font-size:0.9em;
    text-transform:uppercase
    }
    
#slideshow {
    overflow:auto;
    text-align:center;
    }

#slideshow img {
    margin:105px 0 0 0;
    padding:0;
    }
  
/* -- notices -- */    
    
    
#note {
    background:transparent url(../images/note_bg.png) no-repeat center center;
    width:300px;
    height:200px;
    position:absolute;
    z-index:2;
    color:#111
    }
    
#note_inner {
    padding:50px 30px;
    text-align:center;
    }


#error {
    font-size:1.4em;
    color:#C00000
    }

#notes {
    font-size:1.4em;
    color:#858585
    }
    
.tippit {
    vertical-align:middle;
    margin-top:-3px
    }


.tip {
    background:#FFF;
    border:1px solid #000;
    width:300px;
    padding:10px
    }


/* -- checks -- */

.chk_yes, .chk_no {
    padding:0 0 0 20px;
    list-style:none;
    }

.chk_no {
    background:url(../images/cross.png) no-repeat center left;
    }

.chk_yes {
    background:url(../images/tick.png) no-repeat center left;
    }
    
/* -- colors -- */

.dark a,
.light a {
    text-decoration:none
    }

.dark {
    background:#333;
    }

.xdark {
    background:#222;
    }
    
.light {
    background:#444
    }

.xlight {
    background:#555
    }

.highlight {  
    background:#990100;
    color:#FFF;
    font-weight:bold
    }

/* -- contact -- */

.contact_wrap {
    padding:0 0 0 10px;
    }

.contact_wrap h2 {
    margin-bottom:5px;
    color:#F47121;
    text-transform:uppercase;
    font-size:1.4em
    }   

.contact_wrap h3 {
    margin-bottom:4px
    } 
    
.contact_wrap h4 {
    margin-bottom:14px
    }    

.contact_wrap .right,
.cw_gen {
    text-align:right ; 
    letter-spacing:2px ; 
    text-transform:uppercase ; 
    margin-top:5px ; 
    line-height:1.5em
    }
.cw_gen {
    text-align:left
    }


.contact_wrap .pad {
    margin:0 0 10px 0 ; 
    overflow:hidden ; 
    padding:10px 10px 0 10px
    }

/* -- blogs -- */

.entry {
    clear:both;
    width:550px
    }

.entry h3 {
    text-transform:uppercase;
    padding:10px 0 5px 0;
    }

.entry h2 {
    margin:0 0 5px 0
    }

.entry_base {
    overflow:hidden;
    background:#333333;
    padding:5px 10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;    
    }

.entry_base a {
    text-transform:uppercase;
    font-size:0.8em;
    color:#6D8A93;
    font-weight:bold
    }

.blog_comments {
    overflow:hidden;
    }
 
.blog_comments h4 {
    margin:0 0 5px 0;
    font-size:1em
    }

.blog_comments textarea {
    border:3px solid #696969;
    background:#696969;
    width:300px;
    height:100px;
    margin:0 10px 0 0
    }

.blog_comments input[type=text] {
    border:3px solid #696969;
    background:#696969;
    width:225px;
    }


.entry hr {
    border:0;
    border-top: 1px solid  #F4632C
    }
    
#openid_if {
    margin:10px 0
    }


    
/* -- support -- */
    
.faq {
    width:600px
    }    

.faq h3 {
    color: #09D6DE;
    padding:15px 0 5px 0;
    }
 
.faq ol {
    padding:10px 10px 0 15px;
    line-height:18px;
    }

.faq ol a {
    color:#09D6DE;
    font-weight:bold;

    }

/* -- accordian -- */

.togglers {
    cursor:pointer;
    margin:0;
    padding:0
    }
    
/* -- misc -- */

.legal {
    padding:0 30px 10px 30px
    }

.legal li {
    list-style-type:upper-roman
    }
.legal ul li {
    list-style-type:circle
    }

.icon_l {
    line-height:16px
    }

.icon_l img {
    float:left;
    margin:0 8px 0 0
    }

    
.hide {
    display:none;
    visibility:hidden;
    position:absolute;
    height:1px
    }
    
.left {
    float:left
    }
    
.right {
    float:right
    }
    
.pad {
    padding:10px
    }
    
.round {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;   
    }

.inset {
    background:#555;
    padding:10px 10px 5px 10px;
    }

#upload_progress {
    background:#141414;
    padding:5px;
    margin:10px auto;
    }

#swf_inject {
    margin: 0 0 10px 0
    }
-->