body{
    background:#f3f3f3 url(images/website/bg_body.gif) repeat-x top left;
    font-size:x-small;
    font-family:verdana, tahoma, arial, sans-serif;
    margin:0;
    padding:0;
}

img{
    border:none;
}

a{
    text-decoration:none;
    color:#339;
}

a:hover{
    text-decoration:underline;
}

.clear-all{
    clear:both;
    height:1px;
    font-size:1px;
}

h2{
    font-family:'trebuchet ms',tahoma, sans-serif;
    color:#f47d1b;
    font-size:1.8em;
    font-weight:normal;
    margin-bottom:0.5em;
}

h2 a{
    color:#f47d1b;
}


.buttonClass {
    background-image: url(images/website/button_bg.gif) ;
    background-color: rgb(181,200,230);
    background-repeat: repeat-x;
    border: 1px #777 solid;
    color: #333333;
}

.highlight {
    background-color: #ffffcc;
    padding: 0 1px 0 1px;
}



#wrapper1{
    margin:36px auto 0;
    width: 980px;
    background:#fff url(images/website/bg_content_l.gif) repeat-y top left;
}

* html #wrapper1, * html #wrapper2, * html #wrapper3, * html #wrapper4
* html #wrapper5, * html #wrapper6{
    height:1px;
}

#wrapper2{
    background:url(images/website/bg_content_r.gif) repeat-y top right;
}

#wrapper3{
    background:url(images/website/bg_content_tl.gif) no-repeat top left;
}

#wrapper4{
    background:url(images/website/bg_content_tr.gif) no-repeat top right;
}

#wrapper5{
    background:url(images/website/bg_content_bl.gif) no-repeat bottom left;
}

#wrapper6{
    background:url(images/website/bg_content_br.gif) no-repeat bottom right;
    padding:1px 6px 2em 1px;
    font-size:1.25em;
}

#header img{
    margin:15px 0 0 0.9em;
    float:left;
}

/*Supernav*/
#header #supernav{
    clear: right;
    float:right;
    list-style-type:none;
    text-align:center;
    margin:1em 1.5em 0 0;
    padding:0;
}

#supernav li{
    margin:0;
    padding:0;
}

#supernav a{
    color:#083b85;
}

#supernav .memberlogin{
    font-weight:bold;
    padding-bottom:0.5em;
    padding-left: 1em;
}

#supernav .forgotpass, #supernav .getstarted{
    font-size:0.85em;
    width:25%;
    padding:0 1em;
    text-align:left;
    display:inline;
}

#supernav .forgotpass{
    border-right:1px solid #083b85;
    text-align:right;
    width:50%;
}

#supernav .getstarted{
    padding-right: 0;
}

/*Nav*/
#nav{
    clear:both;
    background:#01347c;
    font-family:'trebuchet ms',tahoma,verdana, sans-serif;
    list-style-type:none;
    padding-left:1.5em;
    margin:0 0 0 0;
    height:2.4em;
    border-top:1px solid #98aecb;
}

#nav li{
    float:left;
    height:2em;
    line-height:2em;
    font-size:1.2em;
    padding:0;
    margin:-1px 0 0 0;
    border-top:1px solid #98aecb;
}

#nav li a{
    color:#fff;
    display:block;
    padding:0 1em;
}

#nav li.on{
    background:#2e5894 url(images/website/bg_nav_on.jpg) repeat-x bottom;
    border-top:1px solid #abbcd4;
}

#nav li.on a{
    background:url(images/website/bg_nav_arrow.gif) no-repeat bottom;
}

/*Feature*/
#customer
{
    padding: 6px 20px 0 23px;
    margin-top:5px;
    position:relative;
}

/*Feature*/
#feature{    
		background:#003279 url(images/website/bg_feature.jpg) repeat-x bottom;
    margin-top:5px;
    position:relative;
    color:#fff; 
}

#feature h1{
    font-family:arial, verdana;
    font-weight:normal;
    margin:0 0 0 0;
    padding-top:0.25em;
    font-size: 22pt;
    text-align: left;
}
#feature h2{
    font-family:arial,verdana;
    font-size:22pt;
    font-weight:normal;
    margin:0pt;
    padding-top:0.25em;
    text-align:left;
}

#feature h3{
    font-family:arial,verdana;
    font-size:22pt;
    font-weight:normal;
    margin:0pt;
    padding-top:0.4em;
    text-align:left;    
}

.home #thebg{
    margin-top:5px;
    font-size:1.2em;
    min-height:246px;
    background:#003279 url(images/website/bg_feature.jpg) repeat-x bottom;
}

.home #feature{
    margin:0;
    min-height:246px;
    width:100%;
    background: url(images/website/bg_feature_screen_blank.jpg) no-repeat bottom right;
    position:relative;
}

.home #feature h1{
    margin-top:0px;
}

.home #feature p{
    margin:0.25em 0;
}

.home #feature .manage {
    position: relative;
    left: 0px;
}

.content #feature{
    height:5em;
    padding:1.2em 0 0 23px;
    background:#003279 url(images/website/bg_feature_content.gif) repeat-x bottom left;
    margin-bottom:1em;
}

.content #feature h1 img{
    position:relative;
    top:7px;
    left:5px;
}

.content #contentPage {
    margin: 5px 23px;
}

.thirdButtons{
    width:32%;
    margin-top:13px;
    margin-right:-12px;
    float:right;
    display:inline;
}

/*Thirds*/
.thirds{
    padding:1em 1.5em;
}

.third{
    width:32%;
    margin: 1% 1% 0% 1%;
    float:left;
}

.third.features{
    margin-left: 0;
}

.third.buzz{
    margin-right:0;
}


.third div{
    padding:1px 0 0em 55px;
    min-height:11em;
    padding-top:1.2em;
}

* html .third div{
    height:11em;
}

.third h2{
    margin-top:0;
    padding-top:0;
    margin-bottom:.25em;
}

.third blockquote{
    display:inline;
    padding:0;
    margin:0;
}

.third p{
    margin-top:0;
}

.third .quoter{
    color:#666;
}

.third.features div{
    background:url(images/website/bg_surround_t1.gif) no-repeat top left;
}

.third.freetrial div{
    background:url(images/website/bg_surround_t2.gif) no-repeat top left;
}

.third.features p, .third.freetrial p{
    min-height:4em;
}

* html .third.features p, * html .third.freetrial p{
    height:4em;
}

.third.features p.greenarrowlink, .third.freetrial p.greenarrowlink{
    min-height:0;
}

* html .third.features p.greenarrowlink, * html .third.freetrial p.greenarrowlink{
    height:auto;
}

.third .greenarrowlink a{
    background:url(images/website/greenarrow.gif) no-repeat left;
    color:#ccc;
    font-size:0.9em;
    padding:3px 0 5px 28px;
}

/*Two-col*/
.left_col{
    width:63%;
    margin:0.0em 1.5em;
    float:left;
    display:inline;
}

.right_col{
    height: 0;
    width:29%;
    margin:0.0em 1.5em 0 0;
    float:right;
    display:inline;
}

.content .left_col{
    width:60%;
}

.content .right_col{
    width:31%;
}


.news{
    list-style-type:none;
    margin:0;
    padding:0;
}

.news li{
    margin-bottom:1em;
}

.left_col div{
    background:url(images/website/bg_header_fade_l.gif) no-repeat top left;
    padding:0 15px 0 15px;
    margin:0.5em 0 0 0;
}

.left_col div h2{
    background:url(images/website/bg_header_fade_r.gif) no-repeat top right;
    padding-top:0.4em;
    margin-right:-15px;
}

/*Icons*/
.icons{
    list-style-type:none;
    margin:1em 0 0;
    padding:0;
    width:90%;
}

.icons li{
    border-bottom:1px solid #e5e4e4;
    padding:1.2em 0 1.2em 45px;
    background-repeat:no-repeat;
    background-position:0px 5px;
}

.icons .brush{
    background-image:url(images/website/icon1.gif);
}

.icons .box{
    background-image:url(images/website/icon2.gif);
}

.icons .binocular{
    background-image:url(images/website/icon3.gif);
}

.icons .cog{
    background-image:url(images/website/icon4.gif);
}

.icons .speech{
    background-image:url(images/website/icon5.gif);
    background-position:0px 10px;
}


/*Footer*/
#footer{
    list-style-type:none;
    margin:1em;
    padding:0;
    text-align:center;
    font-size:1.1em;
}

#footer li{
    display:inline;
}

.layerwrapper {
    position: relative;
    width:100%;
}

.firstlayer {
    font-size: 26px;
    font-weight: bold;
    color: orange;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}
.secondlayer {
    position: absolute;
    font-size: 26px;
    font-weight: bold;
    color: black;
    top: 21px;
    left: 21px;
    z-index: 0;
}