* { padding: 0; margin: 0; }

a { text-decoration: none; color: #cc9; outline: none; }
a img { border: none; }
li { list-style-type: none; list-style-position: outside; }

body { font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #004258; color: #FFF; }

.cleaner { height: 1px; overflow: hidden; clear: both; }

#page_container { width: 760px; margin: 10px auto; background: url(page_cntr_bgrd.gif) left top repeat-y; }

#header { height: 275px; overflow: hidden; padding: 0 5px; margin: 0 0 3px 0; position: relative; background: url(header_bgrd.gif) left top no-repeat; }
#header ul { clear: both; }
#header li { display: block; float: left; }
#header a { display: block; }

#header h1 { width: 200px; height: 25px; background: url(logo.gif) left top no-repeat; margin: 0 0 0 20px; position: relative; top: 18px; }
#header h1 a { overflow: hidden; width: 100%; height: 100%; text-indent: -2000px; }

#header #nav { position: absolute; top: 25px; right: 25px;  }
#header #nav li a { float: left; padding: 0 10px; color: #FFF; border-right: 1px solid #FFF; cursor: pointer; }
#header #nav li a:hover { text-decoration: underline; }
#header #nav li#n4 a { border: none; }

#header #navigation { margin-top: 35px; background: url(index.jpg) left top no-repeat; padding: 180px 0 0 0; }
#header #navigation li { height: 35px;  }
#header #navigation li#a1, #header #navigation li#a1 a { width: 122px; background-image: url(menu12.gif); }
#header #navigation li#a2, #header #navigation li#a2 a { width: 127px; background-image: url(menu22.gif); }
#header #navigation li#a3, #header #navigation li#a3 a { width: 110px; background-image: url(menu32.gif); }
#header #navigation li#a4, #header #navigation li#a4 a { width: 128px; background-image: url(menu42.gif); }
#header #navigation li#a5, #header #navigation li#a5 a { width: 128px; background-image: url(menu52.gif); }
#header #navigation li#a6, #header #navigation li#a6 a { width: 135px; background-image: url(menu62.gif); }
#header #navigation li a { width: 100%; height: 35px; line-height: 35px; float: left; text-indent: -2000px; overflow: hidden; }
#header #navigation li.selected a,
#header #navigation li a:hover { background-position: 0 -35px; }

#header #login { display: none; width: 295px; height: 153px; background: url(login_bgrd.gif) left top no-repeat; position: absolute; top: 43px; right: 40px;  }
#header #login form { padding: 30px 20px 20px 20px; position: relative;  }
#header #login form label { display: block; color: #FFF; font-weight: bold; padding: 0 0 2px 0; }
#header #login form .field { display: block; width: 144px; border: 1px solid #FFF; background: #004258; color: #FFF; padding: 2px 3px; margin: 0 0 10px 0; }
#header #login #submit { width: 80px; border: 1px solid #FFF; background: #004258; color: #FFF; font-weight: bold; font-size: 10px; padding: 2px 0; text-align: center; position: absolute; right: 20px; top: 91px; cursor: pointer; }
#header #login a { color: #24a8d3; }
#content { clear: both; padding: 0 5px; font-size: 11px; line-height: 16px; }

#cnt_inn_top { background: #FFF url(cnt_top_bgrd.gif) left top no-repeat; margin: 5px 1px 5px 0; color: #000; }
#cnt_inn_bot { background: url(cnt_bottom_bgrd.gif) left bottom no-repeat; padding: 20px;  }

#footer { background:  url(ftr_bgrd.gif) left bottom no-repeat; color: #FFF; }
#footer .fnav { text-align: center; padding: 20px 0; font-weight: bold; color: #CC9; }
#footer .fnav a { padding: 0 7px; }

.copyright { color: #336879; background: #004258; padding: 5px; text-align: right;  }
.copyright span { display: block; float: left;  }
.copyright a { color: #336879; }
/* ---- Panels --------------------------------------------------- */
#packets { margin: 0 0 5px 0; }
#packets li { display: block; width: 249px; height: 153px; margin-right: 1px; float: left; background: url(matrix_td_bgrd.gif) left top no-repeat; position: relative; }
#packets li span { display: block; }
#packets li .hdr { overflow: hidden; margin: 14px 14px 0 14px; color: #004258; font-size: 16px; }
#packets li .cnt { padding: 10px 14px;  }
#packets li a { display: block; width: 90px; height: 17px; line-height: 15px; text-indent: 25px; color: #FFF; font-weight: bold; background: url(btn_bgrd.gif) left top no-repeat; position: absolute; bottom: 14px; left: 14px; }

#packets li#host_pro 			.hdr { background: url(host_pro.gif) left top no-repeat; }
#packets li#email_personal 		.hdr { background: url(email_personal.gif) left top no-repeat; }
#packets li#email_enterprise 	.hdr { background: url(email_enterprise.gif) left top no-repeat; }

.simplelist { margin: 10px 0 0 0; }
.simplelist li { display: block; padding-bottom: 2px; }
.simplelist li a { display: block; text-indent: 15px; background: url(bullet_black.gif) 3px 5px no-repeat; color: #4c9494; text-decoration: underline; } 
#sections .simplelist a { background: url(bullet_white.gif) 3px 5px no-repeat; color: #FFF; text-decoration: underline; line-height: 14px; }
#sections .simplelist a:hover { color: #C00; }
			    	
#sections { margin: 0 -4px; }
#sections table { width: 100%; table-layout: fixed; border-collapse: collapse; border: solid #FFF; border-width: 1px 0; }
#sections table caption { display: none; }
#sections table th { background: #336879; border: solid #FFF; border-width: 0 0 1px 1px; vertical-align: top; padding: 15px; text-align: left; }
#sections table th .hdr { display: block; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }
#sections table th li a { display: block; color: #cc9; font-weight: bold; font-size: 11px; line-height: 16px; }

#sections table td { border: solid #FFF; border-width: 0 0 1px 1px; vertical-align: top; padding: 15px;  }
#sections table td .hdr { text-transform: uppercase; font-weight: bold; }
#sections table td .hdr a { display: block; float: left; }
#sections table td .hdr .more { color: #336879; float: right; }

#sections span { display: block; }
#sections .image { width: 90px; height: 90px; border: 1px solid #FFF; margin: 10px 10px 0 0; float: left; }
#sections .desc { width: 230px; height: 95px; float: left; margin-top: 10px; }
#sections .desc em { display: block; margin-top: 16px; font-weight: bold; }

.RTE h1 { font: normal 28px/18px Verdana, Arial, sans-serif; color: #004258; border-bottom: 2px solid #dce4e6; padding: 0 0 15px 0; margin-bottom: 20px; }
.RTE h2 { font: normal 22px/18px Verdana, Arial, sans-serif; color: #004258; border-bottom: 1px solid #dce4e6; padding: 0 0 10px 0; margin: 20px 0; }
.RTE h3 { font: bold 14px/18px Verdana, Arial, sans-serif; color: #000; }
.RTE h4 { font: bold 12px/18px Verdana, Arial, sans-serif; color: #000;  }
.RTE p { padding-bottom: 20px; }
.RTE .title { color: #F00; }
.RTE a { color: #52848E; }
.RTE a:hover { text-decoration: underline; }
.RTE table { width: 100%; border: 1px solid #CCC; border-collapse: collapse; clear: both; margin: 10px 0 20px 0;  }
.RTE table td, th { border: 1px solid #CCC; padding: 5px; }
.RTE table th { background: #C3D0DF; text-align: center; }
.RTE table td {  }
.RTE ul, .RTE ol { margin: 0; padding: 0 20px 20px 20px; } 
.RTE dl ul, .RTE dl ol { padding-top: 20px; }
.RTE ul li, .RTE ol li { display: list-item; list-style-type: disc; }
.RTE ol li { list-style-type: decimal; }

.localnav { width: 229px; background: #dce4e6 url(localnav_bgrd_bottom.gif) left bottom no-repeat; float: right; margin-left: 20px; } 
.localnav .hdr { background: url(localnav_bgrd_top.gif) left top no-repeat; padding: 15px 15px 10px 15px; color: #004258; text-transform: uppercase; font-size: 16px; }
.localnav .hdr a { color: #004258;  }
.localnav .inner { padding: 0 15px 35px 15px; }

#button.localnav { clear: both; margin: 10px 0 10px 10px; }
#button.localnav .hdr a { display: block; text-align: center; }

.RTE .localnav ul { padding: 0; }
.RTE .localnav ul li { border-bottom: 1px solid #a5bcc3; line-height: 23px; list-style-type: none; display: block; }
.RTE .localnav ul li a { display: block; color: #000; text-indent: 15px; background: url(bullet_black.gif) 5px 10px no-repeat;  }
.RTE .localnav ul li.selected a { font-weight: bold; }

dl { padding: 0 10px 10px 10px; }
dl dt { font-weight: bold; font-size: 12px; }
dl dd { padding: 5px 20px 50px 20px;  }
dl dd a { color: #4c9494; text-decoration: underline; }

/* ----- Home -------------------------------------------------------------------- */
.home #header #navigation { background: url(index.jpg) left top no-repeat; }
.home #header #navigation li#a1, .home #header #navigation li#a1 a { width: 122px; background-image: url(menu1.gif); }
.home #header #navigation li#a2, .home #header #navigation li#a2 a { width: 125px; background-image: url(menu2.gif); }
.home #header #navigation li#a3, .home #header #navigation li#a3 a { width: 114px; background-image: url(menu3.gif); }
.home #header #navigation li#a4, .home #header #navigation li#a4 a { width: 125px; background-image: url(menu4.gif); }
.home #header #navigation li#a5, .home #header #navigation li#a5 a { width: 129px; background-image: url(menu5.gif); }
.home #header #navigation li#a6, .home #header #navigation li#a6 a { width: 135px; background-image: url(menu6.gif); }

.page.s2 #header #navigation { background: url(header1.jpg) left top no-repeat; }
.page.s1 #header #navigation { background: url(header2.jpg) left top no-repeat; }
.page.s3 #header #navigation { background: url(header3.jpg) left top no-repeat; }
.page.s4 #header #navigation { background: url(header5.jpg) left top no-repeat; }

.col { float: left; overflow: hidden;  }
.col.c2 { width: 49%; }
.col.c2.last { margin-left: 2%; display: inline; }
.col.c3 { width: 33%; }
.col.c14 { width: 35%; }
.col.c14 li { padding-bottom: 10px; }
.col.c34 { width: 65%; }

#contact_form { padding: 0 20px; }
#contact_form label { display: block; font-weight: bold; margin: 5px 0 0 0; }

#contact_form .field { border: 1px solid #CCC; padding: 3px; font-size: 11px; width: 250px; margin-bottom: 5px; }
#contact_form textarea { border: 1px solid #CCC; padding: 3px; font-size: 11px; width: 580px; margin-bottom: 5px; }
#contact_form .button { padding: 5px 20px; display: block; margin: 10px 0; }

* html .RTE { height: 100%; }