/* CSS Reset */
* { margin:0; padding:0; }
body {
  background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
}
#container {
  width:1024px;
  margin:0 auto;
}
#header {
  height:125px;
  width:960px;
  margin:5px auto 0 auto;
}
#header h1 {
  display:block;
  float:left;
  width:320px;
  height:125px;
  background:url(img/logo.jpg) no-repeat 0 0;
  text-indent:-10000px;
}
#header h1 a {
  display:block;
  width:100%;
  height:100%;
}
#header h1 a:hover {
  background:url(img/logo.jpg) no-repeat 0 -125px;
}
span.logoHover {
  display: block;
  width: 100%;
  height:100%;
  background:#ccc url(img/logo.jpg) no-repeat 0 -125px;
}
span.logoHover a {
  display: block;
  width: 100%;
  height:100%;
}
#header ul {
  display:block;
  float:right;
  width:640px;
  height:125px;
  background:url(img/menu.jpg) no-repeat 0 0;
  list-style:none;
}
#header ul li {
  display:block;
  float:left;
  height:125px;
  text-indent:-10000px;
}
#home {
  width:160px;
}
#about {
  width:137px;
}
#work {
  width:129px;
}
#contact {
  width:210px;
}
#header ul li a {
  display:block;
  width:100%;
  height:100%;
}
#home a:hover {
  background:url(img/menu.jpg) no-repeat 0 -125px;
}
#about a:hover {
  background:url(img/menu.jpg) no-repeat -160px -125px;
}
#work a:hover {
  background:url(img/menu.jpg) no-repeat -297px -125px;
}
#contact a:hover {
  background:url(img/menu.jpg) no-repeat -426px -125px;
}
p#featuredText {
  display:block;
  position:relative;
  float:left;
  width:100%;
  height:375px;
  background:url(img/featured_bg.jpg) no-repeat 0 0;
  text-indent:-10000px;
}
a#learnMoreButton {
  display:block;
  width:280px;
  height:60px;
  background:url(img/learnmore.jpg) no-repeat 0 0;
  margin:200px 0 0 132px;
}
a:hover#learnMoreButton {
  background-position:0 -60px;
}
#monitor {
  position:absolute;
  top:0;
  right:0;
}
.box {
  width:320px;
  height:185px;
  float:left;
}
.box h2, .box h2 a {
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin:10px 15px 0 80px;
  direction:rtl;
  text-align:right;
  display:block;
  /*width:160px;*/
}
.box p, .box p a {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:20px 10px 0 160px;
  direction:rtl;
  text-align:right;
  display:block;
  width:130px;
  font-size:14px;
}
.client {
	background:url(img/box1.jpg) no-repeat 0 0;
}
.work {
	background:url(img/box2.jpg) no-repeat 0 0;
}
.book {
	background:url(img/box3.jpg) no-repeat 0 0;
}
#leftCol {
  width:630px;
  float:left;
  margin:20px 0 0 10px;
}
#leftCol h2 {
  font:bold 20px/24px Verdana, Geneva, sans-serif;
  color:#094e64;
}
#leftCol p {
  font:normal 14px/20px Arial, Helvetica, sans-serif;
  color:#094e64;
  margin-top:10px;
}
#newsletter {
  position:relative;
  width:320px;
  height:110px;
  float:left;
  background:url(img/newsletter_bg.jpg) no-repeat 0 0;
  margin:20px 0 50px 0;
}
#newsletter label {
  font:bold 16px Verdana, Geneva, sans-serif;
  letter-spacing:-1px;
  margin-top:26px;
  width:100%;
  display:block;
  color:#fff;
  text-align:center;
}
#emailInput {
  position:absolute;
  top:51px;
  left:5px;
  width:200px;
  margin:0px 0 0 30px;
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#999;
  border:0;
  background-color:transparent;
  border:none;
}
#submitButton {
  position:absolute;
  top:43px;
  right:27px;
  width:50px;
  height:40px;
  margin-top:5px;
  padding:0;
}
#footer {
  clear:both;
  width:940px;
  border-top:1px dashed #094e64;
}
#footer p {
  margin:15px 0;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#094e64;
}


/******************************WEB HOSTING PAGE*******************************/
.hosting-th { text-align:right; background:url(img/hosting-nav-bg.jpg) right top repeat-x; dir:rtl; height:30px; color:#FFFFFF; font-size:14px; padding-right:5px; vertical-align:middle}
.hosting-td0 {background-color:#72cc01; text-align:center; color:#FFFFFF; direction:ltr }
.hosting-td01 {background-color:#72dd01; text-align:center; color:#FFFFFF; direction:ltr }
.hosting-td02 {background-color:#72ee01; text-align:center; color:#FFFFFF; direction:ltr }
.hosting-td1, .hosting-td2 { text-align:center; dir:rtl; height:23px; color:#000000; font-size:13px; vertical-align:middle}
.hosting-td1, .hosting-td4 {background-color:#f8f8f8;}
.hosting-td2, .hosting-td3 {background-color:#f0f0f0;}
#cheapwebhosting {height:200px; width:100%; margin:0 auto; /*margin-bottom:10px;*/ background:top right repeat-x url(img/hosting-mn-bg.jpg)}
#cheaphosting { float:left; width:200px; height:200px; margin:0;}
#webhosting-arabia { float:right; width:600px; height:200px; margin:0 auto;}
#webhosting-arabia img { display:inline; vertical-align:middle}
#webhosting-arabia h1 { display:inline; margin:10px; vertical-align:middle; color:#FFFFFF; text-align:center; height:50px}
#webhosting-arabia h2 { display:inline; margin-top:10px; margin:15px; vertical-align:middle; color:#f8f8f8;text-align:center; height:50px; font-size:16px;}
#webhosting-payment {height:50px; width:100%; margin:0 auto; /*margin-bottom:10px;*/ background:top right repeat-x url(img/hosting-mn-bg.jpg); text-align:center; font-size:16px; font-weight:bold; color:#f8f8f8;}
#webhosting-payment p {margin:15px auto; display:block;}

/************************************************************/
.hovermenu {margin:0 auto; background-color:#7aad10; float:right; width:100%; border-bottom:dotted 1px #a7c833; border-top:dotted 1px #a7c833;}
.hovermenu ul{
font: bold 15px arial;
margin:0 auto;
height: 25px;
float:right

}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 1em;
text-decoration: none;
float: left;
color: white;
/*border: 1px solid #85b521;*/
}

.hovermenu ul li a:hover, .activ{
background-color:#a7c833;
/*border-style: outset;*/
color:white;

}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}