/* Site: Fuel 360 CMS Dot Com */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   background: #000000 url(/images/bg_body.jpg) repeat-x center top;
   font-size: 62.5%;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body#home{
   background-image: url(/images/bg_body_home.jpg);
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container-outer{
   background: url(/images/bg_container-outer.gif) no-repeat center bottom;
}

#container{
   width: 1003px;
   margin: 0 auto;
   background: url(/images/bg_container.gif) no-repeat 135px 15px;
}

body#home #container{
   position: relative;
   /*background: url(/images/bg_container_home.jpg) no-repeat 66px 107px;*/
   background: url(/images/bg_container_home.jpg) no-repeat -17px 15px;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   position: relative;
   width: 991px;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 271px;
   height: 82px;
   margin: 26px 0 26px 10px;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

body#home #header h1{
   width: 328px;
   height: 99px;
   margin: 33px 0 214px 3px;
   background: url(/images/bg_h1_home.gif) no-repeat;
}

#header h1 a{
   display: block;
   width: 271px;
   height: 82px;
}

body#home #header h1 a{
   width: 328px;
   height: 99px;
}

#meta-nav{
   position: absolute;
   top: 24px;
   right: 24px;
}

#meta-nav li{
   float: left;
   font-size: 1.2em;
   list-style: none;
}

#meta-nav li#mn_register{
   background: url(/images/bg_meta-nav_register.gif) no-repeat right center;
}

#meta-nav li#mn_contact,
#meta-nav li#mn_support{
   margin-left: 3px;
   background: url(/images/bg_meta-nav_li.gif) no-repeat right top;
   text-transform: lowercase;
}

#meta-nav li a{
   display: block;
   padding: 8px 10px 10px;
   color: #92c6ff;
   text-decoration: none;
}

#meta-nav li a:hover{
   text-decoration: underline;
}

#meta-nav li#mn_contact a,
#meta-nav li#mn_support a{
   color: #c2c2c2;
   text-decoration: none;
}

#meta-nav li#mn_contact a{
   padding-left: 25px;
   background: url(/images/bg_meta-nav_contact_a.gif) no-repeat;
}

#meta-nav li#mn_support a{
   background: url(/images/bg_meta-nav_support_a.gif) no-repeat;
}

/*#meta-nav li#mn_contact:hover,
#meta-nav li#mn_support:hover{
   background-position: right bottom;
}


#meta-nav li#mn_contact a:hover,
#meta-nav li#mn_support a:hover{
   background-position: left bottom;
}*/

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   clear: left;
   margin-left: 116px;
   list-style: none;
}

#nav li{
   float: left;
   padding-left: 1px;
   background: #000 url(/images/bg_nav_li.gif) no-repeat left bottom;
   font-size: 1.4em;
}

#nav li#nav_home,
#nav li#nav_overview{
   background: none;
}

#nav li#nav_how-to-get-started{
   position: relative;
   margin-right: -2px;
   padding: 0;
   background: none;
}

#nav li#nav_system-overview,
#nav li#nav_our-company{
   display: none;
}

/*#nav li.current{
   margin: -1px -2px 0 -2px;
   background: none;
}

#nav li.current#nav_home{
   margin-right: 0;
}
*/
#nav li a{
   display: block;
   padding: 12px 31px 13px;
   background: #000;
   color: #92c6ff;
   text-decoration: none;
}

#nav li:hover,
#nav li.current{
   margin-right: -2px;
   padding: 0;
   border: 1px solid #252525;
   border-bottom: 0;
   background: none;
}

#nav li a:hover,
#nav li.current a{
   padding: 11px 32px 13px 31px;
   background: url(/images/bg_nav_li_a_hover.gif) repeat-x;
   color: #FFF;
}

#nav li#nav_how-to-get-started:hover{
   border: 0;
}

#nav li#nav_how-to-get-started a:hover{
   padding: 12px 31px 13px;
}

/*#nav li.current a{
   border: 1px solid #E1E1E1;
   border-bottom: 0;
   background: #FFF;
   color: #097DA0;
}*/

#nav li#nav_how-to-get-started a{
   background: #2060a0 url(/images/bg_nav_how-to-get-started_a.gif) no-repeat right top;
   color: #FFF;
}

/* =The Works
---------------------------------------------------------------------
*/

#the-works{
   position: absolute;
   top: 204px;
   right: 18px;
   width: 206px;
}

#the-works h3{
   width: 194px;
   height: 17px;
   margin: 0 0 4px 1px;
   background: url(/images/bg_the-works_h3.gif) no-repeat;
   text-indent: -9999px;
}

#the-works p{
   margin-bottom: 14px;
   color: #92c6ff;
   font-size: 1.3em;
   line-height: 1.4;
}

#the-works li{
   float: left;
   margin-right: 2px;
   list-style: none;
   text-indent: -9999px;
}

#the-works li a{
   display: block;
   width: 101px;
   height: 34px;
   background-repeat: no-repeat;
}

#the-works li#get-demo a{
   background-image: url(/images/bg_the-works_get-demo.gif);
}

#the-works li#buy-now a{
   background-image: url(/images/bg_the-works_buy-now.gif);
}

#the-works li a:hover{
   background-position: left bottom;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

/*#container-inner{
   float: left;
   width: 1003px;
   background: url(/images/bg_container-inner.gif) no-repeat center bottom;
}*/

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   clear: both;
   float: left;
   margin-top: 79px;
}

body#home #content-wrap{
   margin-top: 32px;
}

/* =Benefits-News
---------------------------------------------------------------------
*/

#benefits-news{
   float: left;
   width: 231px;
   margin: 28px 19px 0 0;
   margin: 28px 0 0 0;
}

ul#benefits{
/*   margin: 24px 0 24px 0;
   padding: 0 0 31px 15px;*/
   margin-bottom: 22px;
   background: url(/images/bg_benefits.gif) no-repeat left bottom;
}

ul#benefits li{
/*   width: 229px;
   padding: 3px 0 2px;*/
   padding-top: 1px;
   background: url(/images/bg_benefits_li.gif) no-repeat center top;
   font-size: 1.2em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   list-style: none;
}

ul#benefits li.first{
   background: none;
}

ul#benefits li a{
   display: block;
   width: 193px;
   height: 49px;
   /*padding: 15px 0 15px 37px;*/
   padding: 16px 0 0 38px;
   background: url(/images/bg_benefits_li_a.gif) no-repeat 11px 18px;
   color: #7C7C7C;
   text-decoration: none;
}

ul#benefits li a:hover{
   background: url(/images/bg_benefits_li_a_hover.gif) no-repeat left top;
}

ul#benefits li strong,
ul#benefits li b{
   display: block;
   margin-bottom: 4px;
   color: #e2e2e2;
   font-size: 1.0833em;
   font-weight: normal;
   text-transform: uppercase;
}

ul#benefits li a:hover strong,
ul#benefits li a:hover b{
   text-decoration: underline;
}

#news{
/*   width: 230px;
   margin-left: -3px;*/
}

#news h3{
   position: relative;
   height: 24px;
   margin-bottom: 1.5em;
   padding: 9px 0 0 12px;
   background: url(/images/bg_h3_news.gif) no-repeat;
   color: #ffffff;
   font-size: 1.4em;
   font-weight: normal;
}

#news h3 a{
   position: absolute;
   top: 8px;
   right: 9px;
   width: 16px;
   height: 16px;
   text-indent: -9999px;
}

#news h4{
   margin-bottom: .5em;
   font-size: 1.5em;
   font-weight: normal;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   line-height: 1.15;
}

#news h4 a{
   color: #00aef0;
   text-decoration: none;
}

#news h4 a:hover{
   text-decoration: underline;
}

#news p{
   color: #c2c2c2;
   font-size: 1.1em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   line-height: 1.6363;
}

#news p span.date{
   color: #ffffff;
   text-transform: uppercase;
}

#news p a{
   color: #00aef0;
   text-decoration: none;
}

#news a:hover{
   text-decoration: underline;
}

#news .item{
   margin: 0 10px 24px;
}

#news p.more{
   margin: 0 11px;
   text-align: right;
}

/* =Products
---------------------------------------------------------------------
*/

#products{
   float: left;
   width: 231px;
}

#products ul{
   margin-bottom: 11px;
}

#products li{
   float: left;
   width: 231px;
   list-style: none;
   font-size: 1.5em;
}

#products li#products_overview,
#products li#products_how-to-get-started,
#products li#products_online-demo,
#products li#products_portfolio,
#products li#products_company{
   display: none;
}

#products li a{
   display: block;
   padding: 9px 10px;
   background: url(/images/bg_products_li_a.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#products li li{
   font-size: .8667em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-style: normal;
}

#products li li a{
   background: none;
   color: #92c6ff;
}

#products li li a:hover{
   /*background: url(/images/bg_products_li_li_a_hover.gif) no-repeat 192px center;*/
   color: #3888d7;
   text-decoration: underline;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   float: left;
   width: 503px;
   margin: 0 0 50px 19px;
}

body.no-sidebar #content{
   width: 693px;
}

#content h3{
   margin-bottom: .5em;
   color: #00aef0;
   font-size: 2.0em;
   line-height: 1.25;
}

#content h4{
   margin-bottom: .5em;
   color: #ffffff;
   font-size: 1.8em;
}

#content h5{
   margin-bottom: .5em;
   color: #1F7E9A;
   font-size: 1.6em;
}

#content h6{
   margin-bottom: .5em;
   color: #111920;
   font-size: 1.4em;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1.5em;
   color: #c2c2c2;
   font-size: 1.2em;
   line-height: 1.5;
}

#content p.big{
   margin-bottom: .5em;
   font-size: 1.8em;
}

#content ul,
#content ol{
   /*margin-left: 3em;*/
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content li{
   line-height: 1.5;
   list-style-position: inside;
}

#content ul li{
   margin-top: .25em;
   padding-left: 13px;
   background: url(/images/bg_content_ul_li.gif) no-repeat left 7px;
   list-style: none;
}

#content ul ul{
   margin-bottom: 0;
   font-size: 1em;
}

#content blockquote{
   margin: 0 55px 50px 0;
   padding: 2px 0 0 34px;
   background: url(/images/bg_content_blockquote.gif) no-repeat;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-style: italic;
}

#content blockquote p{
   line-height: 1.7;
}

#content blockquote.pullquote{
   float: right;
   width: 176px;
   margin: 0 0 0;
   padding: 6px 10px 15px 16px;
   border-left: 1px solid #C2C2C2;
   background: none;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-style: normal;
}

#content blockquote.pullquote p{
   margin: 0;
   color: #176C85;
   font-size: 1.7em;
   line-height: 1.45;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #1F7E9A;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}

#content #call{
   position: relative;
   width: 401px;
   margin-bottom: 34px;
   padding: 22px 51px 44px 51px;
   background: url(/images/bg_call.gif) no-repeat left bottom;
}

#content #call h3{
   color: #c2c2c2;
   font-size: 1.6em;
   font-weight: normal;
   line-height: 1.375;
}

#content #call h3 b{
   color: #5b5b5b;
   font-weight: normal;
}

#content #call h3 i{
   color: #961b1e;
   font-style: normal;
}

#content #case-studies{
   position: relative;
   margin-bottom: 32px;
}

#content #call h3 a{
   display: block;
   position: absolute;
   right: 53px;
   bottom: 33px;
   color: #FFF;
   text-decoration: none;
}

#content #call h3 a:hover{
   color: #00aef0;
   text-decoration: underline;
}

#content #case-studies h3{
   height: 22px;
   margin: 0;
   border-bottom: 5px solid #363636;
   color: #00aef0;
   font-size: 2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #case-studies p.title{
   float: left;
   margin: -13px 0 4px;
   color: #e2e2e2;
   font-size: 1.5em;
   background: url(/images/bg_case-studies_title.png) no-repeat;
   _background: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_case-studies_title.png', sizingMethod='crop');
}

#content #case-studies p.title a{
   display: block;
   width: 467px;
   height: 33px;
   padding: 23px 18px 0;
   color: #ACACAC;
   text-decoration: none;
}

#content #case-studies p b{
   color: #ffffff;
   font-size: .8667em;
}

#content #case-studies p span.launched{
   padding: 2px 85px 1px 0;
   background: url(/images/bg_featured.gif) no-repeat right center;
   color: #e2e2e2;
   font-size: .6667em;
   text-transform: uppercase;
}

#content #case-studies p.more{
   position: absolute;
   top: 0;
   right: 0;
   text-indent: -9999px;
}

#content #case-studies p.more a{
   display: block;
   width: 163px;
   height: 22px;
   background: url(/images/bg_case-studies_more.gif) no-repeat;
}

#content #case-studies img{
   display: block;
   margin: 0;
   padding: 2px;
   border: 5px solid #3888d7;
   background: #09325c;
}

#content #case-studies #portfolio{
   float: left;
   width: 501px;
   margin-bottom: 32px;
   background: url(/images/bg_case-studies_portfolio.gif) repeat-x;
}

#content #case-studies #portfolio h4{
   float: left;
   margin: 0;
   font-size: 1.3em;
}

#content #case-studies #portfolio h4 a{
   display: block;
   width: 147px;
   height: 186px;
   padding: 8px 10px 0 10px;
   color: #09325c;
   text-decoration: none;
}

#content #case-studies #portfolio h4 a:hover{
   background: url(/images/bg_portfolio_a_hover.gif) no-repeat;
}

#content #case-studies #portfolio h4 img{
   display: block;
   margin-bottom: 6px;
   padding: 0;
   border: 2px solid #09325c;
}

#content #case-studies #portfolio p.view{
   clear: left;
   margin: 0;
   font-size: 1.4em;
   text-transform: uppercase;
   text-align: center;
}

#content #case-studies #portfolio p.view a{
   display: block;
   width: 501px;
   height: 28px;
   padding-top: 15px;
   background: url(/images/bg_portfolio_view.gif) no-repeat;
   color: #ffffff;
   text-decoration: none;
}

#content #screenshots{
   position: relative;
   clear: both;
   /*margin-bottom: 64px;*/
}

#content #screenshots h3{
   height: 22px;
   margin: 0;
   border-bottom: 5px solid #363636;
   color: #00aef0;
   font-size: 2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #screenshots p.more{
   position: absolute;
   top: 0;
   right: 0;
   text-indent: -9999px;
}

#content #screenshots p.more a{
   display: block;
   width: 155px;
   height: 22px;
   background: url(/images/bg_screenshots_more.gif) no-repeat;
}

#content #screenshots p.get-a-demo{
   clear: left;
   font-size: 1.4em;
   text-transform: uppercase;
   text-align: center;
}

#content #screenshots p.get-a-demo a{
   display: block;
   width: 503px;
   height: 26px;
   padding-top: 12px;
   background: #FFF url(/images/bg_screenshots_get-a-demo.gif) no-repeat;
   color: #ffffff;
   text-decoration: none;
}

#content #screenshots ul{
   float: left;
   width: 499px;
   margin-bottom: 1px;
   padding: 5px 2px 10px;
   background: #09325c;
}

#content #screenshots li{
   float: left;
   width: 160px;
   margin: 0 3px;
   padding: 0;
   background: none;
}

#content #screenshots li h4{
   margin-bottom: .25em;
   color: #e2e2e2;
   font-size: .8462em;
   text-align: center;
}

#content #screenshots li p{
   margin-bottom: 0;
   color: #252525;
   font-size: .8462em;
   text-align: center;
   line-height: 1.25;
}

#content #screenshots a img{
   display: block;
   float: none;
   margin: 0 0 6px;
   border: 3px solid #3888d7;
}

#content #screenshots a:hover img{
   border-color: #92c6ff;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 231px;
   margin: 38px 0 0 19px;
   margin-top: 0;
}

body#home #sidebar{
/*   margin: 36px 0 0 22px;*/
   margin-top: 41px;
}

#sidebar h3{
   margin-bottom: .5em;
   color: #448FA5;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.15;
}

#sidebar p{
   margin-bottom: .5em;
   color: #c2c2c2;
   font-size: 1.1em;
   line-height: 1.6363;
}

#sidebar a{
   color: #1F7F9B;
}

#sidebar a:hover{
   text-decoration: none;
}

#sidebar #ad h3{
   text-indent: -9999px;
}

#sidebar #ad a{
   display: block;
   width: 225px;
   height: 111px;
   border: 3px solid #363636;
   background: url(/images/are-you-a-designer.gif) no-repeat;
   text-indent: -9999px;
}

#sidebar #ad a:hover{
   border: 3px solid #4f4f4f;
   background-position: left bottom;
}

#sidebar #case-study{
   width: 211px;
   margin-bottom: 12px;
   padding: 0 10px 10px;
   background: #363636;
}

#sidebar #case-study h3{
   height: 24px;
   margin: 0 -10px 15px;
   background: url(/images/bg_sidebar_case-study_h3.gif) no-repeat;
   text-indent: -9999px;
}

#sidebar #case-study h4{
   margin-bottom: .5em;
   font-size: 1.3em;
   font-weight: normal;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#sidebar #case-study h4 a{
   color: #c2c2c2;
   text-decoration: none;
}

#sidebar #case-study img{
   display: block;
   border: 2px solid #c2c2c2;
}

#sidebar .testimonial{
   margin-bottom: 41px;
}

#sidebar .testimonial blockquote{
   padding: 30px 13px 15px 17px;
   background: url(/images/bg_sidebar_testimonial_blockquote.gif) no-repeat;
   color: #363636;
   font-size: 1.2em;
}

#sidebar .testimonial blockquote p{
   line-height: 1.25;
   font-size: 1em;
}

#sidebar .testimonial h4{
   margin-bottom: .25em;
   padding: 46px 0 0 15px;
   background: url(/images/bg_sidebar_testimonial_h4.gif) no-repeat;
   color: #00aef0;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: uppercase;
}

#sidebar .testimonial p.title{
   padding-left: 15px;
   color: #c2c2c2;
   font-size: 1.2em;
}

#sidebar #blog_list_archive,
#sidebar #blog_list_author,
#sidebar #blog_list_category{
   margin-bottom: 15px;
}

#sidebar #blog_list_archive li,
#sidebar #blog_list_author li,
#sidebar #blog_list_category li{
   margin: 0 0 .1em 15px;
   font-size: 1.2em;
   list-style: none;
   line-height: 1.5;
}

#sidebar #blog_list_archive li a,
#sidebar #blog_list_author li a,
#sidebar #blog_list_category li a{
   text-decoration: none;
}

#sidebar #blog_list_archive li a:hover,
#sidebar #blog_list_author li a:hover,
#sidebar #blog_list_category li a:hover{
   text-decoration: underline;
}


/* Releases */

#releases{
   margin-top: 34px;
}

#releases h3{
   position: relative;
   height: 24px;
   margin-bottom: 1.5em;
   padding: 9px 0 0 12px;
   background: url(/images/bg_h3_releases.gif) no-repeat;
   color: #ffffff;
   font-size: 1.4em;
   font-weight: normal;
}

#releases h3 a{
   position: absolute;
   top: 8px;
   right: 9px;
   width: 16px;
   height: 16px;
   text-indent: -9999px;
}

#releases h4{
   margin-bottom: .5em;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.15;
}

#releases h4 a{
   color: #00aef0;
   text-decoration: none;
}

#releases p{
   margin-bottom: .5em;
   color: #626262;
   font-size: 1.1em;
   line-height: 1.6363;
}

#releases p span.date{
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase;
}

#releases p a{
   color: #00aef0;
   text-decoration: none;
}

#releases a:hover{
   text-decoration: underline;
}

#releases .item{
   margin: 0 11px 24px;
}

#releases p.more{
   margin: 0 11px;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   padding: 9px 0 40px;
   /*border-top: 4px solid #CDE9F2;*/
}

#footer p{
   float: left;
   color: #898989;
   font-size: 1.1em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#footer p b{
   color: #5b5b5b;
   font-weight: normal;
   text-transform: uppercase;
}

#footer p i{
   color: #961b1e;
   font-style: normal;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #4394AB;
   text-decoration: none;
}

#footer a:hover{
   text-decoration: underline;
}