/*
RESET
*/
html { height:100%; min-width:950px; }
body { margin:0; height:100%; color:#000; font:11px Arial, Helvetica, sans-serif; background:#e5e5e5 url(../images/bg-body.gif) repeat-y 50% 0; }
a { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; color: #000; }
img { border-style:none; }
input, textarea, select { font:100% arial, sans-serif; vertical-align:middle; }
form, fieldset { margin:0; padding:0; border-style:none; }
ul li { font-size: 12px; }
li { padding-bottom: 5px; }
ol { list-style-type: none; margin: 0; padding: 0 0 10px; font-size: 12px; }
.sitemap ol { list-style-type: circle; margin: 0 0 0 15px; padding: 4px 0; }
img a { border: none; }
/*
UTILITY
*/
.clear { clear: both; float: left; }
.clear-sub { clear: both; width: 100%; height: 0px; }
.clear-test { clear: both; height: 15px; }
.img-left { float: left; margin: 10px 10px 3px 0; border: 1px solid #000; }
p.test { margin: 0; font-size: 18px; line-height: normal; }
/*
LAYOUT
*/
/* main */
#main { background:url(../images/bg-main.jpg) no-repeat 50% 0; min-height:100%; }
#main-sub { background:url(../images/bg-sub.jpg) no-repeat 50% 0; min-height:100%; }
* html #main { height:100%; }
.inner-main { margin:0 auto; padding-bottom:118px; width:950px; min-height:500px; overflow:hidden; }
* html .inner-main { height:500px; overflow:visible; }
/* header*/
#header { width:934px; padding:26px 16px 0 0; }
.logo { float:left; width:295px; height:56px; margin:0 0 0 8px; background:url(../images/logo.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
.logo a { display:block; height:100%; }
/* top-header */
.top-header { width:100%; padding:0 0 24px; overflow:hidden; }
.top-header div { float:right; display:inline; width:256px; margin:0 -18px 0 0; overflow:hidden; }
.top-header span { float:left; margin:0 21px 0 0; }
.top-header span em { display:block; margin:0 0 2px; font-size:13px; line-height:14px; font-style:normal; color:#2379c6; }
.chat { display:block; width:32px; height:31px; background:url(../images/icon-chat.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
.top-header span strong { display:block; margin:6px 0 0; font-size:26px; line-height:28px; color:#2379c6; }
/* drop-menu */
#dropmenu { float:left; margin:18px 0 0; padding:0; list-style:none; position:relative; z-index:5; }
#dropmenu li { float:left; background:url(../images/sep-dropmenu.gif) no-repeat 0 50%; padding-bottom: 0; }
#dropmenu li:first-child { background:none; }
#dropmenu li a { float:left; padding:0 8px 0 9px; font-size:13px; line-height:18px; }
#dropmenu li.hover,
#dropmenu li:hover { position:relative; }
#dropmenu li.hover a,
#dropmenu li:hover a { color:#2a74b5; }
#dropmenu ul { display:none; }
#dropmenu li.hover ul,
#dropmenu li:hover ul { display:block; margin:0; padding:7px 0 0; list-style:none; position:absolute; top:18px; left:2px; width:140px; }
#dropmenu li.hover li,
#dropmenu li:hover li { background:#e4e4e4; width: 100%; }
#dropmenu li.hover li a,
#dropmenu li:hover li a { padding:0 8px; width:124px; line-height:23px; font-size:12px; float:none; display:block; }
#dropmenu li.hover li a:hover,
#dropmenu li:hover li a:hover { background:#3a7bb7; color:#fff; text-decoration:none; }
#dropmenu li.hover li.hover,
#dropmenu li:hover li:hover { background:#3a7bb7; }
#dropmenu li.hover li.hover a,
#dropmenu li:hover li:hover a { color:#fff; }
#dropmenu li.hover ul ul,
#dropmenu li:hover ul ul { display:none; }
#dropmenu li.hover li.hover ul,
#dropmenu li:hover li:hover ul { display:block; margin:0; padding:0; list-style:none; position:absolute; top:0; left:140px; width:140px; }
#dropmenu li.hover li.hover li,
#dropmenu li:hover li:hover li { background:#3a7cb9; }
#dropmenu li.hover ul li.hover ul ul,
#dropmenu li:hover ul li:hover ul ul { display:none; }
#dropmenu li.hover li.hover li.hover ul,
#dropmenu li:hover li:hover li:hover ul { display:block; margin:0; padding:0; list-style:none; position:absolute; top:0; left:140px; width:140px; }
#dropmenu li.hover li.hover li.hover,
#dropmenu li:hover li:hover li:hover { background:#6da2d3; }
#dropmenu li.hover li.hover li.hover a:hover,
#dropmenu li:hover li:hover li:hover a:hover { background:#6da2d3; }
#dropmenu li.hover li.hover li.hover li.hover a,
#dropmenu li:hover li:hover li:hover li:hover a { background:#6da2d3; }
/* login */
.login { float:right; width:250px; margin:-7px 0 0; }
.login div { float:left; }
.login label { display:block; font-size:11px; line-height:15px; font-weight:bold; color:#5d5c5c; }
.login label a { font-size:9px; color:#2577c0; text-decoration:underline; }
.login label a:hover { text-decoration:none; }
.login input { padding:0 5px; margin:0 6px 0 0; height:18px; font-size:13px; border:1px solid #8a8a8a; }
.login .user { width:70px; }
.login .pass { width:89px; }
.login .btn-login { margin:16px 0 0 3px; padding:0; border-style:none; }
.login .sign { float:left; margin:2px 30px 0 0; font-size:10px; line-height:12px; color:#084c89; text-decoration:underline; }
.login .sign:hover { text-decoration:none; }
/* intermediate-block */
.intermediate-block { clear:both; padding:62px 90px 0 76px; width:784px; height:288px; overflow:hidden; }
.intermediate-block img { float:left; margin:5px 0 0; border:2px solid #fff; }
/* intermediate-info */
.intermediate-info { float:right; margin:0 0 0 25px; width:480px; color:#fff; }
.intermediate-info strong { display:block; font:normal 28px/30px Verdana, Arial, Helvetica, sans-serif; }
.intermediate-info h1 { float: none; margin:-8px 0 12px; font-size:58px; line-height:60px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFF }
.intermediate-info h1 sup { font-size:26px; line-height:26px; font-weight:normal; }
.intermediate-info p { margin:0; font-size:13px; line-height:19px; }
.click-more { display:block; margin: 17px 0 0; width:123px; height:31px; background:url(../images/click-more.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
/* content */
#content { width:950px; margin:21px 0 0; background-color:#fff; overflow:hidden; }
#content { width:950px; margin:50px 0 0; background-color:#fff; overflow:hidden; }
/* tables */
.table_pricing { margin: 35px auto; }
.table_pricing .title { color: #5788D4; font-weight: bold; font-size: 16px; text-align: center; border-bottom: 1px solid #5788D4; margin-bottom: 5px; padding-bottom: 5px }
.table_pricing tr { padding: 0; }
/* general-block */
.general-block { width:970px; margin:0 -10px 26px -10px; background:url(../images/bg-content2.gif) repeat-y; overflow:hidden; }
/* sub-block - Main Sub Page */
.submain-block { clear: left; width:970px; margin:0 -10px 26px -10px; background: url(../images/bg-sub-main.gif) repeat-y #FFF; overflow:hidden; color: #666 }
.submain-block .left { float: left; width: 375px; margin-left: 15px; }
.submain-block .left img { border: 1px solid #000; }
.submain-block .left img.link { margin-bottom: 15px; }
.submain-block .left img.link:hover { border: 1px solid #000; }
.submain-block .left p { font-size: 16px; line-height: 22px; margin: 5px 0 10px; }
.submain-block .left p.faq { font-size: 16px; color: #0064AA; }
.submain-block .left .contact img { float: left; border: none; margin: 0 0 8px; }
.submain-block .left .contact h3 { float: left; color: #0064AA; font-weight: normal; font-size: 16px; margin: 20px 0 0; }
.submain-block .left .contact .intro { margin-bottom: 5px; }
.submain-block .left .contact p { clear: left; }
.submain-block .left .contact .contact-text { margin-bottom: 10px; font-size: 12px }
.submain-block .left a { text-decoration: underline; }
.submain-block .right { float: right; width: 540px; }
.submain-block .right p.heading { font-size: 13px; font-weight: bold; margin: 0 0 25px; line-height: 13px; }
.submain-block .right p { font-size: 12px; line-height: 18px; margin: 7px 0 7px 0; width: 98%; }
.submain-block .right strong { }
.submain-block .right .descrip { width: 400px; margin: 15px 0 10px 20px; padding-bottom: 20px; border-bottom: 1px solid #c8e0f4; }
.submain-block .right .full { width: 500px; margin: 0 0 10px 0; padding-bottom: 20px; border-bottom: 1px solid #c8e0f4; }
.submain-block .right h2 { color: #2e88d4; margin: 0; padding: 0; font-size: 16px; font-weight: normal; }
.submain-block .right a { color: #2e88d4; text-decoration: underline; font-weight: bold; font-size: 12px; }
.submain-block .right a:hover { text-decoration: none; }
.submain-block .right span { color: #a0c234; font-size: 14px; }
.submain-block .right tr,td { font-size: 14px; }
.submain-block .right img.lrg { margin: 0 0 20px; }
.submain-block .right .faqpage h3 { color: #0064AA; font-weight: normal; font-size: 18px; margin: 0 0 8px; border-bottom: 1px solid #0064AA }
.submain-block .right .faqpage strong { font-size: 12px; padding-right: 15px; }
.submain-block .right .faqpage p { font-size: 12px; margin: 2px 0 20px; }
/* sub-block - Content Sub Page */
.subcontent-block { clear: left; width:970px; margin:0 -10px 26px 0px; background:#FFF; overflow:hidden; }
.subcontent-block p { font-size: 12px; line-height: 18px; margin: 7px 0 7px; }
/* text-block */
.text-block { float:left; display:inline; width:365px; padding:2px 26px 0 22px; }
.text-block h2 { margin:0; }
.text-block p { margin:3px 0 0; color:#585858; font-size:14px; line-height:20px; }
.text-block h2 a { display:block; height:24px; overflow:hidden; text-indent:-9999px; }
.help a { width:171px; background:url(../images/text-help.gif) no-repeat 0 0; }
.blog a { width:135px; background:url(../images/text-blog.gif) no-repeat 0 0; }
.portfolio a { width:75px; background:url(../images/text-portfolio.gif) no-repeat 0 0; }
.text-block h2 a:hover { background-position:0 -24px; }
#content .portfolio-block { float:left; width:515px; padding:0 0 0 22px; }
.portfolio-block ul { margin:-12px 0 0; padding:0; list-style:none; }
.portfolio-block li { float:left; display:inline; margin:18px 25px 0 0; }
.portfolio-block li img { display:block; border:1px solid #333; }
.portfolio-block li img:hover { border: 1px solid #2A75BB; }
/* bottom-block */
.bottom-block { padding:15px 0 15px; background-color:#c0d5ea; margin:0 0 28px; border: 1px solid #999; }
/* inner-bottom-bl */
.inner-bottom-bl { width:926px; padding:0 0 0 9px; background:url(../images/bg-bottom-block.gif) repeat-y; overflow:hidden; }
.inner-bottom-bl div { float:left; padding-bottom:9px; }
.testimonials { width:215px; padding:0 40px 0 10px; }
.testimonials img { float:left; margin:0 7px 0 0; border:1px solid #2f4559; }
.testimonials strong { display:block; margin:0 0 27px; color:#084c89; font-size:11px; line-height:13px; }
.testimonials strong a { color: #084c89; text-decoration: underline; }
.testimonials strong a:hover { text-decoration: none; }
.testimonials strong br { margin-bottom: 3px; }
.testimonials p { margin:0 0 7px; font-size:12px; line-height:18px; color:#000; }
.read-more { width:100%; overflow:hidden; }
.read-more a { font-size:11px; line-height:13px; color:#084c89; text-decoration:underline; }
.read-more a:hover { text-decoration:none; }
.faq { width:380px; padding:0 10px 0 18px }
.faq li a { font-size: 12px; color: #000; line-height: 14px }
.letter { width:220px; padding:0 13px 0 12px; }
.letter .row { width: 220px; position: relative; margin-bottom: 5px; }
.letter .row label { float: left; }
.letter .row input { position: absolute; left: 40px; width: 160px; }
.schedule { width:228px; padding:0 0 0 9px; }
.inner-bottom-bl h3 { margin:0 0 8px; }
.inner-bottom-bl h3 a { display:block; text-indent:-9999px; }
.text-testim { width:91px; background:url(../images/text-testimonials.gif) no-repeat; }
.text-faq { width:33px; background:url(../images/text-faq.gif) no-repeat; }
.text-letter { width:202px; height:37px; background:url(../images/text-letter.gif) no-repeat; }
.text-schedule { width:228px; background:url(../images/text-schedule.gif) no-repeat; }
.faq ul { margin:0; padding:0 0 11px; list-style:none; height:1%; overflow:hidden; }
.faq li span { display:block; padding:0 0 3px; background:url(../images/sep-faq.gif) repeat-x 0 100%; }
.faq li { float:left; width:320px; padding:0 0 5px 13px; background:url(../images/icon-arrow.gif) no-repeat 0 8px; margin-bottom: 5px }
.schedule .row { margin:0 0 -3px; width:100%; overflow:hidden; }
.schedule .row label { float:left; padding:4px 0 0; line-height:13px; height:18px; font-size:12px; color:#000; width:88px; }
.schedule .row input { float:left; border:1px solid #8292a1; width:125px; padding:2px 5px 0; height:18px; }
.schedule .hour { width:50px; margin:0 3px 0 0; }
.schedule .time { width:35px; }
.btn-schedule { float:left; margin: 5px 0 0 88px; }
/* footer */
#footer { width:100%; margin-top:-118px; padding:18px 0 0; height:100px; position:relative; background:#e5e5e5 url(../images/bg-footer.gif) no-repeat 50% 0; }
/* inner-footer */
.inner-footer { margin:0 auto; width:950px; height:100%; overflow:hidden; }
.footer-nav { float:left; width:680px; display:inline; margin:0 0 0 10px; padding:0; list-style:none; overflow:hidden; }
.footer-nav li.home { width: 55px; }
.footer-nav li { float:left; font-size:11px; }
.footer-nav li a { font-size:12px; line-height:14px; }
.footer-nav ul { margin:2px 0 0; padding:0; list-style:none; }
.footer-nav ul li { float:none; margin:0 12px 0 0; color:#616161; }
.footer-nav ul a { font-size:11px; line-height:17px; color:#616161; }
.footer-nav li ul { margin-top: 8px; }
/* info-block */
.info-block { float:right; width:260px; text-align: right; }
.info-block ul { margin:0 0 0 -4px; padding:0; list-style:none; overflow:hidden; }
.info-block li { display:inline; margin:0 0 0 -1px; padding:0 5px 0 5px; line-height:14px; background:url(../images/sep-info-block.gif) no-repeat 0 60%; }
.info-block li a { color:#616161; font-size:11px; line-height:13px; }
.info-block strong { display:block; margin:9px 0 0 3px; font-size:11px; font-weight:normal; line-height:14px; color:#616161; }
/* select */
.outtaHere { position:absolute; left:-3000px; }
/* Selects */
.selectArea { height: 22px; float: left; font-size: 10px; position: relative; color: #000; line-height: 22px; }
.selectArea .left { width: 5px; height: 22px; margin: 0 !important; padding: 0 !important; background: url(../images/left.gif) no-repeat; display: block; overflow:
hidden; position: absolute; top: 0; left: 0; }
.selectArea a.selectButton { display: block; float: none; width: 100%; height: 22px; background: url(../images/right-select.gif) no-repeat top right; position: absolute; top: 0; right: 0;
border: none; z-index: 4; }
.selectArea .center { display: block; height: 22px; line-height: 22px; margin: 0 12px 0 5px !important; padding: 0 !important; overflow: hidden; float: none !important;
background: url(../images/center.gif) repeat; }
.selectArea .disabled { width: 100%; height: 22px; background-color: #2F384E; position: absolute; top: 0; left: 0; z-index: 5; }
.schedule .time { width: 60px; }
/* CONTACT FORM */
.contact_form .row { margin:0 0 10px; overflow:hidden; width:100%; }
.contact_form label { color:#333333; float:left; font-size:12px; line-height:15px; padding:4px 10px 0 0; width:95px; }
.contact_form input { border:1px solid #8292A1; float:left; height:18px; padding:2px 5px 0; width:200px; }
.contact_form textarea { border:1px solid #8292A1; float:left; height:100px; padding:2px 5px 0; width:200px; }
/*
TYPOGRAPHY
*/
h1 /*Page Title */ { color: #666; float: left; font-size: 22px; margin: 0 0 15px; padding: 0; font-weight: normal; }
/* PRIVACY */
#privacy { margin: 0 auto; width: 950px; }
#privacy strong { font-size: 16px; }
#privacy p,
#privacy ol,
#privacy li { font-size: 12px; }
#privacy li { list-style-type: lower-alpha; }
#privacy ol { list-style-type: circle; margin-left: 30px; margin-bottom: 5px; }