/* --- MAIN CLASESS --- */
html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;	color: #666;}
body { padding: 0; 	margin: 0;	background: url(img/xscreen_bottom.gif) 788px 0 repeat-y;}
table { border: 0; padding: 0; margin: 0;}
img { border: 0;}
form { padding: 0; margin: 0;}
a { color: #ea5a00; font-weight: bold; text-decoration: none;}
a:hover { color: #63778B;}
th { padding: 5px; background-color: #F2F3F5; color: #63778B;}

/* --- XSCREEN CLASSES --- */
#xscreen1, #xscreen2, #xscreen3, #xscreen4  { width: 100%;}
#xscreen1 { background: transparent url(img/xscreen_top.gif) no-repeat 788px 0 ;}
#xscreen2 { background: transparent url(img/vlines.gif) 780px 0 repeat-y;}
#xscreen3 { background: transparent url(img/xscreen_header.jpg) 0 0 repeat-x;}
#xscreen4 { background: transparent url(img/body_gradient.gif) 0 160px no-repeat;}

/* --- MAIN TABLE CLASSES --- */
table#main { width: 780px;}
td#header { height: 185px;	background: transparent url(img/header.jpg) 0 0 no-repeat; vertical-align: top;}
td#content { width: 100%; padding-top:10px; line-height: 13px;}
td#footer { 
	border-top: 1px solid #ccc;
	padding: 10px;
}

/* --- HEADER CLASSES --- */
td#header td { vertical-align: top;}
td#header td.spacer { width: 138px;}
table#header { width: 100%; height: 160px;}

/* logo */
.logo { width: 200px;	height: 125px;}
.logo a { display: block; width: 180px; height: 95px;}

/* main navigaion */
#mainnav {	width: 395px; height: 58px;}
#mainnav td { width: 79px; height: 58px; background: url(img/button_off.gif) -1px 0 no-repeat;}
#mainnav a, #mainnav span {	display: block; width: 79px; height: 58px; cursor: pointer;}

.nav1 { background: url(img/nav_main.gif) 0 0;}
.nav2 { background: url(img/nav_main.gif) -79px 0;}
.nav3 { background: url(img/nav_main.gif) -158px 0;}
.nav4 { background: url(img/nav_main.gif) -237px 0;}
.nav5 { background: url(img/nav_main.gif) -316px 0;} 

/* sub navigation */
#subnav { width: 200px; height: 35px; }
#subnav a { display: block; top: 0;  height: 35px; position: absolute; top: 125px;} 
#subnav .subnav1 { left: 0; width: 50px; background: url(img/nav_second.gif) 0 0 no-repeat;}
#subnav .subnav2 { left: 50px; width: 55px; background: url(img/nav_second.gif) -50px 0 no-repeat;}
#subnav .subnav3 { left: 105px; width: 95px; background: url(img/nav_second.gif) -105px 0 no-repeat;}

/* --- CONTENT CLASSES --- */

/* INDEX --- left section */
#lefttxt { margin: 0 18px 0 10px; padding: 0 10px; } 
#lefttxt img { float: left; margin: 0 15px 5px 0;}
#lefttxt p { margin-top: 0px;} /* margin-left: 95px; */
#lefttxtdark { width: 255px; margin: -3px 0px 0 10px; padding: 0 10px; background-color: #F2F3F5;}
#lefttxtdark2  { width: 255px; margin: -3px 0px 0 10px; padding: 0 10px; background-color: #F2F3F5;}
#lefttxtdark3  { width: 325px; margin: -3px 0px 0 10px; padding: 0 10px; background-color: #F2F3F5;}

/* INDEX --- main section */
#maintxt { margin: 20px 15px 0 15px;}
#maintxt p { margin: 10px auto 5px auto;}

/* boxes */
#hostingbox, #hostingbox2, #hostingboxsmall { margin: 0 4px 0 0;}
#hostingbox td, #hostingbox2 td, #hostingboxsmall td { width: 145px; height: 242px; background: transparent url(img/hosting_box.gif) no-repeat; line-height: 12px; vertcal-align: top;}
#hostingboxsmall td { height: 145px; background: transparent url(img/hosting_box2small.gif) no-repeat;}
#hostingbox span li, #hostingbox2 span li,  #hostingboxsmall li { line-height: 120%; list-style-type:none; padding: 0; margin: 0;}
#hostingbox2 td { background: transparent url(img/hosting_box2.gif) no-repeat;}
.hosting1 span { display: block; background: url(img/hosting_1.gif) no-repeat;}
.hosting2 span { display: block; background: url(img/hosting_dedicated.gif) no-repeat;}
.hosting3 span { display: block; background: url(img/other_services.gif) no-repeat;}
.server_w1 span { display: block; background: url(img/server_w1.gif) no-repeat;}
.server_w2 span { display: block; background: url(img/server_w2.gif) no-repeat;}
.server_w3 span { display: block; background: url(img/server_w3.gif) no-repeat;}
.server_l1 span { display: block; background: url(img/server_l1.gif) no-repeat;}
.server_l2 span { display: block; background: url(img/server_l2.gif) no-repeat;}
.server_l3 span { display: block; background: url(img/server_l3.gif) no-repeat;}
.hosting1 a, .hosting2 a, .hosting3 a,
.server_l1 a, .server_l2 a, .server_l3 a,
.server_w1 a, .server_w2 a, .server_w3 a
 { display: block; padding: 77px 10px 0 10px; width: 125px; height: 165px; color: #667B92; text-decoration: none;} 
#hostingboxsmall a { height: auto;}
.backto { display: block; width: 100%; height: 21px; margin-top: 10px; padding: 8px 0 0 20px; width: auto; background: url(img/backto.gif) left top no-repeat;}

/* boxes more info */
td#moreinfo {	width: 375px; padding-left: 10px;}
#moreinfo strong { color: #63778B;}
.important strong { color: #EF8846;}

/* hosting tbl */
#hosting_tbl { width: 95%; margin-top: 4px;}
#hosting_tbl th { margin-top: 10px;}
#hosting_tbl td img { margin: 10px 0 2px 10px;}
#hosting_tbl td { border-bottom: 1px solid #eeeeee;  padding: 4px 2px;}
#hosting_tbl td  strong { display: block; font-size: 14px; font-family: "Trebuchet MS", "Times New Roman", serif; font-weight: 900; margin: 10px 0; color: #667B92;}
#hosting_tbl tr.dark td { background-color: #fafafa;}
#hosting_tbl td.mini { font-size: 8px; font-family: "MS sans serif", Verdana, Arial; height: 6px; padding: 0px; margin: 0px;}

/* news */
#news { margin: 0 20px 10px 10px;}
#news h1 { font-size: 9px; padding: 0; margin: 0;}
#news h2 { font-size: 11px; padding: 2px 5px; margin: 2px 0 0 0; background-color: #F2F3F5; color: #63778B;}
#news p { margin: 5px 0 0 0;}

/* contacts */
#contacts { width: 96%}
#contacts td { vertical-align: top;}
#contacts tr.dark td { background-color: #F2F3F5; color: #63778B;}
tr.bline td {	border-bottom: 1px solid #eeeeee;}
tr.bline table td { border: none;} 
#contacts tr.dark td.subtitle { font-weight: bold; padding: 3px 6px;}
.dbg {
	display: block;
	padding-right: 25px;
	text-align: right;
	float: right;
	background: url(img/dbg.gif) no-repeat right center;
}

/* display: none; */
#mainnav span, 
#subnav span { display: none;}