/* ================================================================== GFXWEBHOSTING.COM ========================================================================= */

* {
margin: 0px;
padding: 0px;
}

body {
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #979797;
background-color: #F5F5F5;
}

/* ================================================================== FONTS ========================================================================= */

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #979797;
}

.reseller_text {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #979797;
margin: 0 0 20px 0;
}

#sidebar p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #979797;
}

a {
color: #0156E3;
text-decoration: none;
}

a:hover {
color: #979797;
text-decoration: underline;
}

#footer a {
font: bold 12px/90px Rockwell, Georgia, Times;
color: #8F8F8F;
text-decoration: none;
padding: 0 3px 0 3px;
}

#footer a:hover {
font: bold 12px Rockwell, Georgia, Times;
color: #FFF;
text-decoration: none;
}

img {
border: 0px;
}




/* ================================================================== CONTAINERS ========================================================================= */

#topcon, #container, #footcon {
margin: 0 auto;
width: 950px;
}

#container {
background-color: #FFF;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
}

/* ================================================================== TOP HEADER ========================================================================= */

#topbg { 
float: left; 
width: 100%; 
height: 130px;
background: url("images/header_bg.jpg") repeat-x;
}

#title {
background: url("images/logo.png") no-repeat;
float: left;
width: 492px;
height: 53px;
margin: 45px 0 0 0;
}

#login {
float: right;
width: 458px;
text-align: right;
margin: 53px 0 0 0;
}

#mblogin {
	margin: 15px 245px 0px 0px;
	padding: 0px;
	font-size:x-small;
	float: right;
	display: block;
	line-height: 20px;
	height: 20px;

}

#top_nav {
list-style: none; 
display: inline; 
overflow: hidden;
}

#top_buttons {
list-style: none; 
display: inline; 
overflow: hidden;
}

#top_buttons li {
list-style: none;
display: inline;
}

#top_buttons a {
float: right; 
overflow: hidden; 
height: 9px;
margin: 9px 11px 0 11px;
}

#top_buttons a:hover {
background-position: 0 -9px;
}

#livechat a { 
width: 108px; 
background: url("images/livechat.png") top left no-repeat;
}

#clientarea a { 
width: 74px; 
background: url("images/clientarea.png") top left no-repeat;
}

#network a { 
width: 57px;  
background: url("images/network.png") top left no-repeat;
}

/* ================================================================== NAVIGATION ========================================================================= */

#nav {
float: left;
background: url("images/menu_bg.jpg") repeat-x;
width: 100%;
height: 50px;
}

#menu {

	margin: 0 auto;
	width: 965px;
	
}

#navcon {
list-style: none; 
display: inline; 
overflow: hidden;
}

#navcon li {
list-style: none;
display: inline;
}

#navcon a {
float: left; 
overflow: hidden; 
height: 25px;
margin: 10px 18px 0 17px;
}

#navcon a:hover {
background-position: 0 -25px;
}

#home a { 
width: 52px; 
background: url("images/home.jpg") top left no-repeat;
}

#hosting a { 
width: 125px;  
background: url("images/hosting.jpg") top left no-repeat;
}

#other a { 
width: 116px; 
background: url("images/otherser.jpg") top left no-repeat;
}

#forums a { 
width: 74px; 
background: url("images/forums.jpg") top left no-repeat;
}

#about a { 
width: 74px;  
background: url("images/about.jpg") top left no-repeat;
}

#servers a {
width: 74px; 
background: url("images/servers.jpg") top left no-repeat;
}

#support a { 
width: 74px; 
background: url("images/support.jpg") top left no-repeat;
}

#contact a {  
width: 74px; 
background: url("images/contact.jpg") top left no-repeat;
}

/* ================================================================== INFOBAR ========================================================================= */



#infobar {
float: left;
margin: 20px 0 20px 15px;
width: 919px;
background-color: #F3F9FD;
border: 1px solid #E7F2FA;
height: 40px;
}

#infobar p {
background: url("images/star.jpg") no-repeat;
height: 28px;
font: normal 10px/24px Verdana, Arial;
color: #699EC4;
margin: 7px 0 0 7px;
padding: 0 0 0 40px;
}

/* ================================================================== BANNER(S) ========================================================================= */

#banner {
float: left;
margin: 0 15px 20px 15px;
width: 919px;
height: 211px;
}

#reseller_banner {
float: left;
margin: 0 15px 20px 15px;
width: 919px;
height: 110px;
background: url("images/reseller_banner.jpg") no-repeat;
}

#shared_banner {
float: left;
margin: 0 15px 20px 15px;
width: 919px;
height: 110px;
background: url("images/shared_banner.jpg") no-repeat;
}

#company_banner {
float: left;
margin: 0 15px 20px 15px;
width: 919px;
height: 110px;
background: url("images/company_banner.jpg") no-repeat;
}

/* ================================================================== CONTENT ========================================================================= */

#leftcontent {
float: left;
width: 600px;
margin: 0 0 0 15px;
text-align: justify;
}

#hostinclude {
float: left;
background: url("images/hostinginclude.jpg") no-repeat;
width: 255px;
height: 20px;
margin: 20px 0 10px 0;
}

#whyus {
float: left;
background: url("images/whyus.jpg") no-repeat;
width: 255px;
height: 20px;
margin: 20px 0 10px 0;
}

#planincl {
	margin: 20px;
	padding: 0px;
	float: left;
	width: 255px;
}

#bul {
	margin: 20px;
	padding: 0px;
	float: left;
	width: 500px;
}


#bult  {
background: url("images/puce2.gif") no-repeat;
float: left;
width: 20px;
height: 20px;
}


#welcome {
float: left;
background: url("images/welcome_header.jpg") no-repeat;
width: 600px;
height: 52px;
margin: 20px 0 10px 0;
}

.clear {
clear: left;
margin: 0 0 35px 0;
}

.container_package1 {
float: left;
width: 182px;
}

.container_package2 {
float: left;
width: 182px;
margin: 0 0 0 27px;
}

.top_packages {
float: left;
width: 182px;
height: 73px;
}

.middle_packages1 {
float: left;
height: 79px;
padding: 0 15px 0 15px;
width: 152px;
background: url("images/package_bg.jpg") no-repeat;
font: normal 10px/16px Verdana, Arial;
color: #FFF;
}

.middle_packages2 {
float: left;
height: 79px;
padding: 0 15px 0 15px;
width: 152px;
background: url("images/package_bg.jpg") no-repeat;
font: normal 10px/16px Verdana, Arial;
color: #FFF;
}


.middle_packages3 {
float: left;
height: 79px;
padding: 0 15px 0 15px;
width: 152px;
background: url("images/package_bg.jpg") no-repeat;
font: normal 10px/16px Verdana, Arial;
color: #FFF;
}



.bottom_packages {
float: left;
width: 182px;
height: 36px;
}

/* ================================================================== SIDEBAR ========================================================================= */

#sidebar {
float: right;
width: 278px;
text-align: justify;
margin: 0 15px 0 0;
}

.sb_top {
float: left;
background: url("images/sidebar_top.jpg") no-repeat;
height: 11px;
width: 278px;
}

.sb_middle {
float: left;
background: url("images/sidebar_bg.jpg") repeat-y;
width: 248px;
padding: 15px;
}

.sb_bottom {
float: left;
background: url("images/sidebar_bottom.jpg") no-repeat;
height: 7px;
width: 278px;
margin: 0 0 20px 0;
}

#knowus {
float: left;
background: url("images/know_us.jpg") no-repeat;
width: 278px;
height: 20px;
margin: 0 0 10px 0;
}

#garent {
float: left;
background: url("images/garente.jpg") no-repeat;
width: 278px;
height: 20px;
margin: 0 0 10px 0;
}

.grntlinks {
	font-weight: bold;
	color: #0156E3;
	text-decoration: none;
	padding-left: 43px;

}
.grntlinks:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#glink1wht {
	background-image: url("images/ico2wht.gif");
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	line-height: 33px;
	background-position: 3px top;


}
#glink2wht {
	background-image: url("images/ico3wht.gif");
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	line-height: 34px;
	background-position: 3px top;


}
#glink3wht {
	background-image: url("images/ico4wht.gif");
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	line-height: 29px;
	background-position: 3px top;
}
.top_testimonials {
float: left;
background: url("images/top_testimonials.jpg") no-repeat;
height: 30px;
width: 278px;
}

#testimonials {
float: left;
background: url("images/testimonials.jpg") no-repeat;
width: 278px;
height: 16px;
margin: 0 0 10px 0;
}

.bottom_testimonials {
float: left;
background: url("images/bottom_testimonials.jpg") no-repeat;
height: 30px;
width: 278px;
margin: 0 0 20px 0;
}

#gethelp {
float: left;
background: url("images/havequestions.jpg") no-repeat;
width: 278px;
height: 17px;
margin: 0 0 10px 0;
}

#helpicons {
margin: 10px 50px 0 50px;
float: left;
width: 178px;
height: 20px;
overflow: hidden;
list-style: none;
}

#helpicons li {
list-style: none;
display: inline;
}

#aim  {
background: url("images/aim.jpg") no-repeat;
float: left;
width: 20px;
height: 20px;
}

#aim:hover{
background-position: 0 -20px;
}

#msn {
background: url("images/msn.jpg") no-repeat;
float: left;
width: 20px;
height: 17px;
}

#msn:hover{
background-position: 0 -17px;
}

#skype {
background: url("images/skype.jpg") no-repeat;
float: left;
width: 20px;
height: 20px;
}

#skype:hover {
background-position: 0 -20px;
}

#yahoo  {
background: url("images/yahoo.jpg") no-repeat;
float: left;
width: 20px;
height: 20px;
}

#yahoo:hover {
background-position: 0 -20px;
}

#gmail  {
background: url("images/gmail.jpg") no-repeat;
float: left;
width: 48px;
height: 20px;
}

#gmail:hover {
background-position: 0 -20px;
}

#email  {
background: url("images/email.jpg") no-repeat;
float: left;
width: 16px;
height: 11px;
margin: 2px 0 0 0;
}

#email:hover {
background-position: 0 -11px;
}

/* ================================================================== LOGOS ========================================================================= */

#logos {
float: left;
width: 920px;
margin: 35px 15px 0 15px;
height: 63px;
}

#logo_left {
float: left;
width: 5px;
height: 63px;
background: url("images/logo_left.jpg") no-repeat;
}

#logo_bg {
padding: 15px;
text-align: center;
float: left;
width: 879px;
height: 33px;
background: url("images/logo_bg.jpg") repeat-x;
}

#logo_right {
float: left;
width: 6px;
height: 63px;
background: url("images/logo_right.jpg") no-repeat;
}

#all_logos {
float: left;
width: 879px;
height: 37px;
overflow: hidden;
list-style: none;
}

#all_logos li {
list-style: none;
display: inline;
}

#paypal a {
background: url("images/paypal.jpg") no-repeat;
float: left;
margin: 8px 35px 0 35px;
width: 68px;
height: 19px;
}

#paypal a:hover {
background-position: 0 -19px;
}

#cpanel a {
background: url("images/cpanel.jpg") no-repeat;
float: left;
margin: 1px 35px 0 35px;
width: 65px;
height: 31px;
}

#cpanel a:hover {
background-position: 0 -31px;
}

#fantastico a {
background: url("images/fantastico.jpg") no-repeat;
float: left;
margin: 3px 35px 0 35px;
width: 109px;
height: 27px;
}

#fantastico a:hover {
background-position: 0 -27px;
}

#intel a {
background: url("images/intel.jpg") no-repeat;
float: left;
width: 53px;
margin: 0 35px 0 35px;
height: 35px;
}

#intel a:hover {
background-position: 0 -35px;
}

#redhat a {
background: url("images/redhat.jpg") no-repeat;
float: left;
width: 74px;
margin: 0 35px 0 35px;
height: 37px;
}

#redhat a:hover {
background-position: 0 -37px;
}

#amd a {
background: url("images/amd.jpg") no-repeat;
float: left;
width: 63px;
margin: 5px 35px 0 35px;
height: 24px;
}

#amd a:hover {
background-position: 0 -24px;
}

/* ================================================================== FOOTER ========================================================================= */

#footer {
float: left;
width: 100%;
background: url("images/footer_bg.jpg") repeat-x;
height: 89px;
}

#footernav {
float: left;
width: 800px;
height: 10px;
}

#footer_navcon {
list-style: none; 
display: inline; 
overflow: hidden;
}

#footer_navcon li {
list-style: none;
display: inline;
}

#footer_navcon a {
float: left; 
overflow: hidden; 
height: 12px;
margin: 20px 0 0 13px;
}

#footer_navcon a:hover {
background-position: 0 -12px;
}

#tos a { 
width: 23px; 
background: url("images/tos.jpg") top left no-repeat;
}

#aip a { 
width: 20px;  
background: url("images/aip.jpg") top left no-repeat;
}

#sla a { 
width: 24px;  
background: url("images/sla.jpg") top left no-repeat;
}

#copyright {
margin: 20px 0 0 13px;
float: left;
width: 730px;
height: 43px;
}

#copyright p {
font: bold 10px/14px Verdana, Arial;
color: #FFF;
text-decoration: none;
}

#footer_right {
margin: 12px 0 0 0;
float: left;
width: 100px;
text-align: right;
}

/* ================================================================== COMPANY PAGE ========================================================================= */

#about_us {
float: left;
background: url("images/about_us.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 20px 0;
}

#staff {
float: left;
background: url("images/staff.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 20px 0;
}

#visit_pages {
float: left;
background: url("images/visit_pages.jpg") no-repeat;
width: 278px;
height: 19px;
margin: 0 0 10px 0;
}

#hosting_packages {
float: left;
background: url("images/hosting_packages.jpg") no-repeat;
width: 278px;
height: 19px;
margin: 0 0 10px 0;
}

/* ================================================================== RESELLER PAGE ========================================================================= */

#reseller_title {
float: left;
background: url("images/reseller_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#shared_title {
float: left;
background: url("images/shared.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#master_title {
float: left;
background: url("images/master_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#contact_title {
float: left;
background: url("images/contact_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#servers_title {
float: left;
background: url("images/servers_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#vps_title {
float: left;
background: url("images/vps_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#support_title {
float: left;
background: url("images/support_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#about_title {
float: left;
background: url("images/about_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#network_title {
float: left;
background: url("images/network_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#testimonials_title {
float: left;
background: url("images/testimonials_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#proxy_title {
float: left;
background: url("images/proxy_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#vpn_title {
float: left;
background: url("images/vpn_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}

#terms_title {
float: left;
background: url("images/terms_title.jpg") no-repeat;
width: 600px;
height: 38px;
margin: 0 0 10px 0;
}


#more_features {
float: left;
background: url("images/more_features.jpg") no-repeat;
width: 278px;
height: 15px;
margin: 0 0 20px 0;
}

#gfx_guarantees {
float: left;
background: url("images/garente.jpg") no-repeat;
width: 255px;
height: 20px;
margin: 0 0 20px 0;
}

.row_con1 {
float: left;
width: 600px;
font: normal 12px Verdana, Arial;
}

.row_con2 {
float: left;
width: 600px;
background-color: #F5F5F5;
font: normal 12px Verdana, Arial;
}

.header1 {
padding: 10px;
float: left;
width: 100px;
background-color: #0156E3;
color: #FFF;
text-align: center;
}

.header2 {
padding: 10px;
float: left;
width: 100px;
background-color: #222;
color: #FFF;
text-align: center;
}

.header3 {
padding: 10px;
float: left;
width: 100px;
background-color: #333;
color: #FFF;
text-align: center;
}

.header4 {
padding: 10px;
float: left;
width: 100px;
background-color: #444;
color: #FFF;
text-align: center;
}

.header5 {
padding: 10px;
float: left;
width: 100px;
background-color: #555;
color: #FFF;
text-align: center;
}

.column1, .column2, .column3, .column4, .column5 {
float: left;
width: 100px;
text-align: center;
padding: 10px;
}

.order a {
background: url("images/order_now.jpg") no-repeat;
float: left;
width: 119px;
height: 34px;
}

.order a:hover {
background-position: 0 -34px;
}