﻿/* En */
*{
	margin:0;padding:0;
}
body{
	margin:0;padding:0;
	font-family:Tahoma;
}
img{
	border:0;
}
a {
	outline: none;
	outline-style: none;
}
/* Top Header */
#topHeadBar
{
   width: 100%;
   height: 49px;
   background: url('../../img/header_1.gif') repeat-x left top;
   min-width: 800px;
}

#topHeadBar ul
{
   margin-bottom: 0px;
}

#topHeadBar ul li
{
   line-height: 1.4em;
}

#topHeadContent
{   
   width: 800px;
   margin: 0 auto 0 auto;
}

.topHeadSeparator
{
   float: left;
   margin: 0 15px 0 15px;
   width: 2px;
   height: 49px;
   background: url('../../img/menu_spacer.gif') no-repeat left top;
}

#topHead
{
   text-align: center;
   float: left;
   margin: 0 0 0 5px;
   list-style:none;
}

#topHead li
{
   float: left;
   margin: 0 5px 0 5px;
   display:inline;
   font-family:Tahoma, sans-serif ;
   font-size:12px;
   font-weight:normal;
}

#topHead li a
{
   float: left;
   display: block;
   padding: 8px 10px 0 10px;
   height: 27px;
   color: #fff;
   text-decoration: none;
}

#topHead li a:hover
{
	color: #333;
}

/* Rollover Sliding Doors */

#topHead li:hover, #topHead li.over
{
   background: url('../../img/header_menu_right.gif') no-repeat 100% -1px;
   border-width:0;
}

#topHead li:hover a, #topHead li.over a
{
   background: url('../../img/header_menu_left.gif') no-repeat 0% -1px;
}
/* End Top Header */

/*  */
#colocation #topBarItemProducts,
#managedHosting #topBarItemProducts, 
#webHosting #topBarItemProducts, 
#dedicated #topBarItemProducts,
#domains #topBarItemProducts,
 
#products #topBarItemProducts, 
#aboutUs #topBarItemAbout, 
#home #topBarItemHome, 
#hub #topBarItemHub, 
#pageCommunity #topBarItemCommunity, 
#contacts #topBarItemContacts
{
   background: url('../../img/header_menu_right.gif') no-repeat -50px right;
   border-width:0;
   display:inline;
}

#colocation #topBarItemProducts a, 
#managedHosting #topBarItemProducts a, 
#webHosting #topBarItemProducts a, 
#dedicated #topBarItemProducts a,
#domains #topBarItemProducts a, 
#products #topBarItemProducts a, 
#aboutUs #topBarItemAbout a, 
#home #topBarItemHome a, 
#hub #topBarItemHub a, 
#pageCommunity #topBarItemCommunity a, 
#contacts #topBarItemContacts a
{
   background: url('../../img/header_menu_left.gif') no-repeat -50px left;
   color: #fff;
}
#topHead .this{
   background-image: url('../../img/header_menu_right.gif');
   background-repeat: no-repeat;
   background-position: right -50px;
   border-width:0;
   display:inline;
}
#topHead .this a{
   background: url('../../img/header_menu_left.gif');
   background-repeat: no-repeat;
   background-position: left -50px;
   color: #fff;
}
#topBarLanguage
{
    float: left;
    margin:auto 0 auto 200px;
    font-family:Tahoma;
    font-size:13px
   /*margin-left:150px;*/
}

#topBarLanguage li
{
   float: left;
   display:inline-block;
   padding-left:15px;
}

#topBarLanguage li a
{
   float: left;
   padding:10px 10px 0 0px;
   height: 49px;
   color: #fff;
   text-decoration: none;
}

#topBarLanguage li a:hover
{
   color: #f7941d;
   background: url('../../img/bar_lang_act.gif');
   background-repeat: no-repeat ;
   background-position:-2px top;
}

#topBarLanguage li.active a
{
   background: url('../../img/bar_lang_act.gif');
   background-repeat: no-repeat ;
   background-position:2px top;
}
/*  */
#page{
	text-align:center;
	width:800px;
}
.worldlogo{
	height:80px;
	width:800px;
	text-align:center;
}
.logo{
	float:left;
}
.logo a{
	text-decoration:none;
}
.userinfo{
	float:right;
	margin:0px;
}
#banner
{
   width: 800px;
   margin: 0 0 10px 0;
   padding:0px;
}
.needsToClear
{   
   clear: both;
 }
/*------------*/

.mainNavMenu{
   width: 802px;
}
.mainNavMenu ul{
	list-style:none;
	display:block;
}

li#mainHome, li#mainWebmaster, li#mainHostDomain, li#mainDesign,
li#mainHome:hover, li#mainHome.over a, li#mainHome.over a:hover,
li#mainWebmaster:hover, li#mainWebmaster.over a, li#mainWebmaster.over a:hover,
li#mainHostDomain:hover, li#mainHostDomain.over a, li#mainHostDomain.over a:hover,
li#mainDesign:hover, li#mainDesign.over a, li#mainDesign.over a:hover
{
   background: url('../../img/ar_main.gif') no-repeat top left;
}


#mainMenu
{
   
   width: 100%;
   height: 32px;
   margin-bottom: 0;
   margin-left:1px; 
}

#mainMenu li
{
   float: left;
   position: relative;
   z-index: 60000;
   margin-bottom: 0;
}

#mainMenu li a
{
   float: left;
   text-indent: -9999px;
   display: block;
   width: 200px;
   height: 32px;
}

#mainMenu li#mainHome a
{
   width: 198px;
}

/* Suckerfish dropdowns */

#mainMenu ul 
{
   position:absolute;
   z-index: 60000;
}

#mainMenu li ul
{
   display: none;
   position: absolute;
   top: 31px;
   left: -3px;
   width: 210px;
   z-index: 60000;
   background: url('menu-bg.png') no-repeat left bottom;
   padding: 10px 5px 5px 5px;
}

#mainMenu li li a
{
   color: #fff;
   text-decoration: none;
   display: block;
   font-size: 12px;
   float: none;
   text-indent: 0;
   margin: 0 0 2px 5px;
   line-height: 24px;
   height: 24px;
   background: none !important;
}

#mainMenu li.active.blackMenu a, #mainMenu li.active.cagesMenu a
{
   color: #fff;
}


#mainMenu li.active li a
{
   color: #336699;
}

#mainMenu li.active li a:hover
{
   color: #333;
}

#mainMenu li.active.blackMenu a:hover, #mainMenu li.active.cagesMenu a:hover
{
   color: #fbac39;
}


#mainMenu li li a:hover
{
   color: #fbac39;
}

#mainMenu li:hover ul, #mainMenu li.over ul
{
   display: block;
}

#mainMenu li.active
{
   text-indent: -9999px;
   display: block;
   width: 200px;
   height: 32px;
}

#mainMenu li#mainHome.active li
{
   margin-left: 0px;
}

#mainMenu li#mainHome.active
{
   width: 198px;
}


li#mainHome
{
   background-position: 0px 0px;
}
li#mainWebmaster
{
   background-position: -200px 0px;
}
li#mainHostDomain
{
   background-position: -400px 0px;
}
li#mainDesign
{
   background-position: -600px 0px;
}
li#mainHome:hover, li#mainHome.over a, li#mainHome.over a:hover
{
   background-position: 0px -38px;
}
li#mainWebmaster:hover, li#mainWebmaster.over a, li#mainWebmaster.over a:hover
{
   background-position: -200px -38px;
}
li#mainHostDomain:hover, li#mainHostDomain.over a, li#mainHostDomain.over a:hover
{
   background-position: -400px -38px;
}
li#mainDesign:hover, li#mainDesign.over a, li#mainDesign.over a:hover
{
   background-position: -600px -38px;
}
.naeedClearNav{
	background-color:#F7941D;
	height:5px;
	width:799px;
	position:relative;
	top:-4px;
	left:0px
}
.spacertd{
	background-color: #f7941d;
	height:5px;
	width:800px;
	margin:0;padding:0;
}

/*------------*/
#sbanner{
	height:220px;
	border-bottom:5px #f7941d solid;
}
#sscontainer{
	position:relative;
	top:15px;
	height:220px;
}
#homeSContainer{
	position:relative;
	top:0px;
	height:220px;
}

.SSImg{
	position:absolute;
	visibility:hidden;
	top:-15px;
	left:0px;
	cursor:pointer;
}
#overview{
	
}
.aboutBody{
	direction:rtl;
}
.aboutBody .aboutP{
	font-size:13px;
	line-height:18px;
	text-align:right;
	margin:0px;
	margin-bottom:5px;
	padding:5px;
}
.aboutBody .aboutP .aboutTitle{
	color:#3984C4;
	font-weight:bold;
	font-size:medium;
}

.overvw{
	padding:10px;
}
.overvw p{
	font-family:Tahoma;
	font-size:small;
	color:#212121;
	margin-right:5px;
	text-align:right;
}
.frovervw{
	height:24px;
	margin-top:0;
}
/* Home Over Views */
#homeOver{
	width:800px;
	text-align:center;
	margin:0px auto;
	padding:10px 5px; 
	position:relative;
	z-index:100;
	border-top:1px #333 dotted;
}
#homeOverRight{
	text-align:right;
	float:right;
	width:375px;
	padding:5px 12px;
	border-left:1px #333 dotted;
}
#homeOverRight a, #homeOverLeft a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#3984C4;
}
#homeOverRight a:hover, #homeOverLeft a:hover{
	text-decoration:underline;
	color:#f7941d;
}
#homeOverRight p, #homeOverLeft p{
	font-size:12px;
	color:#333;
	line-height:20px;
	text-align:justify;
}
#homeOverLeft{
	text-align:right;
	float:left;
	width:375px;
	padding:5px 10px;
}

/* Extra services */
#extras{
	font-family:Tahoma;
	font-size:small;
}
#extras .top{
	background-image:url('../../img/extras_top.png');
	background-repeat:no-repeat;
	background-position:center top;
	height: 38px;
}
#extras .middel{
	background-image:url('../../img/extras_middel.png');
	background-position:left bottom;
	background-repeat:repeat-y;
	padding:5px;
}
#extras .middel p{
	margin-top:-50px;
	padding:15px;
	text-align:right;
}
#extras .middel table{
	margin-bottom:-50px;
	margin-top:-40px;
	position:relative;
	z-index:auto;
	height:100px;
	width:100%;
	background:transparent;
}
#extras .middel table td{
	padding:5px;
	vertical-align:middle;
	text-align:right;
}
#extras .middel ul{
	padding-right:10px;
	text-align:right;
	font-size:x-small;
	vertical-align:top;
}
#extras .middel li{
	list-style:none;
}
#extras .bottom{
	background-image:url('../../img/extras_bottom.png');
	background-position:left top;
	background-repeat:no-repeat;
	height:72px;
	
}
#extras .left{
	background-image:url('../../img/extra_spacer.png');
	background-position:right center;
	background-repeat:no-repeat;
	padding:5px;
	width:33%;
}
#extras .middle{
	width:33%;
}
#extras .right{
	background-image:url('../../img/extra_spacer.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding:5px;
	width:34%;
}
.toolsoff{
	background-image:url('../../img/70/tool.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:66px;
	
}
.toolson{
	background-image:url('../../img/70/tool_blue1.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:66px;
}
/* End Extra services */

#footer{
	margin-top:15px;
	border-top:2px #ccc solid;
	width:800px;
}
#footer .copy{
	margin-top:5px;
	padding-left:10px;
	font-family:Tahoma;
	font-size:x-small;
	color:gray;
	float:left;
}
#footer .copy a{
	color:#f7941d;
	text-decoration:none;
}
#footer .copy a:hover{
	color:#3984C4;
	text-decoration:underline;
}
#footer .weblink{
	float:right;
	margin-top:5px;
	padding-right:10px;
	text-align:right;
	font-family:Tahoma;
	font-size:x-small;
}
#footer .weblink a{
	color:#3984C4;
	text-decoration:none;
}
#footer .weblink a:hover{
	color:#f7941d;
	text-decoration:underline;
}
.tst {
	background-Color: #F3F3F3;
	border: 1px #f7941d solid;
	color: #808080;
	margin-top:40px;
}