/* global classes */
html {width: 100%; height: 100%; min-height: 100%;}
body {width: 100%; height: 100%; min-height: 100%; margin:0px; background:url(images/bg.gif) 0 0 repeat-x; background-color: #d1d9e2;}
body, input, select, textarea {font-family: arial;color: #000}
em {float: right; padding:1px 4px; font: bold 50% arial; margin:4px 0 0 0; background-color: #F7F7F7; border:solid 1px #cccccc; padding:1px 4px}
em a,
em a:visited {text-decoration:none;}
em a:hover {text-decoration:underline}
html>body, html>body #main-canvas {height: auto}
a {color: #0000FF; text-decoration: none}
a:hover {color: #0000FF; text-decoration: underline}
a:active {color: #0000FF; text-decoration: none}
a.tip,
a:hover.tip,
a:active.tip {border-bottom:dashed 1px #0000FF; text-decoration:none}
form {padding:0px; margin:0}
hr {height: 1px;border-top: 1px dotted #cccccc; border-right: none; border-bottom: none; border-left: none; margin:0.95em 0; clear:both}
p {margin: 0;padding: 0.5em 0px;line-height:1.4em; font-size: 95%}
ol, ul {line-height:1.4em; font-size: 95%}
p.below_crumbs {padding-top: 0; color: #333333; font-weight: bold}
p.csr {line-height:1.4em; padding-left: 44px; padding-top:0; margin-top:0; background:url(../../images/cust_service_sm.gif) 0 0 no-repeat; min-height:34px; height:auto}
* html p.csr /*min height for IE */ {height: 34px;}
h1 {font-size: 130%; margin: 0px 0px 0.5em 0px;padding: 0px; color: #FF6600}
h2 {font-size: 110%; margin: 1em 0 0.5em 0;padding: 0px}
h3 {font-size: 110%; margin: 0px;padding: 0.5em 0px}
.disclaimer {font-size:80%}
/* misc styles */
select, textarea, input {font-size: 100%; }
code, pre {font-family: "Courier New", Courier, monospace; font-size: 100%; background-color: #f0f0f0; }
img {border: none; }
.clear {clear:both; height:.0001em; overflow:hidden}
.green {font-weight:bold; color:#339900}
.orange {font-weight:bold; color:#FF6600}
.red {font-weight:bold; color:#FF0000}
.blue {font-weight:bold; color:#3366FF}
#canvas {width:100%; text-align:center}
#top {width:982px; text-align:left; margin:0 auto}
#brand h1 {padding: 0; margin:0;}
#brand h1 a {float: left; background:url(images/logo.gif) 0 0 no-repeat; width:256px; height:130px}
#brand h1 span {display:none; visibility:hidden}
#top #nav {float:right; text-align:right}
#top #nav ul {list-style:none; margin:10px 0 0 0; padding:0; float:right}
#top #nav ul li {padding: 0; margin-left: 10px}
#top #nav ul li span {display:none; visibility:hidden}
#top #nav ul li.home {display:none; visibility:hidden}
#top #nav ul li.plans {width:117px; height:29px; background:url(images/nav_main_plans.gif) 0 0 no-repeat; float:left}
#top #nav ul li.aboutus {width:117px; height:29px; background:url(images/nav_main_aboutus.gif) 0 0 no-repeat; float:left}
#top #nav ul li.contact {width:117px; height:29px; background:url(images/nav_main_contact.gif) 0 0 no-repeat; float:left}
#navigation {position: relative; z-index:2; width: 982px; margin:0 auto; margin-bottom: -1px;}
#navigation ul {padding: 0;margin: 0;margin-left: 15px;font: bold 16px arial;}
#navigation ul li {list-style: none;display: inline;margin: 0;}
#navigation ul li a {text-decoration: none;padding: 6px 1em;margin-right: 7px;border: 1px solid #9ea9b3;background: url(images/bg_navigation.gif) 0 0 repeat-x; display:block; float:left}
#navigation ul li a:link,
#navigation ul li a:visited {color: navy;}
#navigation ul li a:hover {color: black; background:none; background-color: #FFFFFF;}
#tagline {background:url(images/branding.gif) 0 0 no-repeat; width:493px; height:45px; margin-top:25px}
#tagline span {display:none; visibility:hidden}
#crumbs {width:952px; font-size:80%}
#mid {width:982px; text-align:left; margin:0 auto; position: relative; z-index:1;}
.panetop {background:url(images/bg_panetop.gif) 0 0 no-repeat; height:6px;/* iehack to set height */ font-size:1px}
.pane {background:url(images/bg_pane.gif) 0 0 repeat-y; padding:10px 20px}
.pane h2 {font-size: 200%; font-weight:normal; margin:5px 0; padding:0}
.panebot {background:url(images/bg_panebot.gif) 0 0 no-repeat; height:6px;/* iehack to set height */ font-size:1px}
.pane .left {float:left; width:470px}
.pane .right {float:left; width:470px}
input.submit {font-size:80%; border:solid 1px #999999; padding:5px 8px; background: url(images/bg_submit.gif) 0 0 repeat-x; }
input.submit:hover {background: url(images/bg_submit_on.gif) 0 0 repeat-x; cursor:pointer}
/* overrides */
#page_home #navigation ul li a.home {background:none; background-color: #FFFFFF; border-bottom-color:#FFFFFF;}
#page_home .pane {padding-right: 10px}
#page_home .pane .left {float:left}
#page_home .pane .left p.description {background:url(images/p_homeleft.gif) 0 0 no-repeat; width:434px; height:83px; margin-top:10px;}
#page_home .pane .left p.description span {display:none; visibility:hidden}
#page_home .pane .left ul {list-style:none;}
#page_home .pane .left ul li span {display:none; visibility:hidden}
#page_home .pane .left ul li.li_home_1 {background:url(images/li_home_1.gif) 0 0 no-repeat; width: 444px; height:31px}
#page_home .pane .left ul li.li_home_2 {background:url(images/li_home_2.gif) 0 0 no-repeat; width: 444px; height:31px}
#page_home .pane .left ul li.li_home_3 {background:url(images/li_home_3.gif) 0 0 no-repeat; width: 444px; height:31px}
#page_home .pane .left p.button a span {display:none; visibility:hidden}
#page_home .pane .left p.button a {background:url(images/btn_findout_how.gif) 0 0 no-repeat; width:237px; height:46px; display:block; margin-left:110px; margin-top:20px}
#page_home .pane .right {float:left; background:url(images/bg_site_snapshots.jpg) 0 0 no-repeat; width:473px; height:353px}
#page_home .pane .right p span {display:none; visibility:hidden}
#page_home .pane .right ul {display:none; visibility:hidden}
#page_plans #navigation ul li a.plans {background:none; background-color: #FFFFFF; border-bottom-color:#FFFFFF;}
#page_plans .pane .left {width:570px}
#page_plans .pane .left table {font-size: 80%; border-collapse:collapse}
#page_plans .pane .left table .blank {border:none}
#page_plans .pane .left table .first {width: 100px}
#page_plans .pane .left th,
#page_plans .pane .left td {vertical-align:top; padding:5px; border:solid 1px #ebebeb}
#page_plans .pane .right {width:280px; margin-left:40px; margin-bottom: 20px; border: solid 1px #9ea9b3; background:url(images/bg.gif) 0 0 repeat-x; background-color: #d1d9e2;padding:10px 20px 20px}
#page_plans .pane .right ul {margin-left:15px; padding-left:0}
#page_about_us #navigation ul li a.about_us {background:none; background-color: #FFFFFF; border-bottom-color:#FFFFFF;}
#page_about_us .pane .right {width:380px; margin-left:40px; margin-bottom: 20px; border: solid 1px #9ea9b3; background:url(images/bg.gif) 0 0 repeat-x; background-color: #d1d9e2;padding:10px 20px 20px}
#page_about_us .pane .right ul {list-style:none; margin:0; padding:0}
#page_about_us .pane .right li {padding-left: 100px; margin:10px 0; height:93px}
#page_about_us .pane .right li span.name {font: italic 140% georgia}
#page_about_us .pane .right li span.title {font: normal 100% georgia}
#page_about_us .pane .right li span.email {display: block; font-size: 80%; padding-top:10px}
#page_about_us .pane .right li.ej {background: url(images/pic.jpg) 0 0 no-repeat}
#page_about_us .pane .right li.kt {background: url(images/pic.jpg) 0 0 no-repeat}
#page_about_us .pane .right li.aa {background: url(images/pic.jpg) 0 0 no-repeat}
#page_about_us .pane .right li.fe {background: url(images/pic.jpg) 0 0 no-repeat}
#page_about_us .pane .right li.ts {background: url(images/pic.jpg) 0 0 no-repeat}
#page_contact_us #navigation ul li a.contact_us {background:none; background-color: #FFFFFF; border-bottom-color:#FFFFFF;}
#page_contact_us .pane .right {width:380px; margin-left:40px; margin-bottom: 20px; border: solid 1px #9ea9b3; background:url(images/bg.gif) 0 0 repeat-x; background-color: #d1d9e2;padding:10px 20px 20px}
#page_contact_us #request_callback h3 {margin-bottom: 15px}
#page_contact_us #request_callback label {float: left; font-size:80%; width:160px; text-align:right; padding-right:10px; padding-top:5px}
#page_contact_us #request_callback input,
#page_contact_us #request_callback textarea {float: left; font-size:80%; width:190px; margin-bottom:10px; background-color:#FFFFFF; border:solid 1px #d1d9e2; padding:3px }
#page_contact_us #request_callback textarea {height: 120px}
#page_contact_us #request_callback input.submit {border:solid 1px #999999; }
#page_contact_us #request_callback br {clear: left;}
#bot {width:982px; text-align:left; margin:0 auto; font-size:12px; padding-top:10px; margin-bottom:10px}
#bot p {margin:0; padding:0}
#bot ul {list-style:none; margin:0; padding:0;}
#bot ul li {display: inline; padding-right:10px; padding-left: 8px; border-right:solid 1px #666666}
#bot ul li.first {padding-left: 0;}
#bot ul li.last {border-right:none}