/* CSS Document */

body,td,th,div { font-family:Tahoma,Geneva,sans-serif; margin:0; padding:0; font-size:13px; line-height:130%; color:#464D51;}

body { background:url(images/bg_main.png) top #3777A5 repeat-x;}

#mask { background:#678 url(images/bg_expose.png) no-repeat; background-position:13% 160px;}



h1 { display:block; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:17px; font-weight:normal; line-height:140%; color:#f30; margin:10px 0; padding:0;}

h4 { margin:0; padding:0; font-size:13px;}

.stats h3 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; font-weight:normal; line-height:140%; color:#f30; margin:0; padding:0;}

.stats h3 a { color:#f30;}

h1.link a:link, h1.link a:visited { color:#f30; border-bottom:1px dashed #f30;}

h1.link a:hover {text-decoration:none;}



/* Links */

a:link, a:visited { color:#056DB1; text-decoration:none;}

a:hover { color:#0580D1; text-decoration:underline;}

a.rss { display:block; float:right; width:16px; height:16px; background:url(images/icon_rss.png); margin:0 10px;}



/* Images */

img { border:none; margin:0; padding:0;}

img.art { float:right; margin:3px 10px; padding:1px;}

img.art2 { margin:3px 10px; padding:1px;}



/* Divs and Cells */

#base { margin:0 auto; width:990px; overflow:hidden;}

#topbar { padding:10px 20px; background:url(images/bg_topbar.png) top repeat-x #E4EDF2; border-bottom:1px solid #D0DDE6;}

#logo { margin:15px 0;}

#toptext { float:right; width:690px;}

#top_address { float:right; width:220px; margin:0 10px; font-size:11px; text-align:right;}

#top_events { text-align:right; margin:5px 240px 10px 20px; font-size:85%;}

.whitetab { position:relative; margin:15px 0; background:#fff; padding:0 10px; overflow:hidden;}

.whitetab tt { background:url(images/corners_white.png) top left;}

.inner { background:url(images/bg_leftcol.png) repeat-y top left #fff; padding:0;}

.introbar { width:949px; background:url(images/introbar_bg.jpg) top left #145282; height:250px; padding:10px 10px 0 10px; margin:10px 0 0 0; position:relative; overflow:hidden;}



.first { background-position: top left;}

.second { background-position: 0 -268px;}

.third { background-position: 0 -535px;}



#introbar div { color:#BDECF8;}

#desc div { height:275px;}

#footer { padding:0 15px 15px 15px; overflow:hidden;}

#leftcol { width:272px; float:left; padding:10px 0 20px;}

#innercol { width:680px; float:left; padding:0 0 20px 20px; color:#464D51;}

.leftcontent { padding:0 10px 10px 10px;}

//.green { background:url(images/bg_introbar.png) repeat-y;}

.green tt { background:url(images/corners_green.png) top left;}

.stats { padding:7px 12px; position:relative; background:#F6F9FB; border:1px solid #E2EAF0; font-size:11px; margin:0 0 10px 0;}

.stats tt { background:url(images/corners_stats.png) top left;}

//.blue { background:url(images/bg_introbar_blue.png) repeat-y;}

.blue tt { background:url(images/corners_blue.png) top left;}

.pathway { position:relative; margin:10px; padding:10px; background:#136D91; color:#fff; font-size:11px;}

.pathway tt { background:url(images/corners_pathway.gif) top left;}

.pathway a, .stats a.block { display:block; float:left; margin:0 3px; color:#BDEDF9; text-decoration:underline;}

.stats a, .stats a.block { color:#056DB1; margin:0; text-decoration:underline;}

.sublinks { display:block; float:right; margin-top:12px; width:200px; text-align:right;}

.sublinks a { display:block; margin:0 3px; float:left;}

.index_left { width:485px; float:left; padding:10px;}

.index_right { width:445px; float:left; padding:10px;}

.intro_left { width:505px; float:left;}

.intro_right { float:left;}

.lineban { text-align:center; height:25px; padding:10px 0;}

.half { width:215px; float:left; padding:0 7px 0 0; margin:0 0 10px 0;}

.half2 { width:48%; float:left; padding:0 7px 0 0; margin:0 0 10px 0;}

.center { text-align:center;}

.small { font-size:85%;}

.padtop { padding:10px 0 0 0;}

.padtop2 { padding:55px 0 0 0;}

small { display:block; clear:both; font-size:90%; font-weight:normal; color:#464D51; line-height:120%; padding:3px 0 0 0;}

q { display:block; color:#056DB1; margin:3px 0; quotes: "\00AB" "\00BB";}

.announce { display:block; border-bottom:1px solid #E5EDF2; padding:0 0 10px 0;}

.last { border:none; padding:0;}

.patharr { display:block; float:left; padding:0 3px;}

.comment_date {font-size:10px;}

.comments li { display:block; padding:5px 0; border-bottom:1px dotted #E2EAF0;}

.divlist, .shotslist { clear:both; margin:5px 0;}

.divlist h3, .shotslist h3 { font-size:12px; padding:0; margin-bottom:3px;}

.divlist h3 img { float:left; margin:5px 5px 0 10px; width:100px; height:75px;}

.shotslist { padding:0 0 10px 0; overflow:hidden; border-bottom:1px dotted #E2EAF0;}

.shotslist h3 { font-size:14px;}

.shotslist img { float:right; margin:-10px 5px 5px 10px;}

.shotslist .grey { display:block; margin:0 0 5px 0; color:#999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.left { font-size:12px;}

.left h3 { font-weight:normal;}

.left img { float:left; margin:0 15px 15px 0;}

.customer_logo {display:block; width:140px; padding:0 5px; float:right; text-align:center;}

.customer_text {clear:both; border-bottom: 1px solid #ccc; padding:10px 0 0 0;}



.paginator { padding:10px; text-align:center; clear:both;}

.paginator a { display:inline; padding:2px 5px; margin:0 1px; border:1px solid #ececec; text-decoration:none; color:#5066a1;}

.paginator a:hover { border:1px solid #a5ceff; background:#efefff; color:#2b67b7;}

.paginator a.act { border:1px solid #848484; color:#555; font-weight:bold;}



ul.posts { margin:0; padding:0;}

ul.posts li { list-style:none; display:block; float:left; width:230px; height:50px; overflow:hidden; padding:0 5px; margin-bottom:10px;}

ul.posts li .date { display:block; font-size:0.95em;}

ul.posts li .title a { display:block;}

.post ul { list-style:inherit; padding:10px 20px; margin:0;}



ul.arrows, ul.block, ul.idTabs, ul.side { list-style:none; margin:0; padding:0 0 5px 0; font-size:12px;}

ul.arrows li { list-style:none;}

#desc div ul {margin:7px; padding:0;}

ul.arrows li a, #desc div ul li { list-style:none; display:block; padding:0 0 0 15px; margin:0 0 5px; background:url(images/arrow_grey.gif) 0 4px no-repeat; text-decoration:none;}

ul.arrows li a:hover { background-position:0 -87px;}



ul.idTabs { width:500px; overflow:hidden;}

ul.idTabs li { list-style:none; float:left; width:225px; display:block; padding:3px 0 3px 25px; margin:0 0 2px; background:url(images/bg_underli.png) 0 1px no-repeat;}

ul.idTabs li:hover { background-position:0 -22px;}

ul.idTabs li a { border-bottom:1px dashed #056DB1; margin:0; padding:0; outline:none;}

ul.idTabs li a:hover { border-bottom:1px dashed #B10505; text-decoration:none;}

ul.idTabs li.active { background-position:0 -45px;}

ul.idTabs li.active a { color:#B10505; border:none;}

ul.side li { list-style:none; display:block; border-top:1px solid #CDDDE8;}

ul.side li a { display:block; padding:10px 10px 10px 30px; border-top:1px solid #fff; text-decoration:underline;}

ul.side li a.parent { padding-left:40px;}

ul.side li a.red { color:#B10505;}

ul.side li a.this { padding-left:50px;}

ul.side li a.active { color:#577787; font-weight:bold; text-decoration:none; background:#fff; border-right:1px solid #CDDDE8;}

ul.side li a.last { border-bottom:1px solid #CDDDE8;}

ul.side li.last { border-bottom:1px solid #fff;}



ul.block li { list-style:none; display:block; border:1px solid #E5EDF2; padding:1px; margin:0 0 7px 0;}

ul.block li a { display:block; padding:5px; background:#F2F6F9; text-decoration:none;}

ul.block li a:hover { background:#E5EDF2;}

ul.intro { list-style:none; margin:0; padding:20px 0 0 0;}

ul.intro li { list-style:none;}

ul.intro li a { display:block; padding:7px 9px; background:none; font-size:12px; color:#fff; text-decoration:none;}

ul.intro li a:hover { background:url(images/bg_introli.png) top right no-repeat;}

ul.intro li small { color:#BDECF8; font-size:85%;}

ul.footer { list-style:none; width:220px; float:left; margin:0 0 0 10px; padding:0;}

ul.footer li { list-style:none; color:#fff; font-size:85%; line-height:120%;}

ul.footer li a { color:#BDECF8; text-decoration:none;}

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

span.icon { display:block; width:14px; height:16px; float:left; background:url(images/icons.gif); margin:0 5px 0 0;}

span.graph { background-position: 0 0;}

span.idea { background-position: 0 -17px;}

span.calc { background-position: 0 -34px;}

.tel { font-size:14px; font-weight:bold;}



/* Buttons */

a.btn { display:block; width:203px; height:21px; clear:both; background:url(images/buttons.png);}

a.support { background-position:0 0;}

a.support:hover { background-position:0 -22px;}

a.trial { background-position:0 -44px;}

a.trial:hover { background-position:0 -66px;}

a.present { background-position:0 -88px;}

a.present:hover { background-position:0 -110px;}

a.function { background-position:0 -132px;}

a.function:hover { background-position:0 -154px;}

a.price { background-position:0 -176px;}

a.price:hover { background-position:0 -198px;}

.lineban a.btn { clear:none; float:left; margin:0 0 0 15px;}

a.path { float:right; margin-top:-3px;}



/* Corners */

tt { position:absolute; display:block; width:5px; height:5px; font-size:0px;}

tt.lt { top:0; left:0; background-position:top left;}

tt.rt { top:0; right:0; background-position:top right;}

tt.rb { bottom:0; right:0; background-position:bottom right;}

tt.lb { bottom:0; left:0; background-position:bottom left;}

tt.lt1 { top:-1px; left:-1px; background-position:top left;}

tt.rt1 { top:-1px; right:-1px; background-position:top right;}

tt.rb1 { bottom:-1px; right:-1px; background-position:bottom right;}

tt.lb1 { bottom:-1px; left:-1px; background-position:bottom left;}

tt.greylb { bottom:0; left:0; background:url(images/corners_grey.gif); background-position:bottom left;}



/* Forms */

form { width:530px; padding:15px;}

form fieldset { border:none; padding:0 0 15px 0;}

form fieldset legend { margin:0; padding:10px 0; font-weight:bold;}

form div { clear:both;}

form label { float:left; width:210px; margin-right:10px; padding-top:2px; text-align:right;}

form label.required { font-weight:bold;}

form input, form textarea { float:right;}

form input.text, form textarea.text { width:290px;}

select { float:left;}

.submit { margin-left:200px;}

.form_error label { color:#f30;}

.form_error input, .form_error textarea { border:1px solid #f30;}

.clear { clear:both;}

form .clear, form .error { padding:2px 0 5px 0;}

form .error {	clear:both; margin-left:240px; color:#f30; font-size:11px;}

form .interests-list { float:left; width:250px; padding:0; margin:0;}

form .interests-list li { clear:both; list-style:none;	padding:0; margin:0;}



/* Menu */

#topmenu { background:url(images/bg_topmenu.png) bottom repeat-x #fff; height:44px;}

#topmenu ul { list-style:none; margin:0; padding:3px 10px; height:35px; position:relative; z-index:1000; width:990px;}

#topmenu ul li { list-style:none; display:block; float:left;}

#topmenu ul li a { display:block; padding:8px 20px 13px 18px; background:url(images/divider_topmenu.png) right bottom no-repeat; font-size:12px; font-weight:bold; text-decoration:none;}

#topmenu ul li:hover, #topmenu ul li a:hover { color:#f00; background:url(images/divider_topmenu.png) right bottom no-repeat #fff;}

#topmenu ul li a.active { color:#464D51;}

#topmenu ul a.actli { background:url(images/divider_topmenu.png) right bottom no-repeat #fff; color:#f00;}

#topmenu ul ul li { display:block; width:250px; height:auto; line-height:1em; background:#fff;}

#topmenu ul ul li a { background:none;}

#topmenu ul ul li.f { padding-top:10px;}

#topmenu ul ul li.last { padding-bottom:10px;}

#topmenu ul ul a, #topmenu ul ul a:visited { display:block; width:228px; height:100%; line-height:1em; margin:0 1px; padding:5px 10px; font-weight:normal; text-decoration:underline;}

* html #topmenu ul ul a, * html #topmenu ul ul a:visited  { width:250px; w\idth:128px;}

* html #topmenu a:hover { border:0; height:25px; position:relative; z-index:100;}

#topmenu li:hover { position:relative;}

* html #topmenu ul ul a:hover{ color:#f00; position:relative; z-index:110; height:100%;}

#topmenu ul ul li:hover { position:relative;}

#topmenu ul ul :hover > a { color:#f00; z-index:110; height:100%;}

#topmenu ul ul { visibility:hidden; position:absolute; height:0; top:22px; left:0; width:250px;}

#topmenu ul :hover ul { visibility:visible; height:auto; padding:15px 0 0 0; left:-1px;}

#topmenu ul :hover ul li a { color:#056DB1;}

#topmenu ul :hover ul li a:hover { background:none; color:#f00;}

#topmenu ul :hover ul.last { left:-130px;}



/* Scroller */

#navs { margin-left:405px; padding:0px 5px;}

div.scrollable { position:relative; overflow:hidden; width:405px; height:40px; float:left;} 

div.scrollable div.items { height:20000em; position:absolute;}

div.items div { color:#056DB1; padding:0 0 5px 0; width:400px; text-align:right; font-size:11px;}

#vup, #vdown { background:url(images/v_arrows.png) top left no-repeat; display:block; width:9px; height:9px; font-size:1px; margin:15px 0;}

#vdown { background-position: 0 -9px;}

#vup:hover { background-position:0 -18px;}

#vdown:hover { background-position:0 -27px;}



/* ToolTip */

div.tooltip { background:transparent url(images/bg_tooltip.png) no-repeat scroll 0 0; text-align:right; font-size:12px; height:16px; padding:20px 27px 20px 13px; width:181px; display:none; color:#fff; z-index:10000;}



.comparison { border:1px solid #c0c0c0; border-collapse:collapse;}

.comparison td { padding:2px 4px; background:#DBE5F1; font-size:9px; border:1px solid #c0c0c0;}

.comparison tr.head td { font-weight:bold; border-bottom:1px solid #fff; background:#B8CCE4; font-size:10px;}

.comparison td ul { margin:0 0 0 14px; padding:0;}

.comparison td.tit { text-align:left; background:#365F91; color:#fff;}

span.check, span.paid { display:block; margin:0 auto; width:13px; height:12px; background:url(images/icon-check.gif) top left;}

span.paid { background-position:bottom;}



#intro_ul { width:205px; margin:0; padding:0; float:left; position:absolute; top:-5px; left:-5px;}

#intro_ul li { list-style:none; display:block; margin:1px; background:url(images/bg.intro_li.png); font-size:12px; border:1px solid #fff; margin:0; padding:0 0 1px 0;}

#intro_ul li.act { background:none; border:none;}

#intro_ul li a { color:#333; outline:none; display:block; padding:20px 15px 16px 20px; font-size:12px;}

#intro_ul li a:hover { text-decoration:none; color:#000;}

#intro_pix { margin-left:210px; text-align:center; width:245px; height:250px; }



#force_intro, #sol_intro {display:none;}



#cal { margin:0; padding:0;}

#cal li { list-style:none;}

#cal li a { list-style:none; float:left; display:block; margin:0 10px; padding:65px 20px 20px 20px; width:110px; height:53px; background:url(images/calendar.png); font-size:18px; text-align:center;}

#cal li a .date { clear:both; font-size:62px;}

#cal li a:hover { text-decoration:none;}



div.rounded_blue { padding:15px; width:454px; height:276px; background:url(images/bg.event.png) top left no-repeat;}

p.event_title {margin:0; padding:0 0 10px 0; line-height:130%; font-size:16px; font-weight:bold; color:#f30;}

span.desc_time {display:block; clear:both; color:#f30; padding-top:5px;}

span.desc_text {display:block; clear:both; margin-left:60px;}



#benefits_roll, #services_roll, #effectivity_roll {display:none;}