@font-face {
font-family: din;
src: url('../fonts/DINNGBC.PFM');
}
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#e3e7e9;
}
.container {
	width:100%;
	height:auto;
	float:left;
	clear:both;
}
.clear {
	clear:both;
}
img {
	border:none;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.nomarginbtm {
	margin-bottom:0px !important;
}
.nomarginrt {
	margin-right:0px !important;
}
.noborderbtm {
	border-bottom:none !important;
}
.margintop {
	margin-top:-10px;
}

.marginbottom10 { margin-bottom:10px !important; }

a:link {
	color: #777777;
	text-decoration: none;
	outline:none;
}
a:visited {
	text-decoration: none;
	color: #777777;
	outline:none;
}
a:hover {
	text-decoration: underline;
	color: #777777;
	outline:none;
}
a:active {
	text-decoration: none;
	color: #777777;
	outline:none;
}

.headercon {
	float:left;
	width:100%;
	background:url(../images/headerbg.png) repeat left top;
	border-bottom:5px solid #ee7103;
	margin:0 0 20px 0;
}
.wrapper {
	width:950px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.logo {
	float:left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.account {
	float:right;
	width:187px;
	height:34px;
	margin:30px 0 0 0;
}
.account a {
	display:block;
	background:url(../images/clientlogin.png) no-repeat left top;
	width:172px;
	text-decoration:none;
	text-shadow:1px 1px 1px #363636;
	height:34px;
	padding:0 0 0 15px;
	color:#FFF;
	font-size:12px;
	line-height:34px;
}
.account a:hover {
	background:url(../images/clientlogin.png) no-repeat left bottom;
}
.livechat {
	float:right;
	width:163px;
	height:34px;
	margin:30px 0 0 10px;
}
.livechat a {
	display:block;
	background:url(../images/livechat.png) no-repeat left top;
	width:148px;
	text-decoration:none;
	text-shadow:1px 1px 1px #cd6a05;
	height:34px;
	padding:0 0 0 15px;
	color:#FFF;
	font-size:12px;
	line-height:34px;
}
.livechat a:hover {
	background:url(../images/livechat.png) no-repeat left bottom;
}
#menu {
	float:left;
	width:940px;
	height:35px;
	background:#000;
	padding:5px 5px 0 5px;
  -webkit-border-radius: 7px 7px 0 0;
     -moz-border-radius: 7px 7px 0 0;
          border-radius: 7px 7px 0 0;	
	
	margin:25px 0 0 0;
}
#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu ul li {
	float:left;
	display:inline;
	height:35px;
	margin:0 5px 0 0;
}
#menu ul li a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	text-shadow:1px 1px 1px #363636;
	text-transform:uppercase;
	background:url(../images/menu.png) repeat-x left top;
  -webkit-border-radius: 7px 7px 0 0;
     -moz-border-radius: 7px 7px 0 0;
          border-radius: 7px 7px 0 0;	
	height:35px;
	line-height:35px;
        padding: 0 30.7px;
}
#menu ul li a:hover, #menu ul li.active a {
	background:url(../images/menuactive.png) repeat-x left top;
  -webkit-border-radius: 7px 7px 0 0;
     -moz-border-radius: 7px 7px 0 0;
          border-radius: 7px 7px 0 0;	
	color:#777;
	text-shadow:1px 1px 1px #FFF;
}

#menu li li {
     float: left;
     margin: 0px;
     padding: 0px;
     width: 225px;
}

#menu ul li.over a, #menu ul li:hover a {
	background:url(../images/menuactive.png) repeat-x left top;
  -webkit-border-radius: 7px 7px 0 0;
     -moz-border-radius: 7px 7px 0 0;
          border-radius: 7px 7px 0 0;	
	color:#777;
	text-shadow:1px 1px 1px #FFF;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
	color:#777;
	text-shadow:1px 1px 1px #FFF;
     float: none;
     margin: 0px;
     border-radius:0;
     border-bottom: #2a2a2a 1px solid;
     border-left: #2a2a2a 1px solid;
     border-right: #2a2a2a 1px solid;
     text-align: left;

}

#menu li li a:hover, #menu li li a:active {
	color:#777;
	text-shadow:1px 1px 1px #FFF;
     float: none;
     margin: 0px;
     text-align: left;

}

#menu li ul {
     left: -999em;
     position: absolute;
     width: 10em;
     z-index: 9999;
     background: #dcdcdc;
}

#menu li:hover ul {
     display: block;
     left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
     left: auto;
}

.signup {
        padding:0;
        width: 130px;
}
.signup a {
	width:130px;
	background:url(../images/signup.png) repeat-x left top !important;
	height:35px;
	display:block;
	font-weight:bold;
	color:#FFF !important;
	text-shadow:1px 1px 1px #cd6a05 !important;
}
.signup a:hover {
	opacity:0.9;
	background:url(../images/signup.png) repeat-x left top !important;
}
.banner {
	float:left;
	width:890px;
	height:296px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
}
.bannerleft {
	float:left;
}
.bannerleft h1 {
	margin:0 0 7px 0;
	padding:0px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:48px;
	text-shadow:1px 1px 1px #ba5d00;
}
.bannerleft h2 {
	margin: 0;
	padding:0px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	text-shadow:1px 1px 1px #ba5d00;
}

.bannerleft h2 a { color: #fff; font-size:22px; }

.liststyle1 {
	list-style:none;
	margin:0px;
	padding:0px;
}
.liststyle1 li {
	background:url(../images/bannerli.png) no-repeat left top;
	height:34px;
	margin:0 0 2px 0;
	padding:0 0 0 40px;
	color:#FFF;
	font-size:14px;
	line-height:34px;
}
.feature {
	float:right;
	margin:10px 43px 0 0;
}
.feature a {
	display:block;
	height:15px;
	line-height:15px;
	color:#FFF;
	font-size:10px;
	text-decoration:underline;
	text-transform:uppercase;
}
.feature a:hover {
	text-decoration:none;
}
.bannerright {
	float:right;
	width:320px;
}
.ratebanner {
	float:left;
	width:153px;
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}
.ratebanner h3 {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:1px 1px 1px #c46e03;
	font-size:18px;
	letter-spacing:-1px;
	text-align:right;
}
.pound {
	color:#FFF;
	font-size:50px;
	position:absolute;
	font-family:din;
	margin:-4px 0 0 4px;
}
.numeric {
	color:#FFF;
	font-size:70px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:-17px 0 0 30px;
	letter-spacing:-5px;
	top: 290px;
}
.numericsmall {
	color:#FFF;
	font-size:40px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-3px;
	margin-top: -7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	padding-top: 5px;
}
.per {
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	margin-top: 32px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 99px;
	padding-top: 5px;
}
.liststyle2 {
	list-style:none;
	padding:0px;
	float:right;
	display:block;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
}
.liststyle2 li {
	line-height:25px;
	height:25px;
	background:url(../images/bullet.png) no-repeat left center;
	padding:0 0 0 13px;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
}
.signup1 {
	width:167px;
	height:34px;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.signup1 a {
	display:block;
	background:url(../images/bannerbtn.png) no-repeat left top;
	width:147px;
	height:34px;
	line-height:34px;
	padding:0 0 0 20px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.signup1 a:hover {
	background:url(../images/bannerbtn.png) no-repeat left bottom;
}
.plancon {
	float:left;
	width:950px;
	margin:0 0 20px 0;
}
.plan {
	float:left;
	width:300px;
	/*background-image: url(../images/gameserver_temp.png);
	background-repeat: no-repeat;*/
	height: 365px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

.plan .button { text-align: center; margin-top: 15px; }
.plan .button1 { font-size: 13px; }

.plan h2 {
	margin:0px;
	padding:0px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:url(../images/planheading.png) no-repeat left top;
	font-size:16px;
	text-transform:uppercase;
	color:#FFF;
	text-shadow:1px 1px 1px #333333;
}
.planrate {
	background:url(../images/planrate.png) no-repeat left top;
	height:83px;
	width:180px;
	padding:0 0 0 120px;
}
.planbtm {
	width:266px;
	border-width:0 2px 2px 2px;
	border-style:solid;
	border-color:#FFF;
	background:url(../images/planbtm.png) repeat-x left bottom #FFF;
	padding:15px;
	  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;	
}
.liststyle3 {
	list-style:none;
	margin:0px;
	padding:0px;
}
.liststyle3 li {
	line-height:30px;
	height:30px;
	background:url(../images/bullet1.png) no-repeat left center;
	padding:0 0 0 20px;
	font-size:14px;
	color:#777;
	border-bottom:1px solid #dddddd;
}
.planbtm p {
	margin:10px 0;
	padding:0px;
	color:#ee7103;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.03em;
}

.planbtn_affiliates {
	width:203px;
	height:34px;
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 25px;
}

.planbtn_affiliates a {
	display:block;
	background:url(../images/planbtn.png) no-repeat left top;
	width:203px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #BA5D00;
}
.planbtn_affiliates a:hover {
	background:url(../images/planbtn.png) no-repeat left bottom;
}

.btn_holder{
	height:50px;
	width:auto;
	padding-left: 62px;
	padding-right: 62px;
	
	
}
.planbtn {
	margin:10px auto 0 auto;
	width:203px;
	height:34px;
}
.planbtn a {
	display:block;
	background:url(../images/planbtn.png) no-repeat left top;
	width:203px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #BA5D00;
}
.planbtn a:hover {
	background:url(../images/planbtn.png) no-repeat left bottom;
}
.content {
	float:left;
	width:950px;
	margin:0 0 20px 0;
}
.leftcontent {
	float:left;
	width:625px;
}

.leftcontent p { margin-bottom:18px; }
.leftcontent-wide p { margin-bottom:18px; }

.leftcontent h2, .leftcontent-wide h2 {
	font-size: 20px;
	font-weight:bold;
	
}
.leftcontent h3, .leftcontent-wide h3 { font-size: 16px; font-weight:bold; }

.box1 {
	width:625px;
	clear: both;
}

.box1inner {
	width:581px;
	padding:20px;
	background:url(../images/planbtm.png) repeat-x left bottom #FFF;
	border:2px solid #FFF;
	  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;	
}

.box1inner p, .box1inner-wide p {
	line-height:20px;
	color:#777;
	font-size:14px;	
}
.box1inner h3, .box1inner-wide h3 {
	margin:0 0 20px 0;
	padding:0px;
	color:#ee7103;
	font-size:14px;
}

.leftcontent-wide {
	float:left;
	width:950px;
}
.box1-wide {
	width:950px;
}

.box1inner-wide {
	width:906px;
	padding:20px;
	background:url(../images/planbtm.png) repeat-x left bottom #FFF;
	border:2px solid #FFF;
	  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}


.boxtitle1 {
	margin:0px;
	padding:0 0 0 75px;
	background:url(../images/rightheading.png) no-repeat left top;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.boxtitle2 {
	margin:0px;
	padding:0 0 0 20px;
	background:url(../images/rightheading.png) no-repeat left top;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}

.boxtitle3 {
	margin:0px;
	padding:0 0 0 20px;
	font-size:16px;
	color:#FFF;
	background:url(../images/leftheading.png) no-repeat left top;
	height:50px;
	line-height:50px;
	text-shadow: none !important;
        font-weight:normal;
        letter-spacing: 0;
}

.boxtitle31 {
	font-size:16px;
	color:#FFF;
	background:url(../images/leftheading2.png) no-repeat left top;
	height:50px;
	line-height:46px;
	text-shadow: none !important;
	font-weight:normal;
	letter-spacing: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.liststyle4 {
	list-style:none;
	margin:0px;
	padding:0px;
}
.liststyle4 li {
	border-bottom:2px solid #c9cdd0;
	  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	padding:20px 20px 20px 80px;
	margin:0 0 14px 0;
}
.liststyle4 h4 {
	margin:0px;
	padding:0px;
	color:#333;
	font-size:16px;
}
.image1 {
	background:url(../images/image1.png) no-repeat 20px 20px #ecf1f4;
}
.image2 {
	background:url(../images/image2.png) no-repeat 20px 20px #ecf1f4;
}
.image3 {
	background:url(../images/image3.png) no-repeat 20px 20px #ecf1f4;
}
.image4 {
	background:url(../images/image4.png) no-repeat 20px 20px #ecf1f4;
}
.image5 {
	background:url(../images/image5.png) no-repeat left top;
	width:45px;
	height:30px;
	position:absolute;
	margin:10px 0 0 -60px;
}
.image6 {
	background:url(../images/image6.png) no-repeat left top;
	width:45px;
	height:30px;
	position:absolute;
	margin:10px 0 0 -60px;
}
.image7 {
	background:url(../images/cpanel_img.png) no-repeat left top;
	width:45px;
	height:30px;
	position:absolute;
	margin:10px 0 0 -60px;
}
.image8 {
	background:url(../images/image8.png) no-repeat 20px 20px #ecf1f4;
}
.image9 {
	background:url(../images/image9.png) no-repeat 20px 20px #ecf1f4;
}
.company_page{ 
		margin:0 0 20px 0;
	padding:0px;
	color:#ee7103;
	font-size:20px;
}
	
.liststyle4 p {
	margin:5px 0 0 0;
	padding:0px;
	color:#777;
	font-size:14px;
	line-height:20px;
}
.yellow {
	color:#ee7103;
}
.contentright {
	float:right;
	width:300px;
}
.box2 {
	width:300px;
	margin:0 0 20px 0;
}
.box2 h2 {
	margin:0px;
	padding:0 0 0 75px;
	background:url(../images/rightheading.png) no-repeat left top;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.box2 h6 {
	margin:0px;
	padding:0 0 0 20px;
	background:url(../images/rightheading.png) no-repeat left top;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.box2inner p{
	margin:0px;
	padding:0px;
	line-height:20px;
	color:#777;
	font-size:14px;	
}
.box2inner {
	width:256px;
	padding:20px;
	background:url(../images/planbtm.png) repeat-x left bottom #FFF;
	border:2px solid #FFF;
		  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}
.box2inner h3 {
	margin:0 0 20px 0;
	padding:0px;
	color:#ee7103;
	font-size:14px;
}
.footercon {
	float:left;
	width:100%;
	padding:0 0 25px 0;
	background:url(../images/headerbg.png) repeat left top;
}
.partner {
	width:950px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.partner h2 {
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	padding:28px 0 0 0;
	margin:0px;
}
.sitemap {
	float:left;
	width:170px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.sitemap h2 {
	margin:0 0 10px 0;
	padding:0px;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
}
.sitemap ul {
	margin:0 0 0 15px;
	padding:0px;
	color:#999999;
}
.sitemap ul li {
	height:25px;
        list-style-type: disc;
}
.sitemap ul li a {
	height:20px;
	line-height:20px;
	color:#999;
	text-decoration:none;
}
.sitemap ul li a:hover {
	text-decoration:underline;
}
.socialmedia {
	float:right;
	width:210px;
}
.socialmedia h2 {
	margin:0 0 10px 0;
	padding:0px;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
}
.socialmedia p {
	margin:0 0 5px 0;
	padding:0px;
	font-size:14px;
	text-transform:uppercase;
	color:#ee7103;
}
.grey {
	color:#999;
}
.liststyle5 {
	list-style:none;
	margin:10px 0 0 0;
	padding:0px;
}
.liststyle5 li {
	float:left;
	display:inline;
	margin:0 5px 0 0;
}
.liststyle5 li a {
	display:block;
	width:30px;
	height:30px;
}
.liststyle5 li:hover {
	opacity:0.7;
}
.facebook {
	background:url(../images/facebook.png) no-repeat left top;
}
.twitter {
	background:url(../images/twitter.png) no-repeat left top;
}
.youtube {
	background:url(../images/youtube.png) no-repeat left top;
}
.copyright {
	float:left;
	height:40px;
	background:#000;
	text-align:center;
	line-height:40px;
	color:#999;
	font-size:14px;
	width:100%;
}
.copyright a {
	color:#999;
	padding:0 5px;
}
.footerbtm {
	height:30px;
	width:100%;
	background:url(../images/headerbg.png) repeat left top;
	float:left;
}

.welcome {
	width:950px;
	float:left;
	margin:0 0 20px 0;
}
.welcome h2 {
	margin:0px;
	padding:0 0 0 20px;
	background:url(../images/headingwelcome.png) no-repeat left top;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
}
.welcomeinner {
	padding:20px;
	background:url(../images/planbtm.png) repeat-x left bottom #FFF;
	border-width:0 2px 2px 2px;
	border-style:solid;
	border-color:#FFF;
			  -webkit-border-radius: 0 0 7px 7px;
     -moz-border-radius: 0 0 7px 7px;
          border-radius: 0 0 7px 7px;
}
.welcomeinner p {
	margin:0 0 18px 0;
	padding:0px;
	line-height:20px;
	color:#777;
	font-size:14px;
}
.bannersubpage {
	float:left;
	width:920px;
	background:url(../images/subpagebanner.jpg) no-repeat left top;
	height:125px;
	padding:25px 0 0 30px;
	margin:0 0 18px 0;
}

.ratebanner1 {
	float:left;
	width:167px;
	margin:-7px 0 0 19px;
}
.ratebanner1 h3 {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:1px 1px 1px #c46e03;
	font-size:18px;
	letter-spacing:-1px;
	text-align:right;
}
.signup2 {
	margin:55px auto 0 auto;
	width:167px;
	height:34px;
}
.signup2 a {
	display:block;
	background:url(../images/bannerbtn.png) no-repeat left top;
	width:147px;
	height:34px;
	line-height:34px;
	padding:0 0 0 20px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.signup2 a:hover {
	background:url(../images/bannerbtn.png) no-repeat left bottom;
}
.pound1 {
	color:#FFF;
	font-size:50px;
	position:absolute;
	font-family:din;
	margin:5px 0 0 4px;
}

.starting {
	margin:4px 0 0 16px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777;
	font-size:14px;
}
.pound2 {
	color:#fa7b18;
	font-size:30px;
	position:absolute;
	font-family:din;
	margin:28px 0 0 45px;
}
.numeric1 {
	color:#fa7b18;
	font-size:50px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 0 0 55px;
	letter-spacing:-5px;
}
.numericsmall1 {
	color:#fa7b18;
	font-size:30px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 0 70px;
}
.per1 {
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#777;
	margin:50px 0 0 102px;
}


.button1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 2px rgba(0,0,0,.2);
	box-shadow: 0 5px 2px rgba(0,0,0,.2);
}
.button1:hover {
	text-decoration: none;
}
.button1:active {
	position: relative;
	top: 1px;
}


.bigrounded {
     border-radius: 0.5em 0.5em 0.5em 0.5em;
     font-weight: bold;
     letter-spacing: 1px;
}

.big {
     font-size: 16px;
     font-weight: bold;
     padding: 0.5em 1em;
}

.medium {
     font-size: 14px;
     font-weight: bold;
     padding: 0.5em 1em;
}

.small {
     font-size: 11px;
     font-weight: bold;
     padding: 0.3em 0.75em;
}

.black1 {
	color: #ffffff !important;
	border: solid 1px #8f8f8f;
	background-color: #646464;
  	background-image: -ms-linear-gradient(top, #646464, #333333);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#646464), to(#333333));
  	background-image: -webkit-linear-gradient(top, #646464, #333333);
  	background-image: -o-linear-gradient(top, #646464, #333333);
  	background-image: linear-gradient(top, #646464, #333333);
  	background-image: -moz-linear-gradient(top, #646464, #333333);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#333333');	
}
.black1:hover {
	color:#fff;
	background-color: #18567a;
  	background-image: -ms-linear-gradient(top, #333333, #646464);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#646464));
  	background-image: -webkit-linear-gradient(top, #333333, #646464);
  	background-image: -o-linear-gradient(top, #333333, #646464);
  	background-image: linear-gradient(top, #333333, #646464);
  	background-image: -moz-linear-gradient(top, #333333, #646464);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#646464');	
}
.black1:active {
	color: #fff;
	background-color: #646464;
  	background-image: -ms-linear-gradient(top, #646464, #333333);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#646464), to(#333333));
  	background-image: -webkit-linear-gradient(top, #646464, #333333);
  	background-image: -o-linear-gradient(top, #646464, #333333);
  	background-image: linear-gradient(top, #646464, #333333);
  	background-image: -moz-linear-gradient(top, #646464, #333333);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#333333');
}

.orange1 {
	border: solid 1px #ffc068;
	color:#fff !important;
	background-color: #fab43d;
  	background-image: -ms-linear-gradient(top, #fab43d, #f07805);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fab43d), to(#f07805));
  	background-image: -webkit-linear-gradient(top, #fab43d, #f07805);
  	background-image: -o-linear-gradient(top, #fab43d, #f07805);
  	background-image: linear-gradient(top, #fab43d, #f07805);
  	background-image: -moz-linear-gradient(top, #fab43d, #f07805);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab43d', endColorstr='#f07805');	
}
.orange1:hover {
	color: #fff;
	background-color: #f07805;
  	background-image: -ms-linear-gradient(top, #f07805, #fab43d);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07805), to(#fab43d));
  	background-image: -webkit-linear-gradient(top, #f07805, #fab43d);
  	background-image: -o-linear-gradient(top, #f07805, #fab43d);
  	background-image: linear-gradient(top, #f07805, #fab43d);
  	background-image: -moz-linear-gradient(top, #f07805, #fab43d);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07805', endColorstr='#fab43d');	
}

.orange1:active {
	color:#fff;
	background-color: #fab43d;
  	background-image: -ms-linear-gradient(top, #fab43d, #f07805);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fab43d), to(#f07805));
  	background-image: -webkit-linear-gradient(top, #fab43d, #f07805);
  	background-image: -o-linear-gradient(top, #fab43d, #f07805);
  	background-image: linear-gradient(top, #fab43d, #f07805);
  	background-image: -moz-linear-gradient(top, #fab43d, #f07805);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab43d', endColorstr='#f07805');
}

#slider img {
     display: none;
}

#slider {
    
}

.nivoSlider {
     float: left;
     height: 346px;
     position: relative;
     width: 950px;
     margin: 0;
}

.nivoSlider img {
     display: none;
     left: 0px;
     position: absolute;
     top: 0px;
}

.nivoSlider a.nivo-imageLink {
     border: 0pt none;
     display: none;
     height: 100%;
     left: 0px;
     margin: 0pt;
     padding: 0pt;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 6;
}

.nivo-slice {
     display: block;
     height: 100%;
     position: absolute;
     z-index: 5;
}

.nivo-box {
     display: block;
     position: absolute;
     z-index: 5;
}

.nivo-caption {
     background: none repeat scroll 0% 0% #000000;
     top: -10px;
     color: #FFFFFF;
     left: 0px;
     opacity: 0.8;
     position: absolute;
     width: 100%;
     z-index: 8;
}

.nivo-caption p {
     margin: 0pt;
     padding: 5px;
}

.nivo-caption a {
     display: inline ! important;
}

.nivo-html-caption {
     display: none;
}

.nivo-directionNav a {
     cursor: pointer;
     position: absolute;
     top: 45%;
     z-index: 9;
}

.nivo-prevNav {
     left: 0px;
}

.nivo-nextNav {
     right: 0px;
}

.nivo-controlNav a {
     cursor: pointer;
     position: relative;
     z-index: 9;
     display:none;
}

.nivo-controlNav a.active {
     font-weight: bold;
}

.portaltable {
     border: none;
}

.portaltable td {
     border: none;
     vertical-align: middle;
}

.spacer { clear: both; height: 30px; }

.styled_title small { font-size: 16px; font-weight: normal; }

.TopMenu {
	border: solid 6px #000;
	background: #646464;
	background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#343434));
	background: -moz-linear-gradient(top,  #646464,  #343434);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#343434');
        border-radius: 7px;
        -moz-border-radius: 7px; -webkit-border-radius: 7px;
        float: right;
        margin: 30px 0 0;
        padding: 5px;
}

.TopMenu ul {
     margin: 0pt;
     padding: 0pt;
}

.TopMenu ul li {
     color: #FFFFFF;
     display: inline;
     float: left;
     line-height: 32px;
     list-style: none outside none;
     padding: 0pt 8px 0pt 34px;
}

.TopMenu ul li a { color: #dedede; }

.contanct {
     background: url("../images/contact2.png") no-repeat scroll 11px 6px transparent;
}

.support {
     background: url("../images/support.png") no-repeat scroll 13px 6px transparent;
}

.login {
     background: url("../images/login.png") no-repeat scroll 14px 7px transparent;
}

.socialbox {
     float: left;
     margin-left: 40px;
     margin-top: 35px;
}

.socialbox .fb-like {
     float: left;
}

.socialbox .twitter-like {
     float: left;
}

/* WHMCS 5.1 Styles */


/* New navbar */

.navbar { margin-bottom:20px; clear: both; }
.navbar .container { float: none; }
.navbar .navbar-inner {

	width: 910px;
	background-color: #666666;
  	background-image: -moz-linear-gradient(top, #666666, #232222);
  	background-image: -ms-linear-gradient(top, #666666, #232222);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#232222));
  	background-image: -webkit-linear-gradient(top, #666666, #232222);
  	background-image: -o-linear-gradient(top, #666666, #232222);
  	background-image: linear-gradient(top, #666666, #232222);


}
.navbar ul { padding-left: 0; }
.navbar .nav > li > a { color: #fff; padding: 10px 10px 11px; }
.navbar .nav > li > a:hover { }

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { background: #f99812; }

.dropdown-menu { border: #666666 1px solid; }

/* Main button */

.btn-primary {

	background-color: #f99812;
  	background-image: -moz-linear-gradient(top, #f99812, #ee7103);
  	background-image: -ms-linear-gradient(top, #f99812, #ee7103);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f99812), to(#ee7103));
  	background-image: -webkit-linear-gradient(top, #f99812, #ee7103);
  	background-image: -o-linear-gradient(top, #f99812, #ee7103);
  	background-image: linear-gradient(top, #f99812, #ee7103);

}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-position: 0 0;
  
  	background-color: #f99812;
  	background-image: -moz-linear-gradient(top, #f99812, #ee7103);
  	background-image: -ms-linear-gradient(top, #f99812, #ee7103);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f99812), to(#ee7103));
  	background-image: -webkit-linear-gradient(top, #f99812, #ee7103);
  	background-image: -o-linear-gradient(top, #f99812, #ee7103);
  	background-image: linear-gradient(top, #f99812, #ee7103);
  
}

/* Alert */

.alert { padding-bottom:0;padding-top:0; }
.alert .btn-danger { color: #fff !important; text-decoration: none !important; }

/* New group select space adjustment */

.btn-group .caret { line-height: 7px; height: 7px; }

#languagefrm { margin: 25px 0 0 0; }
#languagefrm select { width: 120px; }
#languagefrm strong { display: none; }

.whmcscontainer table { clear: both; }

.btn-inverse { color: #fff !important; }

/* Custom portal boxes */

#boxes-container {
	
    float: left;
    margin: 0;
    padding: 0;
    width: 582px;
    
    }
    
#boxes-container .clear { height: 10px; line-height: 10px; }    
    
#boxes-container .leftside {

	float: left;
	margin: 0 11px 0 0;

	}
	
#boxes-container .rightside {

	float: left;
	
	}

#boxes-container .boxed {

	width: 283px;
	height: 75px;
	background: #ffffff url(../images/box1Bg.png) bottom left repeat;
	border: #dddddd 1px solid;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
	}
	
#boxes-container .boxed:hover {

	background: #fff;
	border: #f99812 1px solid;
	
	}

#boxes-container .boxed h2 {

	float: left;
	background: none;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
	line-height: 10px;
	font-size: 15px;
	
	}

#boxes-container .boxed p {

	float: left;
	background: none;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	clear: left;
	
	}

#boxes-container .boxed a {

	display: block;
	padding: 10px 20px 64px 82px;
	color: #2a2a2a;
	
	}
	
#boxes-container .boxed a:hover {

	font-weight: normal !important;
	text-decoration: none !important;
	
	}

#boxes-container .clientarea { background: url(../images/clientarea.png) 18px 10px no-repeat; }
#boxes-container .announcements { background: url(../images/announcements.png) 14px 15px no-repeat; }
#boxes-container .submitticket { background: url(../images/submitticket.png) 14px 15px no-repeat; }
#boxes-container .downloads { background: url(../images/downloads.png) 20px 10px no-repeat; }
#boxes-container .supporttickets { background: url(../images/supporttickets.png) 20px 10px no-repeat; }
#boxes-container .knowledgebase { background: url(../images/knowledgebase.png) 20px 10px no-repeat; }
#boxes-container .serverstatus { background: url(../images/serverstatus.png) 20px 10px no-repeat; }
#boxes-container .cart { background: url(../images/cart.png) 20px 10px no-repeat; }
#boxes-container .contact { background: url(../images/contact1.png) 20px 10px no-repeat; }
#boxes-container .networkissues { background: url(../images/networkissues.png) 20px 10px no-repeat; }
#boxes-container .affiliates { background: url(../images/affiliates.png) 20px 10px no-repeat; }
#boxes-container .domainchecker { background: url(../images/domainchecker.png) 20px 10px no-repeat; }
