body {
margin: 0;
background:  url(bg2.jpg)  no-repeat;
background-position:  center bottom;
background-attachment: fixed ;
font-family:tahoma;
line-height:16px;
font-size:11px;
color:#666;
}
#divTopLeft{
background:url(bg_body.png);
width:13px;
height:100%;
position:absolute;
z-index:90;
left:0;
}
#divTopLeft_inner{
background:url(b-shadow.png);
width:13px;
height:100%;
}
#divTopright{
background:url(bg_body.png);
width:13px;
height:100%;
position:absolute;
z-index:90;
right:0;
}
#divTopright_inner{
background:url(r-shadow.png);
width:13px;
height:100%;
}
a{text-decoration:none ; color:#06F;}
img{border:none}
#outer {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
}
#outer_inner{
width: 970px;
height: 480px;
margin-left: -485px;  /***  width / 2   ***/
position: absolute;
top: -240px;          /***  height / 2   ***/
left: 50%;
}
#righta{
width:670px;
float:right;
height: 460px;
padding:10px;
background:url(t.png);
border-radius:12px;
-moz-border-radius:12px;
}
#content {
float:left;
width: 650px;
height: 440px;
padding: 10px;
background: #FFF;
box-shadow: 0px 0px 10px #888;	
}
h1 {
margin: 0; padding:7px 0 ;
font-family:Arial;
color:#06F;
}
p{
margin: 0;	
padding: 3px 0;
text-align:justify;
}
div#feature_list {
width: 650px;
height: 440px;
overflow: hidden;
position: relative;
}
div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
}
ul#tabs {
left: 0;
z-index: 2;
width: 210px;
}
ul#tabs li {
font-size: 12px;
line-height:18px;
}
ul#tabs li img {
padding: 2px;
border: none;
float: left;
margin: 5px 5px 0 0;
}
h2 , h3{
	font-weight:normal;
	font-size: 11px;	
	margin:0px; padding:0px;
}
ul#tabs li p {	
font-weight:bold;
font-family:Geneva, Arial;
text-transform: uppercase;
}
ul#tabs li a {
color: #444;
text-shadow: 0.15em 0.15em 0.14em #FFF;
display: block;
padding: 5px;
height: 45px;
outline: none;
background:  url(feature-tab.png) no-repeat;
}
ul#tabs li a:hover {
background-position:0 -55px;
}
ul#tabs li a.current {
background-position:0 -110px;
color:#fff;
text-shadow: 0.15em 0.15em 0.15em #000;
}
ul#tabs li a.current:hover {
cursor: default;
}
ul#output {
right: 0;
width: 463px;
height: 440px;
position: relative;
}
ul#output li {
position: absolute;
width: 463px;
height: 440px;			
}
.li2{
with:443px;
height:400px;
margin:10px 20px;
direction:rtl;
}
.li2-top-left{
height:92px;
width:200px;
float:left;
background:url(hosting.jpg);
}
.li2-inner{
margin: 32px 14px 0px 53px;
height:52px;
width:133px;
float:right;
direction:rtl;

}
.li2-top-right{
margin-left:23px;
with:200px;
height:92px;
float:right;
background:url(gdesign.jpg);
}
.li2-top2{
margin:20px 72px 0px 71px;
with:300px;
height:92px;
float:right;
background:url(interface.jpg);
}
.li2-top3{
margin:15px 72px 15px 71px;
with:300px;
height:92px;
float:right;
background:url(cms.jpg);
}
.li2-inner2{
margin: 32px 14px 0px 86px;
height:52px;
width:200px;
float:right;
direction:rtl;

}
.li2-bottom-left{
height:92px;
width:200px;
float:left;
background:url(support.jpg);
}
.li2-bottom-right{
margin-left:23px;
with:200px;
height:92px;
float:right;
background:url(seo.jpg);
}
.li6-right{
width:215px;
margin:13px 0px 0px 0px;
float:right;

}
.li7-left{
width:190px;
height:258px;
margin:15px 0px 0px 0px;
float:left;
}
.code{
	background:url(code.jpg) no-repeat top left;
	min-height:300px;
}
#gallery{   width:423px;  min-height:300px; float:right; }
#gallery a img{ border:2px solid #ededed;  margin:2px 4px; }
#gallery a:hover img{ border:2px solid  #9CF; }
#jquery-lightbox a img
{ border:none; }
#jquery-lightbox
{ position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  text-align:center;
  line-height:0; }
#jquery-overlay
{ position:absolute;
  top:0;
  left:0;
  z-index:90;
  width:100%;
  height:600px; }
#lightbox-container-image-box > #lightbox-nav{ left:0; }
#lightbox-container-image-box
{ position:relative;
  background:#fff;
  width:300px;
  height:300px;
  margin:0 auto; }
#lightbox-container-image-data #lightbox-image-details
{ width:70%;
  float:left;
  text-align:left; }
#lightbox-container-image-data-box
{ font:10px Verdana;
  background:#fff;
  margin:0 auto;
  line-height:1.4em;
  overflow:auto;
  width:100%;
  padding:0 10px 0; }
#lightbox-container-image-data
{ padding:0 10px;
  color:#666; }
#lightbox-container-image
{ padding:10px; }

#lightbox-image-details-caption
{ font-weight:bold; }
#lightbox-image-details-currentNumber
{ display:block;
  clear:left;
  padding-bottom:1.0em; }
#lightbox-loading
{ position:absolute;
  top:40%;
  left:0%;
  height:25%;
  width:100%;
  text-align:center;
  line-height:0; }
#lightbox-nav a
{ outline:none; }

#lightbox-nav-btnNext
{ right:0;
  float:right; }
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{ width:49%;
  height:100%;
  zoom:1;
  display:block; }
#lightbox-nav-btnPrev
{ left:0;
  float:left; }
#lightbox-nav
{ position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:10; }
#lightbox-secNav-btnClose
{ width:66px;
  float:right;
  padding-bottom:0.7em; }