body{
direction:rtl;
background-color:#f2f2f2;
}
/* Header Section START */
header{
background: #cecece url("images/headerBG.png") no-repeat center;
height:100%;
position:fixed;
width:250px;
}
.logo_wrap{
padding-top:10px;
}
.logo{
background-image: url("images/logo.png");
width:165px;
height:140px;
margin:0 auto;

}
/* Navbar START */
.navbar{

color:white;
}
.navbar ul{
list-style:none;
width:100px;
margin:0 auto;
text-align: center;
padding-top:10px;
}
.navbar ul li{
margin-top:15px;
color:#636363;
}
.navbar ul li:hover{
background-color:#636363;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#E3E3E3;
}
.navbar ul li a{
text-align: center;
text-decoration:none;
color:inherit;
display:block;
font-family:arial;
font-weight: bold;
font-size: 14px;
padding:6px;
}
/* Navbar END */

/* Social Icions START */
.social_icons{
margin-top:30px;
margin-right:auto;
margin-left:auto;
display:block;
}
.social_icons ul{
list-style: none;

}
.social_icons ul li{
display:inline;
margin-right:auto;
margin-left:auto;
}
.social_icons ul li a img{
opacity:0.4;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
}
.social_icons ul li a img:hover{
opacity:1;
}
/* Social Icons END */

/* Copyright Data */

.cr p{
font-size:9px;
text-align: center;
font-family: Tahoma;
padding-top:30px;
color:#a3a3a3;
}

/* Copyright Data */

/* Header Section END */

/* Content Section Start */


.contentSection{
margin-right:260px;
margin-top:20px;
}
.contentSection h2{
font-size:32px;
font-family: Arial;
font-weight: normal;
}
p.someText{
font-family: Tahoma;
font-size: 13px;
margin-bottom:10px;
}
.portfolio{
margin-top:40px;
}
.contentSection .box{
width:200px;
height:167px;
background-color:#DDDDDD;
margin:10px 0 10px 0;
border:1px #BCBCBC solid;
}
.contentSection .box h3{
font-size:20px;
padding-bottom: 3px;
color:#484848;
}
.contentSection .box .content{
padding:10px;
font-family:arial;
}
/* Content Section End */

/* Fixed Buttons */

.btns .loginBTN{
position:fixed;
left:0;
top:185px;
}
.btns .chatBTN{
position:fixed;
left:0;
top:50px;
}
.loginBox{
position:fixed;
left:40px;
top:185px;
background-image:url("images/loginBox.png");
height:132px;
width:220px;
display:none;
z-index: 1;
font-family: Tahoma;
font-size: 11px;
}
.form{
padding:10px;
padding-right:50px;
}
.form .text{
border:0px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form .btn{
background-color:#353535;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:white;
border:0px;
margin-top: 10px;
}
/* 2ara2 3omala2na Start */
.tests h2{
font-size:32px;
font-family: Arial;
font-weight: normal;
}
.tests p{
color:#f6f6f6;
font-size: 17px;
font-family: Arial;
font-style:italic;
background-color:#414141;
width:400px;
margin-bottom:10px;
padding:5px;
}
/* 2ara2 3omala2na End */

/* Other Start */
#wrapper{
margin:15px;
}
.boxes{
margin-right:100px;
}
/* Other End */