/*
Copyright (c) 2009, Alteqniya Net. All rights reserved.
Designed to: alteqniya.net
Designed by: Reda Banjar
*/

@import url("reset-fonts-grids.css");

html { background: #FFF url('../images/bg.png') repeat-x; direction: rtl; }
body { margin: 0; padding: 0; }
a{ text-decoration: none; }

li#logo { height: 80px; width: 80px; float: right; margin-top: 20px; text-height: 80px;}
li#blank { border-bottom: 1px solid #BEBEBE; float: left; height: 75px; margin-top: 20px; width: 100px; }
.nav { border-bottomx: 1px solid #BEBEBE; float: left; height: 75px; margin-top: 20px; text-align: center; }
.nav p { font-family: Arial; font-size: 18px; font-weight: bold; padding: 5px 20px 0 20px; line-height: 60px;}
.nav a { color: #AFAFAF;}
.nav a:hover { border-bottom: 1px dotted #AFAFAF; color: #00C800; padding-bottom: 3px; }
.bar { background: #FFF url('../images/bar.png') repeat-x; border-bottomx: 1px solid #efefef; float: left; height: 75px; margin-top: 20px; width: 2px; }

div#adv { border-bottom: 1px solid #BEBEBE; }
li#logo-reflection { height: 50px; width: 220px; float: right; background-color:#000;}
li#advertise { text-align: center;  background-color:red;width: 220px;}

div#body { background: #FFF url('../images/bg.png') repeat-x center -50px; padding: 50px 0 50px 0; text-align: right; border-topx: 1px solid #BEBEBE;}
div#body-page { background: #FFF url('../images/bg.png') repeat-x center -50px; padding: 0 0 50px 0; text-align: right; }
div#clients  { text-align: center; }
div#clients img { margin-bottom: 25px; }
div#content { border-leftx: 1px solid #BEBEBE; text-align: right; }
div#content2 { border-right: 1px solid #BEBEBE; text-align: right; }
p#page-title { background: #BEBEBE url('../images/corner.png') no-repeat left; color: #FFF; font-family: Tahoma; font-size: 24px; height: 25px; padding: 0px 20px 10px 0; width: 200px; }
p#page-content { color: #323232; font-family: Arial; font-size: 16px; font-weight: bold; margin: 15px; } 
p#page-content img { border-bottom: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; float: left; margin: 10px 10px 10px 0; padding: 0 10px 10px 0; }
.title { color: #787878; font-family: Arial; font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.item { background: #FFF url('../images/icon.png') no-repeat right top; color: #AFAFAF; font-family: Tahoma; font-size: 12px; margin-bottom: 10px; padding-right: 21px; }
.item a { color: #AFAFAF; }
.item a:hover { border-bottom: 1px dotted #AFAFAF; color: #00C800; padding-bottom: 3px; }
.item b { color: #787878; }
.padding-left { padding-left: 10px; margin-bottom: 25px; }
.border-right  { border-right: 1px solid #BEBEBE; padding-right: 10px; margin-bottom: 25px; }
.headline { background: #FFF url('../images/icon.png') no-repeat right; color: #787878; font-family: Arial; font-size: 22px; font-weight: bold; margin-bottom: 5px; padding-right: 16px; }
ul#features { border: 1px solid #BEBEBE; border-top: 0; font-family: Tahoma; font-size: 18px; width: 175px; }
.feature { width: 175px; height: 50px; line-height: 20px; }
.feature a { color: #323232; }
.feature:hover, .current { background: #E1E1E1; }
.feature:hover a { color: #00E600; }
.feature p { padding: 10px; }
.feature img { padding: 5px 10px 5px 5px ; float: right; }

div#ft { border-top: 1px solid #efefef; color: #787878; font-family: Tahoma; font-size: 12px; padding: 15px 10px 5px 10px; }
.green { color: #00E600; }
.blue { color: #0000BE; }
p#ar-ft { float: right; text-align: right; }
p#en-ft { float: left; text-align: left; margin-right: 50px; }
p#contact-ft { float: left; text-align: center; }

.homepagetext  {color: #666; font-family: Arial; font-size: 14px; padding:10px 0px 0 10px; width:210px; text-align:justify; border-top: 1px solid #efefef;  }
.iconimage { float:right; height:48px; margin:0 0 100px 10px; width:48px;}
.homepagetext h4 { font-family: Arial; font-size: 18px; font-weight: bold; padding:0 0 5px; color: #999;}

.homepagetext a {color:#00C800;}
.homepagetext a:hover { border-bottom: 1px dotted #607F3C; color: #787878; padding-bottom: 3px; }
.homepagetext ol, .homepagetext ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.check {background:transparent url(../images/icons/check.png) no-repeat scroll right;}
.checklist {padding:0 35px 0 0;}
.web {background:transparent url(../images/icons/25.png) no-repeat scroll right;}
.home {background:transparent url(../images/icons/home.png) no-repeat scroll right;}
.name {background:transparent url(../images/icons/name.png) no-repeat scroll right;}
.translate {background:transparent url(../images/icons/translate.png) no-repeat scroll right;}
.multimedia {background:transparent url(../images/icons/multimedia.png) no-repeat scroll right;}
.hosting {background:transparent url(../images/icons/hosting.png) no-repeat scroll right;}
.content {background:transparent url(../images/icons/content.png) no-repeat scroll right;}
.consult {background:transparent url(../images/icons/consult.png) no-repeat scroll right;}
.design {background:transparent url(../images/icons/design.png) no-repeat scroll right;}
.si {background:transparent url(../images/icons/si.png) no-repeat scroll right;}
.mail {background:transparent url(../images/icons/30.png) no-repeat scroll right;}
.help {background:transparent url(../images/icons/18.png) no-repeat scroll right;}
.project {background:transparent url(../images/icons/project.png) no-repeat scroll right;}
.home_contact {padding:0 35px 0 0;}
.section2 ol, .section2 ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.home_contact li {padding:10px 0 2px;}
.section2 a {color:#607F3C;}
.tel {background:transparent url(../images/icons/talk.gif) no-repeat scroll right;}
.rtl {direction:rtl}
.wufoo label.desc, form ul, form li, .info {
	float:right;
}

div.screenshot {
background:transparent url(../images/pictureframe.gif) repeat scroll 0 0;
height:520px;
padding:25px 25px 32px;
position:relative;
width:665px;
}