/*

	www.kapcservice.com
	Copyright (C) 2005. All rights reserved.

*/


/*  General  */
body {margin: 0px; padding: 0px;}
img {border: none;}
img.displayed {display: block; margin-left: auto; margin-right: auto;}
a {text-decoration: none;}
.page {margin-left:auto;margin-right:auto; width: 900px;}
.label {float: left; width: 150px; text-align: right; padding-right: 10px;}
.input2 {float: left; margin-left: 5px; text-align: left;}

/*  Header  */
#header {padding: 0px; width: 900px;}
.left_column_header {float: left; margin: 40px 0px 0px 0px; width: 50%;}
.right_column_header {
	color: #bbb;
	float: right;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: right;
	width: 50%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.right_column_header a {color: #bbb; text-decoration: none;}
.right_column_header a:hover {color: #bad532; text-decoration: underline;}

.toplink {margin-right: 20px;}

.splash {background: url(images/splash2.gif) top left no-repeat; height: 300px; width: 900px;}
.splash-content {color: #fff; font-family: arial, sans-serif; font-size: 12px; padding: 12px 10px 20px 10px;}

.splash-content-left {float: left; width: 630px; }
.splash-content-right {float: right; width: 225px; padding-top: 145px;}

.splash-content ul{list-style: none; font-size: 14px;}
.splash-content li{padding-top: 2px; padding-bottom: 2px;}
.splash-list {width: 600px; margin-top: 5px;}
.splash-left {float: left; margin-left: 10px;}
.splash-right {float: right; margin-right: 100px;}

.splash a{color: #fff; text-decoration: none;}
.splash a:hover{color: #ff6600; text-decoration: none;}


/*  Navigation  */
#navigation {background: url(images/navbg.gif) center; height: 37px; margin: 30px 0px 20px 0px; width: 900px;}
#navigation .left {background: url(images/navbg.gif) bottom left no-repeat; height: 37px; padding: 0px 0px 0px 15px; position: relative;}

#navigation a {display: block; float: left; height: 37px;}
#navigation a span {display: none;}
#navigation a.active, #navigation a:hover {background-position: bottom;}

#navigation .seperator {background-image: url(images/navbg.gif); float: left; height: 37px; width: 15px;}

#navigation a.home {background-image: url(images/navhome.gif); width: 75px;}
#navigation a.shared {background-image: url(images/navshared.gif); width: 95px;}
#navigation a.reseller {background-image: url(images/navreseller.gif); width: 135px;}
#navigation a.dedicated {background-image: url(images/navdedicated.gif); width: 150px;}
#navigation a.vps {background-image: url(images/navavps.gif); width: 150px;}
#navigation a.support {background-image: url(images/navsupport.gif); width: 75px;}
#navigation a.signup {background-image: url(images/navsignup.gif); position: absolute; right: 0px; width: 120px;}

.sidenav {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; text-align: left; width: 100%; margin-bottom: 0px; margin-left: 0; border-top: 2pt solid #ccc; border-bottom: 2pt solid #ccc;}
.sidenav ul {list-style: none; margin: 0; padding: 0; border: none;}
.sidenav li {border-bottom: 1px solid #ccc; padding-left: 0px; padding-top: 0px; background-color: #F6F6F6;}
.sidenav li a {display: block; padding: 5px 5px 5px 15px; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333;}
.sidenav li a:hover {display: block; background-color: #333; color: #fff; border-left: 5px #ff9900 solid; padding-left: 10px;}
.sidenav li a.selected {color: #fff; font-weight: bold; font-size: 12px; background-color: #333; border-left: 5px #ff9900 solid;}

.sidenav ul .sub {list-style: none; padding-left: 20px;}

/*  Content  */
.content {color: #222222; font-family: arial, sans-serif; font-size: 12px; line-height: 18px; margin: 30px auto 30px;}
.sub_content {color: #222222; font-family: arial, sans-serif; font-size: 12px; line-height: 18px; margin-top: 1px; width: 900px;}

.left_column {border-right: solid 1px #cccccc; float: left; width: 614px; padding-right: 10px;}
.lcolumn_content {padding: 10px;}
.lcolumn_content h1 {color: #222222; font-weight: bold; font-size: 18px; border-left: 10px solid #ccc; padding-left: 5px;}
.lcolumn_content h3 {color: #222222; font-weight: bold; font-size: 14px; border-left: 5px solid #ddeb99; padding-left: 5px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 30px;}
.lcolumn_content a{color: #99b11f; text-decoration: underline;}
.lcolumn_content a:hover{color: #ff6600; text-decoration: none;}
	
.right_column {background: #fff url(images/rcolbg.gif) top left repeat-x; float: right; width: 275px;}
.rcolumn_content {color: #222222; font-size: 12px; font-family: arial, sans-serif; padding: 10px;}

.rcolumn_fbox {margin-top: 20px; width: 100%;}
.rcolumn_fbox h1 {color: #a5bd2c; font-size: 16px; font-weight: normal;}
.rcolumn_fbstyle {background-color: #fff; border: solid 1px #ccc; padding: 10px;}
.rcolumn_fbcontent {background-color: #f7f7f7; border: 1px solid #e8e8e8; color: #222222; font-size: 11px; padding: 5px; margin-top: 5px;}
.rcolumn_fbmore {background: url(images/rctab.gif) top right no-repeat; color: #666; font-size: 11px; height: 25px; text-align: right; padding-right: 20px;} 
.rcolumn_fbmore a{color: #ff6600; text-decoration: none;}
.rcolumn_fbmore a:hover{color: #666; text-decoration: none;}

.box {background-color: #f7f7f7; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px;}
.quote {font-style: italic; margin-top: 5px;}
.review {float: right; padding-top: 2px;}

.box2 {background: #f7f7f7 url(images/planbg.gif) top left no-repeat; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 120px;}
.box3 {background: #f7f7f7 url(images/mailbg.gif) top left no-repeat; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 120px;}
.box3 input {padding: 5px; font-size: 12px; margin-bottom: 5px;}
.box3 label {font-weight: bold;}

.staffpic {float: left; border: 1px solid #666; width: 100px; height: 100px;}
.staffprofile {margin-left: 130px; text-align: left;}

/*	Comparison Table	*/
.highlight {color: #a5bd2c; font-weight: bold;}

.tframe {margin: 30px 0px 30px 0px; width: 590px;}
.tframe2 {margin: 40px 0px 30px 0px; width: 590px;}
.tframe h2{font-size: 16px; color: #000000;}

.tb1 {background: #333333 url(images/tbbg.jpg) top left repeat-x; color:#ffffff; font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;  font-size: 16px; font-weight: normal;}
.tb1a {background: #333333 url(images/tbbg.jpg) top left repeat-x; color:#ffffff; font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;  font-size: 14px; font-weight: normal;}

.tb2-fade {background: #f7f7f7 url(images/tbg.png) top left repeat-x; border-bottom:1pt solid #cccccc; border-right: 1pt solid #cccccc; font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:normal;  height: 30px;}
.tb2 {background-color: #f7f7f7; border-bottom:1pt solid #cccccc; border-right: 1pt solid #cccccc; font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:normal;  height: 30px;}

/*  Dedi Boxex  */
.leftbox {float: left; width: 190px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}
.midbox {float: left; width: 190px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}
.rightbox {float: left; width: 190px; margin-top: 20px; margin-bottom: 20px;}

.boxframe {border: 1px solid #bbbbbb; height: 205px; padding: 10px;}
.sd1 {background: #fff url(images/dedicado-amd1.gif) top;}
.sd2 {background: #fff url(images/dedicado-amd2.gif) top;}
.sd3 {background: #fff url(images/dedicado-amd3.gif) top;}
.sd4 {background: #fff url(images/dedicado-opt1.gif) top;}
.sd5 {background: #fff url(images/dedicado-opt2.gif) top;}
.sd6 {background: #fff url(images/dedicado-opt3.gif) top;}
.sd7 {background: #fff url(images/dedicado-xeo1.gif) top;}
.sd8 {background: #fff url(images/dedicado-xeo2.gif) top;}
.sd9 {background: #fff url(images/dedicado-xeo3.gif) top;}

.vp1 {background: #fff url(images/vps1.gif) top;}
.vp2 {background: #fff url(images/vps2.gif) top;}
.vp3 {background: #fff url(images/vps3.gif) top;}
.vp4 {background: #fff url(images/vps4.gif) top;}
.vp5 {background: #fff url(images/vps5.gif) top;}
.vp6 {background: #fff url(images/vps6.gif) top;}

.boxframe-content {color: #666; font-size: 12px; height: 125px;}
.boxframe-content ul{padding-left: 5px; margin-left: 0px; list-style-position: inside;}

.boxframe h2{border-bottom: solid #a5bd2c 2px; color: #333; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px;}
.boxframe-left {float: left; padding-top: 12px; width: 50%; text-align: left;}

/*  index Mid  */
.mid {margin: 30px 0px 30px 0px; width: 900px;}

.escape {background: url(images/domain.gif) top left no-repeat; float: left; height: 253px; margin-right: 25px; width: 250px;}
.escape_content {color: #999999; font-weight: normal; font-size: 16px; padding: 130px 0px 20px 25px;}
.escape_content2 {color: #999999; font-weight: normal; font-size: 16px; padding: 20px 0px 20px 15px;}
.escape_content3 {color: #333; font-weight: normal; font-size: 16px; padding: 0px 0px 20px 15px;}
.escape_content3 a{color: #ff9900; text-decoration: none;}
.escape_content3 a:hover{color: #ff9900; text-decoration: underline;}

.ec70 {background: url(images/hot_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px;}
.ectran {background: url(images/transfer_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}

.phone {background: url(images/phone_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px;}
.echat {background: url(images/chat1.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}
.faq {background: url(images/faq.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}
.edesk {background: url(images/desk_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}

.wwreseller {background: url(images/wwreseller.gif) top left no-repeat; float: left; height: 253px; margin-right: 20px; width: 250px;}
.wwr_content {font-size: 11px; line-height: 14px; padding: 5px;}
.wwr_title {color: #000; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 22px;}
.wwr_subtitle {color: #666666; font-size: 14px; font-weight: normal; margin-bottom: 10px;}

.mid_right {background: url(images/mid_right_bg.gif) top left no-repeat; float: right; height: 243px; padding: 12px 2px 0px 4px; width: 345px;}
.mr_section {background: url(images/mr_section.gif) top left no-repeat; height: 70px; margin-bottom: 10px; width: 341px;}
.mr_icon {float: left; padding: 13px 15px 10px 13px;}
a.mr_link {display: block; float: right; margin-top: 35px; width: 20px; height: 25px;}
.mr_content {color: #666666; font-size: 11px; line-height: 14px; padding-top: 11px; text-align: left;}
.mr_content h2{color: #222222; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 18px; padding: 0px; margin: 0px 0px 2px 0px;}

.migleft {float: left;}
.migright {float: right;}
.migration_section {background: url(images/migbg.gif) top left no-repeat; height: 70px; margin-bottom: 10px; width: 271px;}
.migration_icon {float: left; padding: 13px 15px 10px 13px;}
a.migration_link {display: block; float: right; margin-top: 35px; width: 20px; height: 25px;}
.migration_content {color: #666666; font-size: 11px; line-height: 14px; padding-top: 11px; text-align: left;}
.migration_content h2{color: #222222; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 18px; padding: 0px; margin: 0px 0px 2px 0px;}

/*  Footer  */
#footer {margin: 30px auto 30px; padding: 0px; width: 900px;}

.footer_bar {background: url(images/navbg.gif) center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 37px; text-align: right; width: 898px;}
.fb_links {color: #bbb; float: right; font-family: arial, sans-serif; font-size: 12px; padding-top: 10px; margin-right: 5px;}
.fb_links a {color: #666;  margin-left: 5px; margin-right: 5px; text-decoration: none;}
.fb_links a:hover {color: #222222; text-decoration: underline;}
.fb_icon {float: right; padding-right: 1px;}

.footer_dark {background: #333333 url(images/footer_bottom.gif) bottom right no-repeat; color: #ccc; font-family: arial, sans-serif; font-size: 10px; padding: 5px 5px 20px 0px; text-align: right;}
