@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#fff url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */
.main {width:983px; padding:0; margin:0 auto; }

/* header */
.header { width:980px; margin:0; padding:0;}
.logo { width:393px; height:95px; margin:0; padding:0; float:left;}
.logo h2 { font: bold 24px Tahoma, Geneva, sans-serif; color:#cbcbcb; padding:5px; margin:0;}
.logo .text { font: normal 12px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:0; margin:0;}
.text_smal { width:500px; padding:0; margin:0; float:right;}
.text_smal p { font:normal 11px Arial, Helvetica, sans-serif; color:#999999; padding:30px 0 0 180px;}

/* menu */
.menu { width:800px; margin:-3px 0 0 0; padding:0; float:left; height:33px; position:relative; }
.menu ul { margin:0; padding:0; list-style:none; float:left;}
.menu li { margin:0; padding:0; float:left;}
.menu a { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2d2f2f; padding:10px 15px; margin:0; text-decoration:none; font-weight:bold; line-height:16px;}
.menu a:hover {color:#2d2f2f; background:#fff url(images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf;}
.menu a.active {color:#2d2f2f; background:#fff url(images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf;}

/* header_text */
.header_text { height:280px; width:980px; padding:0;}
.header_text img { float:right; margin:0; padding:0; border:none;}

/* header_text2 */
.header_text2 {height:69px; width:958px; background:url(images/simple_text2.gif) top no-repeat; padding:0; border:11px solid #fff;}
.header_text2 h2 { font:bold italic 30px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 0 0 30px;}
.header_text2 p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:10px 300px 10px 40px; padding:0;}
.header_text2 img { float:right; margin:15px 100px 15px 10px; padding:1px; max-width:195px; max-height:178px;}

/* body */
.body { width:980px; margin:0; padding:0}
.body h2 { font: normal 24px  Arial, Helvetica, sans-serif; color:#181818; padding:10px 0px; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
.body h3 { font: normal 18px  Arial, Helvetica, sans-serif; color:#181818; padding:10px 5px; margin:0 0 10px 0;}
.body h4 { font: normal 14px  Arial, Helvetica, sans-serif; color:#181818; padding:0; margin:0; font-weight:bold;}
.body p {font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; color:#333; padding:0; margin:10px 0;}
.body a { color:#1190ce; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.body a:hover { text-decoration:underline;}
.main_body { width:544px; padding:0 10px; margin:0; float:left;}
.main_body ul { margin:0 0 0 50px; padding:0; list-style:none;}
.main_body li {  font:normal 12px Arial, Helvetica, sans-serif; color:#474646; padding:5px 0 5px 20px; margin:0; background:url(images/img_2.gif) left no-repeat;}
.side_body { width:376px; padding:0 20px; margin:0; float:right;}
.side_body ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0; list-style:none;}
.side_body li {padding:5px 0; margin:0;}
.side_body em { color:#666666;}
.side_body span { color:#1190ce;}
.side_body a { font: bold 12px Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0; text-decoration:none;}
.side_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 0; padding:0;}
.side_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}

/* on-site services */
.onsite { width:580px; padding:0 10px; margin:0; float:left;}
.associations { width:300px; padding:0 20px; margin:0; float:right;}
.associations p { padding-left:3px;}

/* web design */
.webdesign { width:500px; padding:0 10px; margin:0; float:left;}
.webdesign li { color:#333; list-style-type:circle;}
.additional { width:500px; padding:0 10px 20px; margin:0; float:left;}
.process { width:380px; padding:0 20px; margin:0; float:right;}

/* portfolio */
.portfolio {width:950px; padding:0 10px; margin:0; float:left;}
.portfolio img { float:left; margin:10px 10px; padding:0; border:1px solid #333;}
.portfolio img a { padding:0; margin:0;} 

/* web hosting */
.plans { width:580px; padding:0 10px; margin:0; float:left;}
.pay { width:315px; padding:0 20px; margin:0; float:right;}
.pay span { color:#1190ce;}
.pay * { font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.pay ol { margin:0; padding:0; list-style:none;}
.pay li { margin:0 0 5px 0; padding:1px; background:none;}
.pay li.buttons { margin:0; overflow:hidden;}
.pay label { margin:0; width:100px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
.pay input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
.uptime { width:315px; padding:0 20px; margin:0; float:right;}
.uptime span { color:#1190ce;}
.DataGrid { border: 1px solid #cccccc; border-collapse: collapse;}
.DataGrid td { border: 1px solid #cccccc; font: 12px verdana, arial, sans-serif; color: #3C3C3C;}
.DataGrid td.yes { background:url(images/icons/yes.png) 4px 4px no-repeat; background-color:inherit;}
.DataGrid td.no { background:url(images/icons/no.png) 4px 4px no-repeat; background-color:inherit;}
.DataGrid tr.Caption td { background-color: #eeeeee; font-weight: bold;}
.DataGrid tr.Header td { background-color: #ffffff; font-weight: bold;}
.DataGrid tr.Even { background-color: #eeeeee;} 
.DataGrid tr.Odd { background-color: #ffffff; }

/* contact */
.contact { width:580px; height:435px; padding:0 10px; margin:0; float:left;}
.contact p.error { color:#F00; margin-left:15px;}
.contact img { margin-top:-3px;}
.address { width:300px; padding:0 20px; margin:0; float:right;}
.address span { color:#1190ce;}

/* conatct form */
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#1f93ca; border:1px solid #dbdbdb; color:#FFF; float:left;}

/* information */
.information {width:950px; padding:0 10px; margin:0; float:left;}

/* domain */
.lookup {width:950px; height:610px; padding:0 10px; margin:0; float:left;}

/* footer */
.footer_block { width:100%; border-top:1px solid #fff;  border-bottom:1px solid #fff; background:#2d2f2f;}
.footer_block h2 { font: normal 28px Tahoma, Geneva, sans-serif; color:#5b5b5b; padding:10px 5px; margin:0 0 10px 0;  border-bottom:1px solid #cccccc;}
.footer_block p {font:italic 12px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:0;}
.footer_block a {color:#FF6;}
.footer_block .resize { width:983px; margin:15px auto; padding:0;}
.footer_block .partners { width:560px; padding:0; margin:0 20px !important; margin:0 10px; float:left;}
.footer_block .partners ul { margin:0; padding:0;}
.footer_block .partners li { display: inline; margin:0; padding:0;}
.footer_block .test { width:360px; padding:0; margin:0 10px; float:right;}
.footer_block .test a { font:italic 14px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:15px 10px; float:right;}
.footer { background: url(images/footer.gif) top center no-repeat; text-align:center; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; margin:2px 0 2px 0; padding:10px 0;}
.footer a {font: normal 11px Arial, Helvetica, sans-serif; color:#fff;}