/* CSS Document */

input:focus, textarea:focus, select:focus{
border:1px solid #00CC00;
}
.content {
	clear: both;
	float: left;
	width: 920px;
	height: 304px;
}

.content-left {
	float: left;
	width: 300px;
	height: 304px;
}

.content-right {
	float: right;
	width: 610px;
	height: 304px;
}

.sub-content {
	clear: both;
	float: left;
	padding-top: 10px;
	width: 920px;
	height: 154px;
}

.sub-content1 {
	float: left;
	width: 300px;
	height: 154px;
	background: url(../images/hosting_services.gif) no-repeat;
	cursor: pointer;
}

.sub-content2 {
	float: left;
	width: 300px;
	height: 154px;
	background: url(../images/website_design.gif) no-repeat;
	cursor: pointer;
}

.sub-content3 {
	float: left;
	width: 300px;
	height: 154px;
	background: url(../images/application_development.gif) no-repeat;
	cursor: pointer;
}

.sc-desc {
	padding: 50px 20px 20px 20px;
	width: 260px;
	height: 84px;
	color: #FFFFFF;
	line-height: 18px;
}

.sub-content-spacer {
	float: left;
	width: 10px;
	height: 154px;
}

.welcome {
	color: #009900;
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
}

.r-more {
	float: right;
	color: #009900;
	font-size: 11px;
	padding: 10px 5px 0px 8px;
	margin: 0;
}

.r-more a {
	color: #009900;
	text-decoration: underline;
	background: url(../images/bullet_more.gif) no-repeat 0px 5px;
	padding: 0px 5px 0px 8px;
}

.r-more a:hover {
	color: #ff7100;
	text-decoration: none;
	background: url(../images/bullet_more_hover.gif) no-repeat 0px 5px;
	padding: 0px 5px 0px 8px;
}

.c-here {
	float: right;
	color: #009900;
	font-weight: bold;
	padding: 0px 5px 0px 8px;
	margin: 0;
}

.c-here a {
	color: #009900;
	text-decoration: underline;
	background: url(../images/bullet_more.gif) no-repeat 0px 5px;
	padding: 0px 5px 0px 8px;
}

.c-here a:hover {
	color: #ff7100;
	text-decoration: none;
	background: url(../images/bullet_more_hover.gif) no-repeat 0px 5px;
	padding: 0px 5px 0px 8px;
}

.spacer {
	clear:both;
	font-size:1px;
	height:1px;
}

.spacer-line {
	clear: both;
	height: 5px;
	font-size: 1px;
	border-bottom: 5px solid #dedede;
}

.title-line {
	clear: both;
	float: left;
	width: 920px;
	height: 15px;
	background: url(../images/title_line_bg.gif) repeat-x;
}
.bold{
	font-weight:bold;
	color:#555555;
	text-align: center;
	padding-top: 25px;
}

.title-line-s {
	clear: both;
	float: left;
	width: 700px;
	height: 15px;
	background: url(../images/title_line_bg.gif) repeat-x;
}

/* portfolio  start */
.folio {
	clear: both;
	float: left;
	width: 920px;
	height: auto;
	padding: 15px 0px;
	border-bottom: 5px solid #dedede;
}

.folio-img {
	float: left;
	width: 300px;
	height: 190px;
	border: 2px solid #dedede;
	padding: 2px;
}

.folio-cont {
	float: right;
	width: 592px;
	height: auto;
}

.folio-hdr {
	float: left;
	width: 592px;
	height: 24px;
	border-bottom: 1px dotted #CCCCCC;
}

.folio-title {
	float: left;
	width: 352px;
}

.folio-site {
	float: right;
	height: 16px;
	padding-top: 8px;
	font-size: 11px;
	color: #009900;
	padding-left: 8px;
}

.folio-site a {
	color: #009900;
	text-decoration: none;
	background: url(../images/bullet_more.gif) no-repeat 0px 5px;
	padding-left: 8px;
}

.folio-site a:hover {
	color: #ff7100;
	text-decoration: none;
	background: url(../images/bullet_more_hover.gif) no-repeat 0px 5px;
	padding-left: 8px;
}

.folio-desc {
	float: left;
	width: 592px;
	padding: 10px 0px;
	font-size: 11px;
}

.folio-sum {
	float: left;
	width: 592px;
	font-size: 11px;
	padding: 5px 0px;
}

.folio-listl {
	float: left;
	width: 260px;
	padding-left: 30px;
}

.folio-listr {
	float: right;
	width: 260px;
	padding-left: 30px;
}

/* portfolio  end */

/* about us start */
.about-cont {
	clear: both;
	float: left;
	width: 880px;
	height: auto;
	padding: 15px;
}

/* services start */
.services-panel {
	float: left;
	width: 200px;
	height: auto;
	color: #FFFFFF;
}

.sp-top {
	clear: both;
	float: left;
	width: 200px;
	height: 35px;
	/*background: url(../images/services_top.gif) no-repeat;*/
	font-size: 1px;

}

.sp-mid {
	clear: both;
	float: left;
	width: 200px;
	height: auto;
	background: url(../images/services_middle.gif) repeat-y;
}

.sp-btm {
	clear: both;
	float: left;
	width: 200px;
	height: 10px;
	background: url(../images/services_btm.gif) no-repeat;
	font-size: 1px;
}

.sp-mid-list {
	width: 160px;
	padding: 5px 20px 4px 20px;
}

.sp-mid-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sp-mid-list li {
	margin: 0;
	padding: 6px 0px 6px 15px;
	border-bottom: 1px dotted #FFFFFF;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.sp-mid-list li ul li {
	margin: 0;
	padding: 6px 0px 0px 15px;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.sp-mid-list a:link, .sp-mid-list a:visited, .sp-mid-list a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.sp-mid-list a:hover {
	color: #FFFFCC;
	text-decoration: none;
}

.sp-selected {
	color: #FFCC00;
	text-decoration: none;
}

.services-main {
	float: right;
	width: 700px;
	height: auto;
}

.services-visual {
	clear: both;
	float: left;
	width: 700px;
	height: 250px;
	background-color: #CCCCCC;
}

.services-main-cont {
	clear: both;
	float: left;
	width: 700px;
	padding-top: 10px;
}

.services-cont {
	clear: both;
	float: left;
	width: 670px;
	height: auto;
	padding: 15px 15px 0px 15px;
}

.h-plan-cont {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	padding-bottom: 10px;
}

.h-plan-cont-vps {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	padding-bottom: 10px;
}

.h-platinum-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_platinum_top.gif) no-repeat;
}

.h-platinum-bg {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	background: url(../images/h_platinum_bg.gif) repeat-y;
}

.h-platinum-btm {
	clear: both;
	float: left;
	width: 700px;
	height: 20px;
	background: url(../images/h_platinum_btm.gif) no-repeat;
}

.h-cont {
	float: left;
	width: 630px;
	padding: 0px 40px 0px 30px;
}

.h-cont-top {
	float: left;
	width: 550px;
	height: 40px;
	padding: 80px 120px 0px 30px;
}

.h-cont-top2 {
	float: left;
	width: 550px;
	height: 100px;
	padding: 20px 120px 0px 30px;
}

.h-cont-top2-desc {
	clear: both;
	width: 126px;
	height: 31px;
	padding: 5px 30px 24px 394px;
}

.h-cont-pad {
	line-height: 20px;
}

.h-order-cont {
	clear: both;
	float: left;
	width: 630px;
	padding: 10px 40px 0px 30px;
}

.h-order-platinum {
	float: left;
	width: 630px;
	text-align: right;
	border-top: 5px solid #efefef;
	padding-top: 5px;
}

.h-gold-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_gold_top.gif) no-repeat;
}

.h-gold-bg {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	background: url(../images/h_gold_bg.gif) repeat-y;
}

.h-gold-btm {
	clear: both;
	float: left;
	width: 700px;
	height: 20px;
	background: url(../images/h_gold_btm.gif) no-repeat;
}

.h-order-gold {
	float: left;
	width: 630px;
	text-align: right;
	border-top: 5px solid #ffefb7;
	padding-top: 5px;
}

.h-silver-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_silver_top.gif) no-repeat;
}

.h-silver-bg {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	background: url(../images/h_silver_bg.gif) repeat-y;
}

.h-silver-btm {
	clear: both;
	float: left;
	width: 700px;
	height: 20px;
	background: url(../images/h_silver_btm.gif) no-repeat;
}

.h-order-silver {
	float: left;
	width: 630px;
	text-align: right;
	border-top: 5px solid #e7e7e7;
	padding-top: 5px;
}

.h-bronze-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_bronze_top.gif) no-repeat;
}

.h-bronze-bg {
	clear: both;
	float: left;
	width: 700px;
	height: auto;
	background: url(../images/h_bronze_bg.gif) repeat-y;
}

.h-bronze-btm {
	clear: both;
	float: left;
	width: 700px;
	height: 20px;
	background: url(../images/h_bronze_btm.gif) no-repeat;
}

.h-order-bronze {
	float: left;
	width: 630px;
	text-align: right;
	border-top: 5px solid #ffebd4;
	padding-top: 5px;
}

.h-ultrafast-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_ultrafast_top.gif) no-repeat;
}

.h-superfast-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_superfast_top.gif) no-repeat;
}

.h-fast-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_fast_top.gif) no-repeat;
}

.h-starter-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_starter_top.gif) no-repeat;
}

.h-basic-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_basic_top.gif) no-repeat;
}

.h-standard-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_standard_top.gif) no-repeat;
}

.h-pro-top {
	clear: both;
	float: left;
	width: 700px;
	height: 120px;
	background: url(../images/h_pro_top.gif) no-repeat;
}

.h-addons-container {
	clear: both;
	border:1px solid #75d441;
	border-bottom:none;
	border-top:none;
	width:568px;
	margin: 0 auto;
	color: #333333;
}

.h-addons-title {
	height:30px;
	line-height:30px;
	background:url(../images/h_title_bg.gif) repeat-x;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

.h-addons-title-style1 {
	border-bottom:1px solid #75d441;
	border-right:1px solid #75d441;
}

.h-addons-title-style2 {
	border-bottom:1px solid #75d441;
}

.h-addons-style1 {
	border-bottom:1px solid #75d441;
	border-right:1px solid #75d441;
	padding:5px;
}

.h-addons-style2 {
	border-bottom:1px solid #75d441;
	padding:5px;
}

/* services end */

/* support start */
.support-panel {
	float: left;
	width: 200px;
	height: auto;
	color: #FFFFFF;
}

.sup-top {
	clear: both;
	float: left;
	width: 200px;
	height: 35px;
	background: url(../images/support_top.gif) no-repeat;

}

.sup-mid {
	clear: both;
	float: left;
	width: 200px;
	height: auto;
	background: url(../images/services_middle.gif) repeat-y;
}

.sup-btm {
	clear: both;
	float: left;
	width: 200px;
	height: 10px;
	background: url(../images/services_btm.gif) no-repeat;
	font-size: 1px;
}

.sup-mid-list {
	width: 160px;
	padding: 5px 20px 4px 20px;
}

.sup-mid-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sup-mid-list li {
	margin: 0;
	padding: 6px 0px 6px 15px;
	border-bottom: 1px dotted #FFFFFF;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.sup-mid-list li ul li {
	margin: 0;
	padding: 6px 0px 0px 15px;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.sup-mid-list a:link, .sup-mid-list a:visited, .sup-mid-list a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.sup-mid-list a:hover {
	color: #FFFFCC;
	text-decoration: none;
}

.sup-selected {
	color: #FFCC00;
	text-decoration: none;
}

.support-main {
	float: right;
	width: 700px;
	height: auto;
}

.support-visual {
	clear: both;
	float: left;
	width: 700px;
	height: 250px;
	background-color: #CCCCCC;
}

.support-main-cont {
	clear: both;
	float: left;
	width: 700px;
	padding-top: 10px;
}

.support-cont {
	clear: both;
	float: left;
	width: 670px;
	height: auto;
	padding: 15px 15px 0px 15px;
}
/* support end */

/* solutions start */
.solutions-panel {
	float: left;
	width: 200px;
	height: auto;
	color: #FFFFFF;
}

.solp-top {
	clear: both;
	float: left;
	width: 200px;
	height: 35px;
	background: url(../images/solutions_top.gif) no-repeat;
	font-size: 1px;

}

.solp-mid {
	clear: both;
	float: left;
	width: 200px;
	height: auto;
	background: url(../images/services_middle.gif) repeat-y;
}

.solp-btm {
	clear: both;
	float: left;
	width: 200px;
	height: 10px;
	background: url(../images/services_btm.gif) no-repeat;
	font-size: 1px;
}

.solp-mid-list {
	width: 160px;
	padding: 5px 20px 4px 20px;
}

.solp-mid-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.solp-mid-list li {
	margin: 0;
	padding: 6px 0px 6px 15px;
	border-bottom: 1px dotted #FFFFFF;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.solp-mid-list li ul li {
	margin: 0;
	padding: 6px 0px 0px 15px;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.solp-mid-list a:link, .solp-mid-list a:visited, .solp-mid-list a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.solp-mid-list a:hover {
	color: #FFFFCC;
	text-decoration: none;
}

.solp-selected {
	color: #FFCC00;
	text-decoration: none;
}

.solutions-main {
	float: right;
	width: 700px;
	height: auto;
}

.solutions-visual {
	clear: both;
	float: left;
	width: 700px;
	height: 250px;
	background-color: #CCCCCC;
}

.solutions-main-cont {
	clear: both;
	float: left;
	width: 700px;
	padding-top: 10px;
}

.solutions-cont {
	clear: both;
	float: left;
	width: 670px;
	height: auto;
	padding: 15px 15px 0px 15px;
}
/* solutions end */


/* faq start */
.faq-panel {
	float: left;
	width: 200px;
	height: auto;
	color: #FFFFFF;
}

.faq-top {
	clear: both;
	float: left;
	width: 200px;
	height: 35px;
	background: url(../images/FAQ_top.gif) no-repeat;
	font-size: 1px;
}

.faq-mid {
	clear: both;
	float: left;
	width: 200px;
	height: auto;
	background: url(../images/services_middle.gif) repeat-y;
}

.faq-btm {
	clear: both;
	float: left;
	width: 200px;
	height: 10px;
	background: url(../images/services_btm.gif) no-repeat;
	font-size: 1px;
}

.faq-mid-list {
	width: 160px;
	padding: 5px 20px 4px 20px;
}

.faq-mid-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.faq-mid-list li {
	margin: 0;
	padding: 6px 0px 6px 15px;
	border-bottom: 1px dotted #FFFFFF;
	background: url(../images/bullet.gif) no-repeat 3px 11px;
}

.faq-mid-list a:link, .faq-mid-list a:visited, .faq-mid-list a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.faq-mid-list a:hover {
	color: #FFFFCC;
	text-decoration: none;
}

.faq-selected {
	color: #FFCC00;
	text-decoration: none;
}

.faq-main {
	float: right;
	width: 700px;
	height: auto;
}

.faq-main-cont {
	clear: both;
	float: left;
	width: 700px;
	padding-top: 10px;
}

.faq-cont {
	clear: both;
	float: left;
	width: 670px;
	height: auto;
	padding: 15px 15px 0px 15px;
}

.faq-img-cont {
	border: 5px solid #dedede;
	text-align: center;
	padding: 5px;
}

.glossary-page {
	clear: both;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

dd {
	padding-bottom: 5px;
}
/* faq end */

/* contact start */
.contact-cont {
	clear: both;
	float: left;
	width: 890px;
	height: auto;
	padding: 25px 15px 15px 15px;
}

.contact-content-holder {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 445px;
}

.contact-content-desc {
	clear: both;
	float: left;
	width: 378px;
	padding: 5px 10px;
	font-size: 11px;
	border-bottom: 1px dotted #CCCCCC;
}

.contact-content {
	clear: both;
	float: left;
	width: 445px;
	padding-bottom: 5px;
}

.contact-content-left {
	float: left;
	width: 120px;
	height: 22px;
	line-height: 22px;
	text-align: right;
}

.contact-content-right {
	float: right;
	width: 305px;
	text-align: left;
}

.contact-textfield {
	background: url(../images/textfield_bg.gif) repeat-x;
	border: 1px solid #A5ACB2;
	padding: 3px 5px;
	width: 290px;
}

.contact-list-menu {
	border: 1px solid #A5ACB2;
	padding: 3px 5px;
	width: 302px;
}

.contact-content-send {
	clear: both;
	float: left;
	width: 305px;
	text-align: center;
	padding-top: 5px;
}

.message-text {
	background: #FFFFFF url(../images/textfield_bg.gif) repeat-x;
	border: 1px solid #A5ACB2;
	width:290px;
	padding: 5px;
}

.contact-textfield-code {
	background: url(../images/textfield_bg.gif) repeat-x;
	border: 1px solid #A5ACB2;
	padding: 3px 5px;
	width: 90px;
}

.contact-code {
	clear: both;
	float: left;
	padding-top: 5px;
}

.contact-sent-title {
	font-size: 20px;
	font-weight: bold;
	color: #FFFF99;
	text-align: center;
}

.contact-sent-desc {
	font-size: 12px;
	text-align: center;
}

.red {
	color: #FF0000;
	padding: 0px 5px;
}

.nc {
	color: #FFFFFF;
	padding: 0px 5px;
}
/*contact us end*/