/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 30px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#FFFFFF url(../images/bg.jpg) left top repeat-x; color:#000000;  }
body.sub { background:#FFFFFF url(../images/bg-sub.jpg) left top repeat-x; }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, ol, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:42px; }
h2, .t2 { font-size:27px; }
h3, .t3 { font-size:15px; }

/* Text elements */
p { line-height:140%; margin:0 0 10px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
ol { padding: 0 0 0 23px; }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb25 { margin-bottom:25px !important; }
.mb20 { margin-bottom:20px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#0269E8; text-decoration:underline; }
a:hover { text-decoration:none; }
/* misc */
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.center { margin:0 auto; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left; width:960px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; padding-right:0 !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
p.descr { font-size:24px; line-height: 120%; padding: 3px 0 0 0; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 960px; float: left; }
.header a.logo { display: block; float: left; width: 249px; height:87px; }
.header .side { float: left; width: 249px; background: #001E2E; }
.header .content { float: right; width:659px; height: 366px; padding: 41px 0 0 52px; color:#fff; background:#001E2E url(../images/layout/bg1.jpg); }
.sub .header .content { height: 63px; overflow: hidden; }
.header .content h1,
.header .content .h1 { margin: 0 0 10px 0; }
.header .content h1,
.header .content .h1,
.header .content p.descr,
.header .content a.button { margin-left: 19px; }
.header .content p.descr { margin-bottom: 25px; }
.header .content a.button { display: block; width: 360px; height: 67px; padding: 0 0 0 40px; line-height: 58px; color: #ffffff; font-size: 15px; background:#0258E8 url(../images/layout/buttons/header.jpg) left top no-repeat; text-decoration: none; }
.header .content a.button:hover { text-decoration: underline; }

/*menu*/
.header .menu { width: 659px; float: left; margin: 0 0 30px 0; }
.header .menu li { float: left; padding: 0 1px 0 0; background: url(../images/layout/dividers/menu.gif) right top no-repeat }
.header .menu li a { display: block; float: left; height: 28px; line-height: 25px; color: #ffffff; font-size: 15px; text-align: center; text-decoration: none; }
.header .menu li.m1 a { width: 73px; }
.header .menu li.m1 a:hover, .header .menu li.m1 a.active, .header .menu li.m1 a.active:hover { background: url(../images/layout/menu/m1.gif); }
.header .menu li.m2 a { width: 93px; }
.header .menu li.m2 a:hover, .header .menu li.m2 a.active, .header .menu li.m2 a.active:hover { background: url(../images/layout/menu/m2.gif); }
.header .menu li.m3 a { width: 117px; }
.header .menu li.m3 a:hover, .header .menu li.m3 a.active, .header .menu li.m3 a.active:hover { background: url(../images/layout/menu/m3.gif); }
.header .menu li.m4 a { width: 57px; }
.header .menu li.m4 a:hover, .header .menu li.m4 a.active, .header .menu li.m4 a.active:hover { background: url(../images/layout/menu/m4.gif); }
.header .menu li.m5 a { width: 145px; }
.header .menu li.m5 a:hover, .header .menu li.m5 a.active, .header .menu li.m5 a.active:hover { background: url(../images/layout/menu/m5.gif); }
.header .menu li.m6 a { width: 86px; }
.header .menu li.m6 a:hover, .header .menu li.m6 a.active, .header .menu li.m6 a.active:hover { background: url(../images/layout/menu/m6.gif); }
.header .menu li.m7 a { width: 83px; background:#0258E8 url(../images/layout/menu/signup.gif); }
.header .menu li.m7 a:hover { text-decoration: underline; }
.header .menu li.rear { background: none; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 946px; padding: 0 14px 25px 0; float: left; }

/* = content
---------------------------------------------------------------------------------------------------*/
.main .content { width: 655px; float: right; padding: 32px 0 0 0; }
.main .content .contentInner { padding: 0 0 0 15px; }
.main .content .list { width: 641px; float: left; margin: 0 0 5px 0; }
.main .content .list li { float: left; }
.main .content .list li a { display: block; }
.main .content .list li.rear { padding-top:20px; }
.main .content a.button { display: block; width: 360px; height: 77px; padding: 0 0 0 40px; line-height: 58px; color: #ffffff; font-size: 15px; background:#0258E8 url(../images/layout/buttons/content.jpg) left top no-repeat; text-decoration: none; }
.main .content a.button:hover { text-decoration: underline; }

/* = side
---------------------------------------------------------------------------------------------------*/
.main .side { width: 241px; float: left; padding: 181px 0 0 24px; background: url(../images/layout/bg-side.jpg) left top no-repeat; }
* html .main .side { display: inline; }
.main .side .t3 { margin: 0 0 15px 0; padding: 0 0 0 19px; }
.main .side a { text-decoration: none; }
.main .side .box { margin: 0 0 15px 0; }
.main .side .box ol li,
.main .side .box ul li { margin: 0 0 10px 0; }
.main .side .box.top5 .t3 { background: url(../images/layout/icons/cup.gif) left 2px no-repeat; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 960px; float: left; background: url(../images/layout/bg-footer.jpg) left top no-repeat; padding: 41px 0 0 0; text-align: center; }
.footer ul { text-align: center; }
.footer ul li { display: inline; background: url(../images/layout/dividers/footer.gif) right 3px no-repeat; padding: 0 10px 0 0; margin: 0 4px 0 0 ; }
.footer ul li.rear { background: none; }
.footer ul li a { text-decoration: none; }
.footer ul li a:hover { text-decoration: underline; }
.footer p { color: #A3A3A3; }

/* = ui-tabs
---------------------------------------------------------------------------------------------------*/
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }