@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; background: white; font: 12px Verdana, Helvetica, Arial, sans-serif;}

.clear { clear: both; }

.container { width: 980px; margin: 0 auto; padding: 0 0; }

#content { background: url(images/content_bg.png) top center repeat-y; }
#sidebar { width: 230px; margin-right: 20px; float: left ; padding-top: 10px;}
#content-main { width: 710px; float: left; margin-top: 20px; background:url(images/content-main-bg.png) top center repeat-y;}
#content-store { width: 710px; float: left; margin-top: 20px;}

#sidebar A, #content-main A
{
    COLOR: #990000;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION: underline
}

#sidebar A:hover, #content-main A:hover
{
    COLOR: #DC0202;
    TEXT-DECORATION: none
}

/* CONTENT ********************************************************************************************************* */

h1{ padding: 10px 20px 0px 20px; margin: 0px; font: 18px Verdana, Helvetica, Arial, sans-serif; line-height: 23px; font-weight: bolder; color: #333333; text-align: center;}

p, ol li, .text, .testimonial { padding: 0px 15px 0px 15px; font: 16px Verdana, Helvetica, Arial, sans-serif; color: #333333; line-height: 18px;}

.testimonial{padding: 20px 15px 0px 15px; }
.testimonial .highlight{background: yellow;}

/* **************************************************************************************************************** */

/* HEADER ********************************************************************************************************* */

#header { margin: 0 auto; height: 149px; background: url(images/header_bg.png) no-repeat; }

#header form {width: 233px; float: right; padding: 5px 20px 5px 20px;}

.headerText
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    COLOR: #FFFFFF
}

.headerTextBox
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: left
}

.headerTextBox2
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: #F9F5EF;
    TEXT-ALIGN: left
}

/* **************************************************************************************************************** */

/* NAVIGATION ***************************************************************************************************** */

#navigation ul { margin: 0 auto; padding: 0; width: 980px; height: 55px; list-style-type: none; }
#navigation ul li { float: left; }
#navigation ul li a { width: 140px; height: 56px; display: block; outline: none medium;	background: url(images/navigation.png); text-indent: -10000px; }

#navigation ul li#menu01 a { background-position: 0px 0px; }
#navigation ul li#menu02 a { background-position: -140px 0px; }
#navigation ul li#menu03 a { background-position: -280px 0px; }
#navigation ul li#menu04 a { background-position: -420px 0px; }
#navigation ul li#menu05 a { background-position: -560px 0px; }
#navigation ul li#menu06 a { background-position: -700px 0px; }
#navigation ul li#menu07 a { background-position: -840px 0px; }

#navigation ul li#menu01 a:hover { background-position: 0px -56px; }
#navigation ul li#menu02 a:hover { background-position: -140px -56px; }
#navigation ul li#menu03 a:hover { background-position: -280px -56px; }
#navigation ul li#menu04 a:hover { background-position: -420px -56px; }
#navigation ul li#menu05 a:hover { background-position: -560px -56px; }
#navigation ul li#menu06 a:hover { background-position: -700px -56px; }
#navigation ul li#menu07 a:hover { background-position: -840px -56px; }

/* **************************************************************************************************************** */


/* SUB NAVIGATION ***************************************************************************************************** */

ul#sub-navigation { height: 330px; margin-bottom:0; padding-top: 50px; padding-bottom: 0px; font: 12px Verdana, Helvetica, Arial, sans-serif; line-height: 22px; display: block; list-style-image: url(images/menu-bullet.gif); }

/*ul#sub-navigation  li { float: left; display: block; background: transparent;}*/

ul#sub-navigation  li a { color: #FFFFFF; text-decoration: none }
ul#sub-navigation  li a:hover { color: #FFFFFF; text-decoration: underline}

/* **************************************************************************************************************** */

/* SUB TESTIMONIAL ***************************************************************************************************** */

#sub-testimonial { width: 228px; margin-top: 10px; padding-top: 0px; background: url(images/testimonial-middle.png) top center repeat-y;}
#sub-testimonial p {padding: 0px 20px 0px 20px; font-size: 11px; line-height: 15px; }
#sub-testimonial a { font-size: smaller; float: right; padding-right: 20px;}

/* **************************************************************************************************************** */

/* SUB GET STARTED ***************************************************************************************************** */
#sub-get-started { width: 227px; margin-top: 10px; padding: 0px; text-align: center; background-color: #BC0202;}

.RedBox {width: 203px; margin-left:12px; font: 15px Verdana, Helvetica, Arial, sans-serif; line-height: 22px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.RedBoxText {width: 203px;  margin-left:12px; font: 12px Verdana, Helvetica, Arial, sans-serif; line-height: 16px; color: #000000; text-decoration: none; }
/* **************************************************************************************************************** */

#sub-rolling { width: 227px; height: 159px; margin-top: 10px; padding-top: 17px; text-align: center; background: url(images/rolling_bg.png) no-repeat;}
#sub-pavel { width: 227px; height: 227px; margin-top: 10px; padding-top: 0px; background: url(images/pavel.png); background-repeat: no-repeat; }

/* FOOTER ******************************************************************************************************* */

.footer-column { width: 200px; float: left; }

.footer-vspace { width: 10px; float: left; }

#footer {margin: 0 auto; padding: 20px; width: 920px; font: 12px Verdana, Helvetica, Arial, sans-serif; color: #999999;}
#footer a { font: 11px Arial, Helvetica, sans-serif; color: #9b0101; text-decoration: none; }
#footer a:link, #footer a:visited { color: #9b0101; text-decoration: none; }
#footer a:hover, #footer a:active { color: #000000; text-decoration: underline; font-weight: normal; }

#footer-red { font: 11px Arial, Helvetica, sans-serif; color: #9b0101; text-decoration: none; }
#footer-copyright { margin: 0; padding: 20px 10px; text-align: center}

/* ************************************************************************************************************** */

.txtfield	{ color: #333333; padding: 2px; font: normal 13px Verdana, Arial; border-width: 1px; border-style: solid; border-color: #7F9DB9; width: 320px }
.txtarea	{ color: #333333; padding: 2px; font: normal 13px Verdana, Arial; border-width: 1px; border-style: solid; border-color: #7F9DB9; width: 320px; height: 80px; overflow: auto }
.error		{ color: #6D0700; padding: 2px 18px 2px 18px; font-size: 15px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase }