/* CSS Document */
body{
background:url(images/bg.jpg)repeat-x fixed;
margin:0px;
padding:0px;
direction:rtl;

}
img{
border:none;
}
#wrap{
background:url(images/wrap-bg.jpg) center repeat-y fixed;
margin:auto;
width:900px;
height:100%;
}
#sub-wrap{
width:872px;
margin:auto;


}
#header{height:230px;
background:url(images/header-bg.jpg) repeat-x;
position:relative;
overflow:hidden;

}
#clouds{
position:absolute;
z-index:2;
right:-200px;
}
#clouds2{
position:absolute;
z-index:1;
right:300px;
float:left;

}
#sun{
position:absolute;
z-index:1;
right:350px;
width:114px;
height:77px;

}
#sun2{
position:absolute;
z-index:1;
right:255px;
width:330px;
height:157px;

}
#logo{
margin:80px 20px 0px 0px;
}
#nav{
right:200px;

position:absolute;
top:150px;
}
.link{
width:151px;
height:45px;
float:right;
margin-left:10px;

}
#a{
background:url(images/link1.png) no-repeat;
}
#a:hover{
background:url(images/link1-hover.png) no-repeat;
}
#b{
background:url(images/link2.png) no-repeat;
}
#b:hover{
background:url(images/link2-hover.png) no-repeat;
}
#c{
background:url(images/link3.png) no-repeat;
}
#c:hover{
background:url(images/link3-hover.png) no-repeat;
}
#d{
background:url(images/link4.png) no-repeat;
}
#d:hover{
background:url(images/link4-hover.png) no-repeat;
}
#content{

}
#left-content{
width:670px;
float:left;


}
#right-content{
width:202px;

float:right;


}
#orange{
width:171px;
margin:auto;
}
#orange-column{
background-color:#ffa631;
height:200px;
width:155px;

}
#orange-column p{
font-family:tahoma;
font-size:12px;
color:#ffffff;
margin:0px;
width:135px;
margin:5px 10px;

}
#orange-column h4{
font-family:tahoma;
font-size:12px;
color:#ffffff;
margin:0px;
margin:5px 10px;

}
#orange-column h2{
font-family:tahoma;
font-size:12px;
color:#ffffff;
margin:0px 10px;
padding-top:10px;


}
#slider-container{
width:605px;
height:183px;
margin-left:30px;
padding:10px;
border:1px #dedede solid;
margin-bottom:20px;
}
#boxs{

min-height:140px;

clear:both;
width:628px;
margin-left:30px;
border:solid 1px #dedede;

}

.boxs:nth-child(2){
background:url(images/box-bg2.png) no-repeat;
}
#boxs p{
font-family:tahoma;
font-size:12px;
color:#636363;
margin:10px;

}
#boxs h3{
font-family:tahoma;
font-size:13px;
color:#636363;
margin:-10px 10px 10px  0px;
padding:0px 10px;
background-color:#FFFFFF;
width:30px;

}


#painter{
float:left;
margin-top:-10px;
margin-left:-30px;
}
#facebook{
bottom:0px;
right:130px;
position:absolute;
}
#twitter{

right:630px;
bottom:0px;
position:absolute;
}
#our-works{
position:relative;
width:628px;
height:350px;
padding:30px 0px;

}
#right-ourworks{
width:137px;
margin:10px;
float:right;
}
#left-ourworks{
width:137px;
margin:10px 10px 10px 10px;
float:left;
position:absolute;
z-index:1;
right:345px;
}
#ww{
margin-right:-40px;
}
#bb{
margin-right:-15px;
}
#ll{
margin-right:-15px;
}
#aa{
margin-right:-40px;
}
#webdesigner{
margin:0px 75px 0px 0px;
position:absolute;
z-index:2;
}
#banners{
display:none;
}
#websites{
display:none;
margin:20px 75px;
}
.websites{
margin-bottom:30px;

}
#logos{
display:none;
}
#flashs{
display:none;
margin-bottom:15px;
}
.flash{
margin:15px 50px;
border:#000 1px solid;
}
#ads{
display:none;
}
.ads{
margin:20px 65px;
}
.banners{
width:600px;
height:74px;
margin:15px;
}
#e-books {
width:150px;
margin-bottom:200px;
padding-top:20px;
display:none;
}
#e-books a{
color:#2f7995;
margin:40px 20px 20px 20px;

padding:10px 0px;
}
#e-books a:hover{
color:#41c1f1;
text-decoration:none;
}
.logos{
margin:0px 60px;
width:500px;
}
#under-construction2{
margin:auto;
width:306px;

}
.under_construction2{


}
#footer{
height:156px;
background:url(images/footer-bg.png);
clear:both;
position:relative;
}
#middle-footer{
width:390px;
margin:auto;
}
#middle-footer-img{
background:url(images/middle-footer-bg.png) bottom no-repeat;
padding-top:50px;
padding-bottom:5px;
margin:auto;
width:280px;
}
#middle-footer img{
margin-right:17px;
}
#middle-footer img:first-child{
margin-right:13px;
}
#footer p{
font-family:tahoma;
font-size:10px;
color:#8a8c8c;
margin:10px 90px 0px 0px;
width:300px;


}