@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------- CSS RESET */

body,table,thead,tbody,tr,td,div,ul,li,h1,h2,h3,h4,h5,form,p,img,input,textarea {
 margin: 0;
 padding: 0;
 border: 0;
 }

ul {
 list-style: none;
 }
 
input, a {
 outline: none;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- COMMON */

body {
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 1em;
 line-height: 1.6;
 color: #231F20;
 }

h1 {
 float: left;
 width: 103px;
 height: 60px;
 padding-left: 40px;
 text-indent: -9999px;
 line-height: 0;
 background: url("../img/logo.gif") no-repeat right top;
 }

h2 {
 width: 700px;
 margin: 0.800em 0;
 font-size: 2em;
 font-weight: 200;
 line-height: 1;
 }

h3 {
 width: 500px;
 margin: 1.100em 0;
 font-size: 1.350em;
 font-weight: 200;
 line-height: 1;
 }

h3.first {
 margin: 0 0 1.100em 0;
 }

body.index h2,
body.index h3 {
 width: 750px;
 }

h4 {
 font-size: 0.900em;
 margin-bottom: 0.500em;
 color: #00A4E1;
 }

p {
 font-size: 0.730em;
 margin-bottom: 1.600em;
 }

a {
 text-decoration: none;
 color: #0FBF02;
 }

a:hover {
 color: #00A4E1;
 }

a.next-page {
 padding: 0 11px 0 43px;
 font-size: 0.800em;
 font-weight: 700;
 text-decoration: none;
 background: url("../img/ico_arrow_right_green.gif") no-repeat right 0.400em;

 }

a.next-page:hover {
 background-image: url("../img/ico_arrow_right_blue.gif");
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- PARTS */

#page {
 width: 100%;
 padding-top: 15px;
 overflow: hidden;
 }

#main {
 width: 55.937em;
 position: relative;
 }

#footer {
 height: 2.250em;
 padding: 1.350em 0 0 31px;
 border-top: 1px solid #00ADEE;
 margin-top: 4em;
 font-size: 0.750em;
 color: #61565A;
 background-color: #F6F6F6;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- HEADER */

#header #login {
 display: block;
 width: 66px;
 height: 21px;
 margin-left: 51.750em;
 text-indent: -9999px;
 background: url("../img/bg_header_login.gif") no-repeat left top;
 }

#header #login:hover {
 background-position: left -21px;
 }

#header #main-menu {
 clear: both;
 height: 30px;
 padding-left: 11.250em;
 background: url("../img/bg_menu_bottom_rpt.gif") repeat-x bottom;
 }

#header #main-menu li {
 float: left;
 height: 28px;
 padding-left: 0.250em;
 margin: 2px 0 0 1px;
 font-size: 0.7em;
 line-height: 2.5;
 font-weight: 700;
 background: url("../img/bg_menu.gif") no-repeat left top;
 }

#header #main-menu li a {
 float: left;
 height: 28px;
 padding: 0 1.650em 0 1.400em;
 line-height: 2.4;
 color: #00A4E1;
 background: url("../img/bg_menu.gif") no-repeat right top;
 }

#header #main-menu li a:hover {
 color: #0FBF02;
 }

#header #main-menu li.active {
 height: 30px;
 margin-top: 0;
 line-height: 2.9;
 color: #5E5E5E;
 background-position: left -28px;
 }

#header #main-menu li.active a {
 height: 30px;
 line-height: 2.9;
 background: url("../img/bg_menu.gif") no-repeat right -28px;
 }

#header #main-menu li.active span {
 float: left;
 padding: 0 1.650em 0 1.400em;
 background: url("../img/bg_menu.gif") no-repeat right -28px;
 }

#header #breadcrumbs {
 padding: 0 0 1em 43px;
 margin: 1em 0 0 0;
 border-bottom: 1px solid #D2D2D2;
 color: #61565A;
 }

#header #breadcrumbs a {
 text-decoration: none;
 color: #0FBF02;
 }

#header #breadcrumbs a:hover {
 color: #00A4E1;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- MAIN */

#main #content {
 float: left;
 width: 39.687em;
 }

#main  #sidebar {
 float: right;
 width: 13.750em;
 padding-top: 0.300em;
 }

body.level2 #sidebar {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
 }

/* ----------------------------------------------------------------------------------------------------------------------- MAIN/ PAGE-DESCRIPTION */

body #main .page-description {
 padding-left: 43px;
 padding-bottom: 1em;
 margin-bottom: 1.750em;
 }

body #main .page-description p {
 padding-right: 5em;
 font-size: 0.850em;
 line-height: 1.5;
 }

body.index #main .page-description {
 border-bottom: 5px solid #D2D2D2;
 }

body.index #main .page-description p {
 padding-right: 1em;
 }

body.index #main .page-description a.next-page {
 display: block;
 text-align: right;
 background-position: right 0.570em;
 }

body.index #main .page-description #flash {
 padding-top: 0.800em;
 }

body.level1 #main .page-description {
 background: url("../img/bg_content_top_rpt.gif") repeat-x bottom;
 }

body.level2 #main .page-description {
 width: 35em;
 border-bottom: 1px solid #D2D2D2;
 }

body.level1 #main .page-description img {
 margin-bottom: 1.5em;
 }

/* ------------------------------------------------------------------------------------------------------------------------ MAIN/ SUCCESS STORIES */

#success-stories h3 {
 padding-left: 43px;
 }

#success-stories ul {
 padding-left: 15px;
 }

#success-stories ul li {
 float: left;
 margin-left: 27px;
 }

#success-stories ul li a {
 float: left;
 display: block;
 font-size: 0.700em;
 font-weight: 700;
 text-decoration: none;
 color: #61565A;
 }

#success-stories ul li a img {
 padding: 4px;
 background: url("../img/bg_logo_list_item.gif") no-repeat left top;
 }

#success-stories ul li a span {
 display: block;
 padding: 9px 0 0 3px;
 }

#success-stories ul li a:hover {
 color: #00A4E1;
 } 

#success-stories ul li a:hover img {
 background-position: left -108px;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- CONTENT */

#content h3,
#content h4,
#content p {
 padding-left: 43px;
 }

#content ul {
 padding: 0 7.5em 0 63px;
 margin-bottom: 1.600em;
 }

#content ul li {
 padding-left: 18px;
 font-size: 0.730em;
 background: url("../img/ico_arrow_right_gray.gif") no-repeat left 0.400em;
 }

#content ul li ul li {
 font-size: 1em;
 }

#content ul.with-logos {
 padding: 0.400em 0 0 43px;
 }

#content ul.with-logos li {
 float: left;
 width: 268px;
 padding: 0 2em 0 0;
 margin-bottom: 3em;
 background-image: none;
 }

#content ul.with-logos li a {
 display: block;
 font-size: 0.950em;
 color: #0FBF02;	
 }

#content ul.with-logos li a img {
 padding: 3px;
 background: url("../img/bg_logo_list_item.gif") no-repeat left top;
 }

#content ul.with-logos li a span {
 display: block;
 font-size: 1.3em;
 font-weight: 700;
 color: #61565A;
 }

#content ul.with-logos li a:hover {
 color: #02AEEE;
 }

#content ul.with-logos li a:hover img {
 background-position: left -108px;
 }

#content p {
 padding-right: 10em;
 }

#content p img {
 float: right;
 }

#content p a {
 text-decoration: underline;
 }

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

#content form {
 padding: 0.250em 8.500em 0 0;
 }

#content form p {
 text-align: right;
 padding: 0;
 margin: 0 0 1.5em 0;
 }

#content form p.error {
 margin: -1em 0 1.5em 0;
 color:#cc0000;
 font-size:0.8em;
 }


#content form p label {
 margin-right: 2em;
 padding-bottom: 2px;
 }

#content form p input,
#content form p textarea {
 width: 18em;
 padding: 2px 5px;
 border: 1px solid #02AEEE;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10pt;
 color: #231F20;
 }

#content form p textarea {
 height: 12em;
 }

#content form p.input-button input {
 width: auto;
 padding: 0;
 border-width: 0;
 cursor: pointer;
 }

#content form select {
 font-size: 10pt;
 font-family: verdana, tahoma, arial, sans-serif;
 border: 1px solid #02AEEE;
 }

#content .thank-you {
 padding-left: 43px;
 font-size: 0.900em;
 }

#content form input.button {
 width: 100px;
 cursor: pointer;
 }

#content form input#checkbox_1 {
 width: 50px;
 border-width: 0;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- SIDEBAR */

#sidebar img {
 margin-bottom: 0.850em;
 }

#sidebar .box {
 width: 220px;
 padding: 0.250em 0 0 0;
 margin-bottom: 1.250em;
 }

#sidebar .box h4 {
 padding: 0.400em 0 0 0.900em;
 }

#sidebar .box ul {
 padding: 0 0.900em 0.900em 0.900em;
 }

#sidebar .box form {
 padding: 0 0.150em 1.100em 0.850em;
 }

#sidebar .box p {
 padding-left: 1.100em;
 padding-right: 1.100em;
 margin-bottom: 1em;
 }

#sidebar .box#secondary-menu {
 background: url("../img/bg_sidebar_box_blue.png") no-repeat left top; 
 }

#sidebar .box#secondary-menu ul {
 background: url("../img/bg_sidebar_box_blue.png") no-repeat left bottom;
 }

#sidebar .box#newsletter {
 position: relative;
 background: url("../img/bg_sidebar_box_gray.png") no-repeat left top;
 }

#sidebar .box#newsletter form {
 background: url("../img/bg_sidebar_box_gray.png") no-repeat left bottom;
 }

#sidebar .box#newsletter img {
 position: absolute;
 top: 0.650em;
 right: 0.650em;
 }

#sidebar .box ul li {
 margin-bottom: 0.100em;
 font-size: 0.700em;
 font-weight: 700;
 }

#sidebar .box ul li a {
 display: block;
 padding-left: 11px;
 color: #00A4E1;
 background: url("../img/ico_arrow_right_gray.gif") no-repeat left 0.400em;
 }

#sidebar .box ul li a:hover {
 color: #0FBF02;
 }

#sidebar .box ul li.active {
 padding-left: 11px;
 color: #0FBF02;
 background: url("../img/ico_arrow_right_green.gif") no-repeat left 0.400em;
 }

#sidebar .box form p {
 float: left;
 padding: 0;
 margin: 0;
 }

#sidebar .box form p.input-text input {
 width: 148px;
 height: 18px;
 padding: 2px 5px 0 5px;
 border: 1px solid #01ADEE;
 font-size: 10pt;
 color: #231F20;
 }

#sidebar .box form p.input-button {
 padding-left: 6px;
 }

#sidebar .box form p.input-button input {
 width: 22px;
 height: 22px;
 background: url("../img/bg_form_submit.gif") no-repeat left top;
 cursor: pointer;
 }

#sidebar .box form p.input-button input.hover {
 background-position: left -22px;
 }

#sidebar div.error {
 font-size: 0.900em;
 padding: 0.500em;
 border: 1px solid #cc0000;
 }

#sidebar div.thank-you {
 font-size: 0.900em;
 padding: 0.500em;
 border: 1px solid #D2D2D2;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- FOOTER */

#footer ul {
 float: left;
 }

#footer ul li {
 float: left;
 line-height: 1;
 }

#footer ul li a {
 float: left;
 color: #61565A;
 padding: 0 0.900em 4px 0.900em;
 border-right: 1px solid #A2A2A2;
 }

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

#footer p {
 float: left;
 margin-top: 0;
 padding-left: 1.200em;
 }

#footer img {
 float: left;
 padding: 0.200em 0 0 29.500em;
 }

/* ---------------------------------------------------------------------------------------------------------------------------------- CLEARFIX */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */