/*
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;
}

/* CSS add */

#codafeature { width:732px; float:left; height:242px; position:relative; }
.hpslide { width:732px; height:242px; }
.coda-slider-no-js #codafeature { height: 199px; overflow: auto !important; padding-right: 0 }
#codafeature, #codafeature .panel { width: 700px }
#codafeature .panel-wrapper { padding: 0; overflow:hidden }
#codafeature p.loading { padding: 0; text-align: center }
#codafeature { overflow: hidden; margin:0 }
#codafeature .panel { display: block; float: left }
#codafeature .panel-container { position: relative; z-index:999 }
.hpslidel { float:left; width:350px; padding:0px 0px 0px 13px; text-align:right }
.hpslidel p img { margin:45px 0px 4px; }
.hpslider { float:right; width:366px; }
/* HP Slider */


#coda-nav-1 {	right:100px;
	position:absolute;
	bottom:-47px;
	width:300px !important;

	height:9px;
	z-index:1000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#coda-nav-1 ul { clear: both; display: block; margin: auto; overflow: hidden; height:9px; width:60px !important; }
#coda-nav-1 ul li { display: inline; }
#coda-nav-1 ul li a { background: url #FFC no-repeat 0 0; float: left; display:inline; text-decoration: none; outline:none; width:8px; height:9px; margin:0 2px; line-height:9px; text-align:center; color:#555; font-size:1em }
#coda-nav-1 ul li a.current { background-position: 0 -9px; }