/*
	Theme Name: Egypt Websites Theme
	Theme URI: http://www.EgyptWebsites.net
	Description: campany theme.
	Version: 1.0
	Author: Seraj Bakeer - 11/2009
	Tags: blue, one columns
*/
/*Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td , input{
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;
font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {color: black;background: white;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, p, blockquote, input, ul, li, ol{direction:rtl;}
a{text-decoration:none; color:#fff;}
a:hover{color:#FFFF33;}
/*Egypt Websites*/
body{background-color:#2e5894;font:12px tahoma,Arial;}
@font-face { font-family:bader-al gorthabia; src: url('font/bader_al gorthabia.ttf');  } 
#wrapper{width:1007px;margin: 0 auto;}
#wrapper1{width:1007px;margin: 0 auto;position:relative;top:-15px;}
.ie7 #wrapper1,.ie8 #wrapper1{width:1007px;margin: 0 auto;position:relative;top:-20px;}
.opera #wrapper1{top:0px;}
#wrap{width:1007px;margin: 0 auto;background:#3862a0 url(images/bg.jpg) no-repeat top;}

/*header*/
#header{height:105px;}
#logo{float:right; margin:10px 15px 0 0;}
#words{
width:250px; height:100px; background-color:#487ebb;
-moz-border-radius:2px;-webkit-border-radius:2px;
direction:rtl; color:#FFFFFF; padding:5px 5px 5px 10px; line-height:16px;}
.widgettitle{margin-bottom:5px;}
.quotescollection_refresh:hover{color:#FFFF33;}
/*end header*/

/*navigation bar*/
#nav{text-align:center; font-family:bader-al gorthabia; font-size:30px; text-shadow: 2px 2px 2px #333;}
.chrome #nav , .ie #nav {text-shadow:none;font-family:arial; font-size:25px; margin:20px 0 0 0;height:40px ;filter: Shadow(Color=#333333,Direction=135,Strength=2);}
#nav a{color:#FFFFFF;}
#nav a:hover{color:#ffae00;}
#nav .nav {list-style-type:none;}
.nav li{display:inline;padding:0 25px;}
/*end navifation*/

/*box*/
#box{width:948px;margin:0 auto 30px auto;background-color:#fff;}
#box2{width:948px;margin:0 auto 30px auto;background-color:#fff;}
.ie #box2{width:948px;margin:0 auto 30px auto;background-color:#fff;position:relative;right:-20px;}
#box-header{background:url(images/header-bg.jpg) repeat-x top;height:37px;}
#box-header-right{width:36px;height:37px;float:right;background:url(images/header-right.jpg) no-repeat top right;}
#box-header-left{width:36px;height:37px;float:left;background:url(images/header-left.jpg) no-repeat top left;}
#box-body1{width:948px;text-align:justify;}
#box-body-right{background:transparent url(images/body-right.jpg) repeat-y right;}
#box-body-left{background:transparent url(images/body-left.jpg) repeat-y left;}
#box-body{width:894px;text-align:justify;margin:0 auto;} 
#box-footer{background:url(images/footer-bg.jpg) repeat-x bottom;height:40px;}
#box-footer-right{width:36px;height:40px;float:right;background:url(images/footer-right.jpg) no-repeat bottom right;}
#box-footer-left{width:36px;height:40px;float:left;background:url(images/footer-left.jpg) no-repeat bottom left;}
/*end box*/

/*posts*/
.posts{width:899px;height:100%;direction:rtl;}
.chrome .posts{height:450px;}

.panel{width:820px;margin:0 auto;}
.post{width:820px;height:100%;margin:0 auto;}
.ie6 .post,.ie7 .post{width:899px;position:relative;right:5px;}
.ie8 .post{height:100%;position:relative;right:15px;}
.chrome .post{overflow:auto;}

.postcontent{width:370px;}
.chrome .postcontent1{width:780px;margin-right:20px;}
.postcontent1{width:820px;}
.posttitle a,.posttitle a:hover{font-family:bader-al gorthabia; font-size:30px;color:#043c98;}
.chrome .posttitle a, .ie .posttitle a,.chrome .posttitle a:hover, .ie .posttitle a:hover{font-family:arial; font-size:25px;}
.posttitle {font-family:bader-al gorthabia; font-size:30px;color:#043c98;}
.chrome .posttitle , .ie .posttitle{font-family:arial; font-size:25px;}
.posttext{text-align:justify;font-size:13px;line-height:22px;height:100%;}
.chrome .posttext, .ie .posttext{padding:10px 0;height:100%;}
.posttext a,.posttext a:hover{color:#003399;}
.readmore{width:104px;height:24px;float:left;margin:20px 0;background-image:url(images/more.jpg);}
.postshow{width:104px;height:24px;float:left;margin:10px 0;}
.postimg{float:left;}

#clearpost{clear:both;height:1px;}


.morelinks{margin-top:15px; color:#666;}
.hotlink{margin-top:15px;line-height:44px; color:#FF0000;}
.hotlink a,.hotlink a:hover{margin-top:15px; line-height:44px;color:#FF0000;}


.stepcarousel{position: relative;width:899px;height:350px;}
.ie6 .stepcarousel,.ie7 .stepcarousel{position: relative;width:899px;height:365px;}
.stepcarousel .posts{position: absolute;}

.stepcarousel .panel{float: left;overflow: hidden;margin:0 40px;width: 820px;}
.ie6 .stepcarousel .panel,.ie7 .stepcarousel .panel{float: left;overflow: hidden;margin:0 40px;width: 899px;}

.stepcarousel .post{float: left;overflow: hidden;margin:0 40px;width: 820px;}
.ie6 .stepcarousel .post{margin: 40px 0;}
.ie7 .stepcarousel .post{margin: 40px 0;}

.ie6 .postcontent,.ie7 .postcontent{width:370px;}
.ie6 .postimg{margin:0 0 0 30px;}
.ie7 .postimg{margin:0 0 0 80px;}
/*end posts*/

/*sign*/
#sign{text-align:center;font-family:bader-al gorthabia; font-size:30px;color:#fff;margin-bottom:10px;}
.chrome #sign, .ie #sign{font-family:arial; font-size:25px;}
#txt2{line-height:40px;}
.chrome #txt2, .ie #txt2{line-height:30px;margin-top:20px;}
#signbutton{
width:214px;height:39px;margin:20px auto;padding:5px 0;
background:url(images/sign0.jpg) no-repeat;}
#signbutton2{
width:192px;height:29px;margin:0 auto;cursor: pointer;
background:url(images/sign.jpg) no-repeat;}
.ie6 #signbutton,.ie7 #signbutton{margin:20px auto 0 auto;}
#signbutton2 span.hover{
width:192px;height:29px;margin:0 auto;cursor: pointer;
background:url(images/sign3.jpg) no-repeat;
position:relative;display:block;}
/*end sign*/

/*content*/
#content{background-color:#3862a0;padding:0 60px 0 40px;direction:rtl;color:#FFFFFF;}
#why,#sites,#afsales{width:290px;height:479px;float:right;margin:0 5px;position:relative;}
#why,#sites{background-image:url(images/b.jpg);background-position:left;background-repeat:no-repeat;}
#whytxt1,#sitestxt1,#afsalestxt1{float:left;position:relative;
font-family:bader-al gorthabia; font-size:30px;line-height:30px;}
.chrome #whytxt1,.chrome #sitestxt1,.chrome #afsalestxt1, .ie #whytxt1,.ie #sitestxt1,.ie #afsalestxt1{font-family:arial; font-size:25px;}
#whytxt1{top:-60px;left:90px;}
#sitestxt1{top:-60px;left:60px;}
#afsalestxt1{top:-60px;left:30px;}
#whytxt2,#sitestxt2,#afsalestxt2{text-align:justify;float:right;position:relative;top:-20px;
line-height:20px;width:260px;}
#clear{clear:both;}
#whyimg2,#sitesimg2,#afsalesimg2{width:290px;}
#whyimg22,#sitesimg22,#afsalesimg22{
width:104px;height:24px;margin:10px auto;cursor: pointer;position:relative;top:300px;
background:url(images/more.jpg) no-repeat;}
#whyimg22 span.hover,#sitesimg22 span.hover,#afsalesimg22 span.hover{
width:104px;height:24px;margin:10px auto;cursor:pointer;
background:url(images/more2.jpg) no-repeat;
position:relative;display:block;}
.ie6 #whyimg22,.ie6 #sitesimg22,.ie6 #afsalesimg22,
.ie7 #whyimg22,.ie7 #sitesimg22,.ie7 #afsalesimg22,{top:0px;}
.ie6 #afsalesimg22,.ie7 #afsalesimg22{top:120px;}
.ie6 #whyimg22 span.hover,.ie6 #sitesimg22 span.hover,.ie6 #afsalesimg22 span.hover,
.ie7 #whyimg22 span.hover,.ie7 #sitesimg22 span.hover,.ie7 #afsalesimg22 span.hover{top:-10px;}
.ie8 #whyimg22 span.hover,.ie8 #sitesimg22 span.hover{top:-280px;}
.ie8 #afsalesimg22 span.hover{top:-160px;}
#endimg{width:100%;height:4px;background:url(images/endimg.jpg) repeat-x;}
.ie6 #endimg{width:100%;height:4px;background:url(images/endimg.jpg) repeat-x;position:relative;top:10px;}

#whyimg22post,#sitesimg22post,#afsalesimg22post{
width:104px;height:24px;margin:10px auto;cursor: pointer;position:relative;top:300px;
background:url(images/more.jpg) no-repeat;}
#whyimg22post span.hover,#sitesimg22post span.hover,#afsalesimg22post span.hover{
width:104px;height:24px;margin:10px auto;cursor:pointer;
background:url(images/more2.jpg) no-repeat;
position:relative;display:block;}
.ie #whyimg22post,.ie #sitesimg22post{top:0px;right:80px;}
.ie #afsalesimg22post{top:100px;right:80px;}
.ie #whyimg22post span.hover,.ie #sitesimg22post span.hover,.ie #afsalesimg22post span.hover{top:-10px;}
#endimgpost{width:100%;height:4px;background:url(images/endimg.jpg) repeat-x;}
.ie #endimgpost{width:100%;height:4px;background:url(images/endimg.jpg) repeat-x;position:relative;top:10px;}
/*end content*/

/*footer*/
#footer{padding:10px 0;text-align:center;width:1007px;margin:10px auto;height:50px;
background-color:#2e5894;
font-family:bader-al gorthabia;font-size:30px;color:#FFFFFF;line-height:50px;direction:rtl;}
#footer li{display:inline;vertical-align:top;}
.chrome #footer,.ie #footer{font-family:arial; font-size:25px;}
/*end footer*/

/*contact*/
div#coldform * {padding: 0;margin: 0;border: 0;}
div#coldform {font-size: 12px;margin: 11px 0;width: 500px;}
div#coldform fieldset{border: 0 none;display: block;clear: both;}
div#coldform legend.hide{display: none;}
.input:focus, textarea:focus { border: 1px solid #777;}
div#coldform label.label {display: block;margin:5px 0;padding-top:5px;width:177px;clear:left;float:left;}
div#coldform label.label2 {display:block;font-family:Tahoma;font-size:12px;padding-bottom:10px;width:580px;float:left;clear:left;}
div#coldform input.input{font-family: Tahoma;border: 1px solid #7B7B7B;padding: 3px 3px;font-size: 12px;
margin-top: 10px;margin-right: 10px;display: block;width: 400px;clear: right;float: right;}
div#coldform textarea#coldform_message{border: 1px solid #7B7B7B;padding: 1px 3px;font-size: 12px;
margin-top: 10px;margin-right: 10px;display: block;width: 600px;clear: right;float: right;}
div#coldform input.submit {border: 1px solid #7B7B7B;margin: 7px 10px 10px 0;
font-size: 12px;cursor: pointer;display: block;padding: 3px;width: 308px;clear: right;float: right;}
div#coldform input.submit:hover{background-color:#0066CC;color:#FFFFFF;}
div#coldform input.check {display:block;margin: 0;padding-bottom: 5px;width:37px;float:right;clear:right;}
/*end contact*/