/* -- Basic HTML Elements -- */
html {height: 100%;}
body {
background: #ffffff;
color: #666666;
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
td {vertical-align:top;}
p {margin-bottom: 10px; margin-top: 0px; font-size:13px}
img {border:0px;}
br {font-size:5px; margin:0px 0px 0px 0px;}
a:link {color: #3366cc; text-decoration: none;}
a:visited {color: #3366cc; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: underline;}
.button01 a { -moz-border-radius:4px; -webkit-border-radius:4px; text-decoration:none; background: #6c9333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding: 3px 10px;}
.button01 a:hover {background: #ff9900; text-decoration: none;}
.btn_top_rt a { -moz-border-radius:4px; -webkit-border-radius:4px; text-decoration:none; background: #6c9333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding: 3px 10px;}
.btn_top_rt a:hover {background: #ff9900; text-decoration: none;}
h1 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #395e8f; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h2 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #395e8f; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h3 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #214a7d; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h4 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h1.header {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 30px; padding: 0px 0px 0px 0px; }
.small {font-size: 10px;}
.img_left {border:#d9d9d9 solid 1px; padding: 2px; margin: 0px 10px 10px 0px; float: left;}
.img_right {border:#d9d9d9 solid 1px; padding: 2px; margin: 0px 0px 10px 10px; float: right;}
.img_center {border:#d9d9d9 solid 1px; padding: 2px; margin: 0px 0px 5px 20px; clear: both;}
form {margin: 0px 0 0px 0;}
.login_label {font-family: Arial, Helvetica, sans-serif; font-size: 12x; font-weight: bold; color: 333333; background-position: center;}
input.contact {border:1px solid #aeaeae; background-color:#ffffff; width: 145px; font-size:10px;}
textarea.contact {border:1px solid #aeaeae; background-color:#ffffff; width: 145px; font-size:10px;}
input.contact_button { background: #ffffff; color: #3262a0; border: #3262a0 solid 1px; font: bold 10px Verdana, Helvetica, sans-serif; margin: 0px; padding: 1px 3px 1px 3px;}
.clear {clear:both;}
a.contact {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding: 7px 0px 0px 33px; background: url(img/btn_contact.gif) no-repeat; width: 175px; height: 23px; display: block; margin-top: 5px; vertical-align:middle;}
a.contact:hover {background: url(img/btn_contact.gif) bottom left no-repeat; color:#ff9900;text-decoration: none;}
a.examples {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding: 7px 0px 0px 33px; background: url(img/btn_examples.gif) no-repeat; width: 175px; height: 23px; display: block; margin-top: 5px; vertical-align:middle;}
a.examples:hover {background: url(img/btn_examples.gif) bottom left no-repeat; color:#ff9900;text-decoration: none;}
a.demo {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding: 7px 0px 0px 33px; background: url(img/btn_play_demo.gif) no-repeat; width: 175px; height: 23px; display: block; margin-top: 5px; vertical-align:middle;}
a.demo:hover {background: url(img/btn_play_demo.gif) bottom left no-repeat; color:#ff9900;text-decoration: none;}
a.tell {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding: 7px 0px 0px 33px; background: url(img/btn_tell.gif) no-repeat; width: 175px; height: 23px; display: block; margin-top: 5px; vertical-align:middle;}
a.tell:hover {background: url(img/btn_tell.gif) bottom left no-repeat; color:#ff9900;text-decoration: none;}
/* --////// Page Structure //////-- */
#container_page {
position:relative;
width: 970px;
height:auto !important; height: 100%; min-height: 100%;
background: #ffffff;
text-align: left;
margin: 0px auto;
padding: 0px;
}
/* ------Header-------*/
#container_header {width: auto; height: 125px; background: #FFFFFF;}
#container_header_products {width: auto; height: 125px; background: #FFFFFF;}
#container_header_services {width: auto; height: 125px; background: #FFFFFF;}
#container_header_about {width: auto; height: 125px; background: #FFFFFF;}
.header_logo {float:left; padding: 25px 0px 0px 45px; vertical-align: bottom;}
.header_text {float:left; width: 250px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; font-weight: normal; padding: 70px 0px 0px 15px; vertical-align: bottom;}
.header_login {float: right; width: 250px; padding: 20px 40px 0px 0px; text-align: right; }
.header_login a {color: #0d4473; font-weight: bold; }
.header_login a:visited {color: #0d4473; font-size: 12px; font-weight: bold; }
.header_login a:hover {color: #ff9900;}
.header_login a.header_erate {color: #0d4473; background: url(img/arrow_green.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 0px 0px 5px 14px; }
.header_login a.header_erate:visited {color: #0d4473; font-weight: bold; }
.header_login a.header_erate:hover {color: #ff9900; }
.section_label {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #999999; margin: 0px 0px -4px 0px; padding: 0px; text-transform: uppercase;}
/* ------Content Main-------*/
#container_content {float: left; width: 970px; height: auto; text-align: left; padding: 0px 0px 0px 0px; margin:0px 0px 40px 0px; background: #ffffff }
#container_content_main {float: left; width: 550px; height: auto;text-align: left; padding: 0px 40px 0px 40px; margin:0px 0px -10px 0px; background: #ffffff}
#container_content_main .header { width: auto; padding: 0px 0px 0px 0px; margin: 20px 0px 20px 0px;}
#container_content_main .header h1 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background: url(img/content_header_right.gif) top right no-repeat; margin: 0px; padding: 0px 0px 0px 0px; }
#container_content_main .header h1 .left{background: url(img/content_header_left.gif) no-repeat; height: 28px; padding: 5px 0px 0px 15px}
#container_content_main .tagline { width: auto; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#10386c; background: #e6e6e6; padding: 10px 15px 0px 15px; margin: 0px;}
#container_content_main .header .bottom_left{background: url(img/content_header_bottom_left.gif); width: 15px; height:10px; padding: 0px 0px 0px 0px; font-size:5px}
#container_content_main .header .bottom_right {background: url(img/content_header_bottom_right.gif) right top no-repeat; height: 10px; padding:0px 0px 0px 0px;font-size:5px}
#container_content_main .thumb {display: block; padding-bottom: 5px; margin-bottom: 20px; width: 240px; height: auto; text-align: center; font-size: 10px; color: #000000; border: 2px #ffffff solid;}
#container_content_main .thumb:hover {display: block; padding-bottom: 5px; margin-bottom: 20px; height: auto; text-align: center; font-size: 10px; color: #ff9900; border: 2px #ff9900 solid; text-decoration:none;}
#container_content2 {
color: #000000;
float: right;
width: 255px;
height:auto !important;
height:100%;
min-height:100%;
padding: 20px 40px 20px 40px;}
#container_content2 .quote {font-size: 15px; line-height: 22px; color: #000000; font-style: italic; height: 220px; margin: 0px 0px 20px 0px;}
#container_content2 .quote p {font-size: 15px; line-height: 22px; color: #000000; font-style: italic; margin: 0px 0px 5px 0px;}
#container_content2 .quote .name {font-size: 13px; font-weight: bold; font-style: normal;}
#container_content2 .quote .institution {font-size: 13px; font-weight: normal; font-style: normal; color: #333333;}
#container_content2 .thumb {display: block; background: #dad6a6; margin-bottom: 20px; width: 255px; height: 220px; text-align: center; font-size: 10px; color: #000000; border: 2px #dad6a6 solid;}
#container_content2 .thumb:hover {display: block; margin-bottom: 20px; height: 220px; text-align: center; font-size: 10px; color: #ff9900; border: 2px #ff9900 solid; text-decoration:none;}
#container_content2 .top_left { background: url(img/container_content2_top_left.gif) top left no-repeat; width: 100px; height: 10px; padding:0px; line-height: 1px; font-size: 1px;}
#container_content2 .top_right { background: url(img/content2_top_right.gif) right top no-repeat; height: 10px; padding:0px; margin:0px 0px 0px 0px; line-height: 1px; font-size: 1px;}
#container_content2 .middle { background: #e6e6e6 url(img/container_content2_middle.gif) no-repeat; width:auto; padding:0px 20px 10px 20px; margin:0px 0px 0px 0px; border: 1px #e6e6e6 solid}
#container_content2 .bottom_left { background: url(img/container_content2_bottom_l.gif) bottom left no-repeat; width: 50px; height: 10px; line-height: 1px; font-size: 1px;}
#container_content2 .bottom_right { background: url(img/container_content2_bottom_r.gif) bottom right no-repeat; height: 10px; padding:0px; margin:0px 0px 20px 0px; line-height: 1px; font-size: 1px;}
#search {margin-top: 20px}
#search form{ margin: 0px}
#search h1{font: bold 28px Verdana, Arial, Helvetica, sans-serif; color: #395e8f; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#search .field{border: 1px solid #aaaaaa; background-color:#ffffff; width: 100%; color:#333333; font-size:12px; margin: 0px;}
#search a {font: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #3366cc; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#search a:visited {color: #333333;}
#search a:hover {color: #ff9900;}
#container_content_wide {width: auto; height: auto;text-align: left; padding: 0px 40px 0px 40px; margin:0px 0px 0px 0px; background: #ffffff}
#container_content_wide .header { width: auto; padding: 0px 0px 0px 10px; margin: 20px 0px ; border-bottom: 1px #cccccc solid}
#container_content_wide .header h1 {float: left; height: 26px; font: bold 24px Verdana, Arial, Helvetica, sans-serif; color: #52729e; margin: 0px; padding: 3px 0px 0px 0px; }
#container_content_wide .thumb {display: block; width: text-align: center; font-size: 10px; color: #000000; border: 2px #dddddd solid;}
#container_content_wide .thumb .label{font-size: 10px; color: #000000; padding: 3px 0px}
#container_content_wide .thumb:hover {display: block; text-align: center; font-size: 10px; color: #ff99000; border: 2px #ff9900 solid; text-decoration:none;}
a.contact_header {float: right; height: 23px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding: 7px 10px 0px 33px; background: #e6e6e6 url(img/btn_contact.gif) no-repeat; display: block; vertical-align:middle;}
a.contact_header:hover {background: #e6e6e6 url(img/btn_contact.gif) bottom left no-repeat; color:#ff9900;text-decoration: none;}
#container_content2b {
background: #ffffff;
color: #000000;
float: right;
width: 215px;
min-height: 650px;
padding: 20px 20px 20px 20px;}
#container_content2b h1{color: #000000; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
#container_content2b a{
font-size: 12px;
width: auto;
display: block;
font-weight: bold;
background: #e1dcb3;
margin: 0px 0px 3px 0px;
padding: 2px 5px 2px 5px;
}
#container_content2b a:visited {
font-size: 12px;
width: auto;
display: block;
font-weight: bold;
background: #e1dcb3;
margin: 0px 0px 3px 0px;
padding: 2px 5px 2px 5px;
}
#container_content2b a:hover {
background: #ffffff;
color:#ff9900;
}
.portfolio_table {width: auto;}
.portfolio_table td{text-align: center; padding: 0px 20px 10px 0px}
/* ------Right Column-------*/
.contact_label {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #214a7d; margin: 0px 0px 3px 0px; padding: 0px; text-transform: uppercase;}
#column_right_top {width: 260px; height: 10px; line-height: 1px; clear:left; background: url(img/column_right_top.gif) no-repeat;}
#column_right_center {width: 200px; padding: 0px 15px 15px 45px; height: auto; clear:left; background: url(img/column_right_center.gif) repeat-y; font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #333333;}
/* ------Footer-------*/
#container_footer {clear: both; background: #ffffff; width: 890; background: url(img/footer_bg.gif) no-repeat; text-align: left; padding: 18px 40px 20px 40px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#container_foot a {color:#3366cc; text-decoration:none;}
#container_foot a:hover {color:#ff9900; text-decoration: underline;}
/* --////// Home Page Structure //////-- */
#home_links ul {
float: left;
width: 155px;
list-style: none;
margin: 0px;
padding: 0px;
}
#home_links li{
list-style: none;
padding: 0px ;
margin-bottom: 2px;
}
/* ------Home Flash-------*/
#container_flash {clear: both; width: 970px; height: 300px; margin: 0px; padding: 0px; text-align:center}
/* ------Content-------*/
#container_bottom {width: autox; height: 150px; background: #FFFFFF;}
#home_column1 {float: left; width: 290px; height:75px; margin-bottom: 0px; padding: 25px 40px 0px 45px;}
#home_column1 .text{float: left; width: 245px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#10386c; text-align: right; margin: 0px; padding: 5px 5px 0px 0px;}
#home_column1 a {float: left; text-decoration:none; background: url(img/btn_go.gif) no-repeat; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
width: 30px; height: 25px; padding: 5px 0px 0px 7px; display: block;}
#home_column1 a:hover {float: left; background: url(img/btn_go.gif) bottom; text-decoration: none;}
#home_column2 {float: left; width: 270px;height:75px; margin-bottom: 0px; padding: 25px 40px 0px 0px;}
#home_column2 .text{float: left; width: 215px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#10386c; text-align: right; margin: 0px; padding:5px 5px 0px 0px;}
#home_column2 a {float: left; text-decoration:none; background: url(img/btn_go.gif) ; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
width: 30px; height: 25px; padding: 5px 0px 0px 7px; display: block;}
#home_column2 a:hover {float: left; background: url(img/btn_go.gif) bottom; text-decoration: none;}
#home_column3 {float: left; width: 200px;height:55px; margin-bottom: 10px; padding: 25px 0px 0px 60px; }
#home_column3 .text{float: left; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#10386c; text-align: right; width: 100px; margin: 0px; padding: 5px 5px 0px 0px;}
#home_column3 a {float: left; text-decoration:none; background: url(img/btn_go.gif) ; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
width: 30px; height: 25px; padding: 5px 0px 0px 7px; display: block;}
#home_column3 a:hover {float: left; background: url(img/btn_go.gif) bottom; text-decoration: none;}
#home_column_tag {float: left; width: 570px; margin-bottom: 10px; padding: 0px 15px 0px 0px; text-align: left; height:auto;}
.home_label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #748b30; text-transform: uppercase; }
.home_column_text1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.home_column_text2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;}
.home_erate {float: right; width: 70px; margin-right: -10px; padding: 0px 0px 0px 5px;}
/* --////// Features Table //////-- */
#features {
margin: 25px 0px;
padding: 0px;
border: 1px solid #ccc;
}
#features td {
vertical-align: middle;
border: 1px solid #ccc;
padding: 1px 0px 1px 10px;
}
.tableHeader {
background-color: #9a951d;
color: #000;
font-weight: bold;
}
.divider {
background-color: #214A7D;
color: #fff;
font-weight: bold;
}
.cntr {
text-align: center;
}
/* --////// sitemap //////-- */
.sitemap{margin: 0px;}
.sitemap h1 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #395e8f; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.sitemap ul{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.sitemap li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none}
.sitemap .column{float: left; width: 173px; height: 150px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px;}
/* --////// Main Menu //////-- */
#container_main_nav {width: auto; height: 45px; background: url(img/menu_bar.gif) repeat-x; margin: 0px 0px 20px 0px; padding: 0px;}
.topmenuul{
list-style:none;
margin:0px 0px 0px 0px;
padding: 0px;
}
.topmenuli {
float:left;
width: 175px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: 200;
text-decoration:none;
vertical-align:middle;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 10px;
}
.topmenuli:hover {
color: #ffffff;
background: #cccccc url(img/menu_tab_over.gif) no-repeat;
}
.white {
color:#0d4473;
}
.topmenutitle {
display:block;
text-align:center;
}
.topmenutitle:hover {
text-decoration:none;
}
.submenuul{
list-style:none;
display:block;
position:absolute;
display:none;
float:left;
text-align:center;
padding-bottom: 10px;
background: url(img/menu_tab_drop.png) no-repeat bottom;
}
.submenuli a{
display:block;
margin-left: 1px;
padding:4px 0px 4px 0px;
width: 173px;
text-align:center;
}
.submenuli a:hover {
text-decoration:none;
background: #ededed;
}
li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width: 175px;
text-align:center;
}
#dmenu li>ul {
top: auto;
left: auto;
}