* { margin:0; padding:0;}
body { background:url(images/tail-top.gif) left top repeat-x #101318; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#444;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}

#search-form { background:url(images/search-bg.gif) no-repeat left 2px; margin-top:-20px;}
#search-form input.text { background:none; border:none; width:140px; padding:1px 0 2px 3px; margin-right:11px;}
#search-form input.submit { background:url(images/submit.gif) no-repeat left top; font-size:1.1em; color:#fff; width:79px; height:26px; text-align:center; border:none;}

#contacts-form label { display:block; height:26px;} 
#contacts-form label input { width:232px; padding:2px 0 2px 3px; color:#8c8c8c; font-family:Tahoma, Geneva, sans-serif; font-size:.83em;}
#contacts-form textarea {width:232px; height:89px; padding:2px 0 2px 3px; margin-bottom:12px; color:#8c8c8c; overflow:auto; font-family:Tahoma, Geneva, sans-serif; font-size:.83em;}

/*==================list====================*/
ul { list-style:none;}

.list1 { margin-bottom:-20px;}
.list1 li { width:100%; overflow:hidden; margin-bottom:15px; position: relative;}
.list1 li span { float:left; width:48px; display:block; background:url(images/date-box.gif) no-repeat left top; font-size:1.38em; font-weight:bold; margin-right:18px; color:#fff; text-align:center; line-height:20px; padding-bottom:10px;}
.list1 li span:first-line { font-size:13px; font-weight:normal;}

.list2 li { background:url(images/marker.gif) no-repeat left 2px; padding:0 0 4px 21px;}
.list2 li a { color:#7e99b1; text-decoration:none;}
.list2 li a:hover { color:#fff;}

.list3 dt { margin-bottom:5px;}
.list3 dd { padding-bottom:42px;}

.list4 { padding-bottom:25px;}
.list4 li { background:url(images/marker1.gif) no-repeat left 2px; padding:0 0 4px 24px;}
.list4 li a { text-decoration:none;}
.list4 li a:hover { color:#000; text-decoration:underline;}

.list5 li { float:left; width:155px; margin-right:60px;}
.list5 li p { margin-bottom:10px; text-align:center;}
.list5 li a { color:#7e99b1;}
.list5 li.last { margin-right:0;}

/*==================other====================*/
.img-indent { margin:0 33px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:30px;}
.img-box img { float:left; margin:0 33px 0 0;}
.img-box1 { width:100%; overflow:hidden; padding-bottom:50px;}
.img-box1 img { float:left; margin:0 33px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:18px;}
.p2 { margin-bottom:5px;}
.p3 { margin-bottom:54px;}
.p4 { margin-bottom:36px;}



/*==================boxes====================*/
.content-box { background:#1f252b; width:100%;}
.content-box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.content-box .border-left {background:url(images/border.gif) repeat-y left;}
.content-box .border-right {background:url(images/border.gif) repeat-y right;}
.content-box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.content-box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; width:100%;}
.content-box .inside { padding:0 18px 20px 18px;}

.box1 { background:#fff; width:100%;}
.box1 .border-top {background:url(images/border-top1.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border-side1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-side1.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;}
.box1 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }
.box1 .inner { padding:46px 35px 49px 43px;}

.cont-box {margin:0;}
.cont-box span { float:left; width:79px;}

/*header*/
#header .row-1 { height:93px; background:url(images/header-bg1.jpg) no-repeat left top;}
#header .row-1 .fleft { padding:19px 0 0 45px;}
#header .row-1 .fright { padding:25px 160px 0 0; position: relative; }
#header .row-1 .fright h4 { color: #37AAE3; margin-bottom: 10px; font-size: 16px; text-align: right; letter-spacing: 1px; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
#header .row-1 .fright h4 span { color: #fff; display: inline-block; width: 130px; }
#header .row-2 { height:60px;}
#header .chat-code { position: absolute; right: 0; top: 20px; }
#header .row-2 { height:60px;}
#header .row-3 .left { background:url(images/header-border.gif) no-repeat left top; height:379px;}
#header .row-3 .right { background:url(images/header-border.gif) no-repeat right top; height:379px;}
#header .row-3 .indent { padding:24px 0 0 18px;}

.rss { background:url(images/rss.jpg) no-repeat right top; padding:13px 42px 0 0; color:#d4d7dc; float:right;}

.nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}
.nav-box .left { background:url(images/nav-box-left.gif) no-repeat left top;}
.nav-box .right { background:url(images/nav-box-right.gif) no-repeat right top; height:60px; padding-left:5px;}

.header-box { /*background:url(images/header-box.jpg) no-repeat left top;*/ width:584px; height:320px; float:left;}
.header-box .inner { padding:75px 0 0 43px;}
.header-box .slogan { margin-bottom:38px;}

.nav { width:100%; overflow:hidden;}
.nav li { display:block; float:left; margin-left:-2px;}
.nav li a { display:block; color:#002e7a; text-decoration:none; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.2em; padding:21px 38px 17px 32px; text-transform:capitalize; font-weight: bold;}
.nav li a:hover { color:#0d92ca; text-decoration:underline;}
.nav li a.current { color:#0d92ca; text-decoration:underline;}

.banners { padding:0 0 0 11px;}
.banners li { margin-bottom:2px;}

/*content*/
#content .row-2 { padding:40px 0 10px 45px; color:#7e99b1;}

/*footer*/
#footer { text-align:center; color:#7e99b1;}
#footer a {color:#7e99b1;}

/*==========================================*/


a.order {position: absolute; width: 68px; height: 21px; display: block; top: 100px; left: 113px;}
a.details {position: absolute; width: 54px; height: 21px; display: block; top: 127px; left: 113px;}



/*=================packages=========================*/

.package {background: url(images/package_top.png) 0px 0px no-repeat; float: left; display: inline; overflow: hidden; margin:0; padding:0; position: relative;  padding-top: 13px; width: 220px; margin-right: 20px; padding-bottom: 20px;}

.package ul { margin: 0; padding: 0; list-style-type: none; background: url(images/bg_left_nav.png) 0px 0px repeat-y; 
padding-bottom: 20px; padding-top: 10px; zoom: 1;}

.package div#extra {background: url(images/bottom_left_nav.png) 0px 0 no-repeat; height: 9px; margin:0; padding:0;}

.package li {color: #f9f9f9; padding-top: 5px; list-style-type: disc; border-bottom: 1px dotted #666; margin-right: 15px; margin-left: 28px;}


img.price {margin: 10px 0 0px 27px;}


/*=================Extra=========================*/

.justi {text-align: justify;}
.content_banner {margin: 10px 0; float: left; display: inline;}
.content_box {margin: 5px 10px 5px 0; float: left; display: inline; width: 250px; height: 185px;}
.content_boxr {margin: 5px 0 5px 10px; float: right; display: inline; }

#sitemap, #sitemap ul {list-style: circle; padding-left: 20px;}
#sitemap li {margin-bottom: 15px;}
#list_none {list-style: none;}


/******** SLIDESHOW ********/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:320px;	width: 584px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #1F252B;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/********** Additional **********/

img, a:focus { border: none; outline: none;}

.lastr { margin-right: 0 !important;}

.home_box_container { float: left; display: inline; width: 100%;  margin-bottom: 30px;  }

.home_box { float: left; display: inline; margin-right: 5%; width: 30%;  height: 320px; background: url(images/box.png) repeat; }

h3.package_button#sharedp { background: #fff url(images/shared-package-button.gif) no-repeat; text-indent: -9999px; float: right; display: inline; margin-bottom: 20px; width: 250px; height: 50px;}

h3.package_button#resellerp{ background: #fff url(images/reseller-package-button.gif) no-repeat; width: 249px; text-indent: -9999px; float: right; display: inline; margin-bottom: 20px; height: 50px;}

h3.package_button#dedicatedp{ background: #fff url(images/dedicated-package-button.gif) no-repeat; width: 249px; text-indent: -9999px; float: right; display: inline; margin-bottom: 20px; height: 50px; }

h3.package_button#vpsp{ background: #fff url(images/vps-package-button.gif) no-repeat; width: 300px; text-indent: -9999px; float: right; display: inline; margin-bottom: 20px; height: 50px;}

h3.package_button a { height: 50px; display: block;  }

#features-right { float: right; display: inline; width: 220px; }

.affiliates h3 { text-transform: uppercase; color: #666;} 

.affiliates h2 { text-transform: capitalize; font-size: 17px; } 

.affiliates_work li { font-size: 14px; line-height: 1.6;  }

.payout { margin: 10px 20px 30px 0px; overflow: hidden; }

.payout li { float: left; display: inline; width: 300px; border: 1px solid #74A0C3; padding: 10px 20px; background: #c0d5eb; font-size: 15px; text-align: center;  margin: 0 5px 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px #89add1; color: #2A3B51;} 

.payout li span { font-weight: bold; }

.resel li { width: 200px; }



/********* AFFILIATES SIGN UP *******/

.register_form, .login_form { margin: 20px 20px 20px 0; width: 345px; background: url(images/register-form-bg.png) repeat-y; overflow: hidden; float: left; display: inline;}

.login_form { background: url(images/login-form-bg.png) repeat-y; margin-right: 0; float: right; }


.register_form h2, .login_form h2 {
	background: #F6F6F7 url(images/register-form-title.png) no-repeat; height: 55px; text-indent: -9999px;
}

.login_form h2 {
	background: #F6F6F7 url(images/login-form-title.png) no-repeat; 
}

.register_form form, .login_form form {
	padding: 25px;
}

.register_form label, .login_form label {
	display: block;
	font: 20px Tahoma, Geneva, sans-serif;
	color: #647983;
	padding-left: 25px;
}

.register_form input, .login_form input, .register_form textarea {
	display: block;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 20px;
	padding: 10px 20px 10px 30px;
	background: url(images/register-form-input.png) no-repeat;
	border: none;
	width: 236px;
}

 .register_form textarea { background-image: none; border: 2px solid #fff; 	padding: 5px; margin: 0 20px 20px 20px; width: 236px;}

.login_form input {
	background: url(images/login-form-input.png) no-repeat;

}

.register_form select, .login_form select {
	display: block;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 20px;
	padding: 10px 20px 0 30px;
	background: url(images/register-form-input.png) no-repeat;
	border: none; outline: none;
	width: 287px;
}

.login_form select {
	background: url(images/login-form-input.png) no-repeat;
}

.register_form option, .login_form option {
	border: none; outline: none;
	padding: 3px 20px 3px 30px;
}

.register-bottom, .login_bottom  {
		background: #fff url(images/register-form-bottom.png) no-repeat; 
		height: 37px;
		clear: both;
}

.login_bottom  {
		background: #fff url(images/login-form-bottom.png) no-repeat; 
}

.register_form .submit, .login_form .submit {
	background: url(images/register-form-button.png) no-repeat;
	height: 36px;
	float: right; display: inline;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0; padding: 0;
	width: 98px;
	margin-right: 30px;
}

.login_form .submit {
	background: url(images/login-form-button.png) no-repeat;
}


/** DEDICATED PAGE **/

#dedicated-plans { float: left; width: 550px; margin-bottom: 20px; }

#dedicated-plans h1 { margin-bottom: 30px; }

.dedicated-plan { background: #eee; float: left; margin-left: 5px; width: 250px; padding-bottom: 20px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -o-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); }

.dedicated-plan.right { float: right; margin-right: 5px;  }

.dedicated-plan:hover { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); -o-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4); }

.dedicated-plan h3 { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.dedicated-plan ul { margin-bottom: 20px; overflow: hidden; }

.dedicated-plan li { list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 8px 0; font-size: 15px; }

.dedicated-plan li:first-child { border-top: none; }

.dedicated-plan li:last-child { border-bottom: none; }

.dedicated-plan li.price { font-size: 24px; font-weight: bold; padding: 15px 0; color: #666; text-shadow: 1px 1px 0 #fff; }

.dedicated-plan a.order-btn { background: url(images/dedicatd-order-btn.png) no-repeat; color: #2c3745; text-shadow: 0 1px 0 #fff; width: 150px; height: 38px; line-height: 38px; display: block; text-align: center; text-decoration: none; font-size: 16px; font-weight: bold; margin: 0 auto; font-style: italic; }

.dedicated-plan a.order-btn:hover { background-position: left -50px; }

/** Dedicated Form **/

#dedicated-form { float: left; width: 100%; margin: 20px 0 0 3px; padding: 0; border: none; }

#dedicated-form fieldset { float: left; width: 270px; outline: none; border: none; margin-bottom: 20px; }

#dedicated-form label { display: block; margin-bottom: 3px; font-weight: bold; }

#dedicated-form input[type="text"] { padding: 7px; border: 1px solid #ddd; width: 200px; color: #666; }

#dedicated-form input[type="text"]:focus { color: #000; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2);   }

#dedicated-form .submit-block { clear: both; }

#dedicated-form .submit { background: url(images/dedicatd-order-btn.png) no-repeat; float: left; color: #2c3745; text-shadow: 0 1px 0 #fff; width: 150px; height: 38px; line-height: 38px; display: block; text-align: center; text-decoration: none; font-size: 16px; font-weight: bold; margin: 0 auto; font-style: italic; cursor: pointer; border: none; }

#dedicated-form .submit:hover { background-position: left -50px; }
