@charset "utf-8";
/* (c)2008 meOwns.com 
	a web product by eSpace.com.eg
*/

/*-------------Color Table------------*/
/*

*/

/*-------------Table of Contents------------*/
/*
0.Table of Contents
1.Master
2.Layout

*/

/*-------------1.Master------------*/
/*/////1.1. Defaults////*/
body{
margin:0px;
background:url(../images/graphics/bodyBg.jpg) repeat #f6f6f6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5d5d;
text-align:center;
cursor:default;
border:0px;
}
A, A:active, A:visited{outline:0px; cursor:pointer}
input, select, textarea{font-family:Arial, Helvetica, sans-serif; color:#5D5D5D; font-size:1em;}
img{border:0px;}
.hideText{text-indent:-10000px; line-height:0px; text-decoration:none; font-size:0px; overflow:hidden; display:block; color:#000000;}
.wrapper{margin:0px auto; width:900px; text-align:left; clear:both;}


/*-------------2.Layout------------*/
/*/////2.1. Header////*/
#header{background:url(../images/graphics/headerBg.png) repeat-x top; height:118px; text-align:center; float:left; width:100%; overflow:hidden}
	#logo{background:url(../images/graphics/logo.png) no-repeat; width:114px; height:72px; margin:46px 0px 0px 0px; float:left;}
	#logo h1{margin:0px;}
	#logo h1 A{width:114px; height:72px; }

	#navigation{background:url(../images/graphics/navigationMarker.jpg) no-repeat; float:right; width:570px; font-weight:bold; height:72px;
	 margin:46px 0px 0px 0px; padding:0px 10px 0px 30px; }
	#navigation ul{float:right;  padding:0px; margin:0px; width:570px;}
	#navigation ul li{float:left; display:inline; list-style:none; width:75px; margin:0px 10px 0px 10px; }
	#navigation ul li A{  display:block; width:75px; height:70px; text-decoration:none; text-indent:-10000px; line-height:0px;
	 background-repeat:no-repeat; background-position:center center; }
	#navigation ul li#nav_home A{background-image:url(../images/graphics/navigation/home.gif);}
	#navigation ul li#nav_blog A{background-image:url(../images/graphics/navigation/blog.gif);}
	#navigation ul li#nav_services A{background-image:url(../images/graphics/navigation/services.gif);}
	#navigation ul li#nav_company A{background-image:url(../images/graphics/navigation/company.gif);}
	#navigation ul li#nav_work A{background-image:url(../images/graphics/navigation/work.gif);}
	#navigation ul li#nav_contact A{background-image:url(../images/graphics/navigation/contact.gif);}
	
.subHeader{background:url(../images/graphics/subHeaderBg.png) repeat-x top; height:100px; text-align:center; float:left; width:100%; overflow:hidden;}
	
	.subHeader h2{margin:1px 0px 0px 0px; width:453px; height:73px; float:right;}
		.subHeader_blog h2{background:url(../images/graphics/headers/blog.jpg) no-repeat;}
		.subHeader_work h2{background:url(../images/graphics/headers/work.jpg) no-repeat;}
		.subHeader_company h2{background:url(../images/graphics/headers/company.jpg) no-repeat;}
		.subHeader_contact h2{background:url(../images/graphics/headers/contact.jpg) no-repeat;}
		.subHeader_services h2{background:url(../images/graphics/headers/services.jpg) no-repeat;}
		.subHeader_contact h2{background:url(../images/graphics/headers/contact.jpg) no-repeat;}
		.subHeader_news h2{background:url(../images/graphics/headers/news.jpg) no-repeat;}
		
	.subHeader ul{float:left; width:430px; padding:0px; margin:0px; list-style:none; font-size:1.2em; text-transform:uppercase; font-weight:bold;}
	.subHeader ul li{float:left; margin:0px 10px; display:inline; }
	.subHeader ul li A{color:#989898; text-decoration:none; display:block; height:43px; padding:30px 0px 0px 0px; float:left;}
	.subHeader ul li A:hover{color:#FFFFFF; background:url(../images/graphics/subHeaderMarker.gif) no-repeat center top;}
	.subHeader ul li.selected A{ background:url(../images/graphics/subHeaderMarker.gif) no-repeat center top;}

/*/////2.2. Services////*/
.servicesBlock{background:url(../images/graphics/servicesBlockBg.png) repeat-x; height:122px; float:left; width:100%; overflow:hidden;}
.servicesBlock p{ margin:0px; background-repeat:no-repeat; background-position:center top; margin:2px 0px 0px 0px; width:900px; height:123px; }
.servicesBlock p A{text-indent:-10000px; line-height:0px; color:#000000; display:block; width:900px; height:123px;}
.scalableRails{background-image:url(../images/services/scalableRails.jpg);}

.featuredBlock{background:url(../images/graphics/featuredBlockBg.jpg) repeat-x; height:142px; float:left; width:100%;}
	.featuredThumb{background:url(../images/graphics/featuredLabel.jpg) no-repeat; margin:10px 20px 0px 0px; padding:20px 0px 0px 0px; width:250px; float:left; display:inline;}
	.featuredThumb img{}
	.featuredData{float:left; width:610px; margin:30px 0px 0px 0px; color:#797979; height:46px; overflow:hidden;}
	.featuredData p{margin:0px; text-align:justify;}
	
	.featuredElse{float:right; width:100px;}
	.featuredElse A{background:url(../images/graphics/buttons/whatElse.gif) no-repeat; width:86px; height:22px;}
	.featuredElse A:hover{background:url(../images/graphics/buttons/whatElse.gif) no-repeat 0px -22px;}
	
/*/////2.3. Main////*/
#main{ float:left; width:100%;}
.mainColumn{float:left; width:555px; background:url(../images/graphics/orangeBg.gif) repeat-y; overflow:hidden;}
.page{background:url(../images/graphics/orangeHeader.jpg) no-repeat; float:left; width:100%;}
	.pageContent{background:url(../images/graphics/orangeFooter.jpg) no-repeat left bottom; float:left; width:100%; padding:0px 0px 100px 0px;}
	.pageBlock{background:url(../images/graphics/orangeBlockBg.jpg) no-repeat 0px -30px;padding:70px 20px 0px 80px; float:left; width:455px; min-height:80px}
	div.topBlock{background:none; padding-top:70px;}
	.pageBlock h3{text-transform:uppercase; font-size:1.6em; margin:0px; padding:0px 0px 0px 10px; line-height:1.3em; color:#095b95;}
	.pageBlock h3 A{text-decoration:none; color:#095b95;}
	.pageBlock h3 A:hover{background:#FFFFFF;}
	.pageBlock p{font-size:1.2em; color:#61727e; margin:10px 30px 20px 10px; line-height:1.3em; clear:both;}
	.pageBlock A{color:#61727e; font-weight:bold;}
	.pageBlock A:hover{text-decoration:none;}
	.pageBlock li{font-size:1.2em; color:#61727e; line-height:1.3em; margin:3px 40px 5px 0px; padding:0px; }
	.pageBlock h4{color:#61727e; margin:20px 20px 5px 0px; font-size:1.4em; border-bottom:2px solid #FFFFFF}
	
	.pageBlock pre{margin:0px 20px 10px 10px; border:1px dotted #CCCCCC; padding:10px; color:#333333; background:#FFFFFF; font-family:"Lucida Console";}
	.pageBlock pre A{color:#333333; font-weight:normal;}
	
.sideColumn{float:left; width:277px; background:url(../images/graphics/sideBg.jpg) repeat-y; margin:40px 0px 0px 0px; overflow:hidden;}

.sideBlocks{background:url(../images/graphics/sideTop.jpg) no-repeat; float:left; width:100%; padding:60px 0px 0px 0px; overflow:hidden;}
.sideBlocksContent{background:url(../images/graphics/sideFooterBg.jpg) no-repeat left bottom; padding-bottom:50px; float:left; width:100%; overflow:hidden;}
	.sideBlock{background:url(../images/graphics/sideCompBG.jpg) no-repeat; padding:50px 20px 0px 30px; float:left; width:227px;}
	.sideBlocksContent div.topBlock{background:none; padding-top:0px;}
	.sideBlock h3{text-transform:uppercase; font-size:1.2em;  margin:0px; line-height:1em;  color:#506e83;}
	.sideBlock p{color:#61727e; margin:10px 20px 0px 0px; clear:both; }
	.sideBlock p A{background:#FFFFFF; color:#61727e; text-decoration:none;}
	.sideBlock p A:hover{background:none; text-decoration:underline;}
	
	.sideBlock ul{padding:0px; margin:10px 0px; list-style:none; width:170px;}
	.sideBlock ul li{background:url(../images/graphics/sideSep.gif) no-repeat left bottom; padding:5px 0px 8px 0px;}
	.sideBlock ul li A{color:#61727e; text-decoration:none; padding:2px 0px; font-weight:bold;}
	.sideBlock ul li A:hover{background:#FFFFFF;}
	p.quote{background:url(../images/graphics/leftQuote.gif) no-repeat left top; padding:20px 10px 0px 10px;}
	p.quote span{background:url(../images/graphics/rightQuote.gif) no-repeat right bottom; padding:0px 10px 10px 0px; display:block;}
	p.quoter{text-align:right; padding:0px 20px 0px 0px; color:#829ea6;}
	
	
	
.sideColumn_NB{float:left; width:277px; background:url(../images/graphics/sideBg_NB.jpg) repeat-y; margin:40px 0px 0px 0px; overflow:hidden;}	
.sideBlocks_NB{background:url(../images/graphics/sideTop-NB.jpg) no-repeat; float:left; width:100%; padding:25px 0px 0px 0px; overflow:hidden;}

.sideBlocksContent_NB{background:url(../images/graphics/sideFooterBg_NB.jpg) no-repeat left bottom; padding-bottom:50px; float:left; width:100%; overflow:hidden;}
	.sideBlock_NB{background:url(../images/graphics/sideCompBG.jpg) no-repeat; padding:50px 10px 0px 20px; float:left; width:227px;}
	.sideBlocksContent_NB div.topBlock{background:none; padding-top:0px;}
	.sideBlock_NB h3{ font-size:1.2em;  margin:60px 0 0 0; line-height:1em;  color:#43443e;}
	.sideBlock_NB p{color:#585857; margin:10px 20px 0px 0px; clear:both; }
	.sideBlock p_NB A{background:#FFFFFF; color:#61727e; text-decoration:none;}
	.sideBlock p_NB A:hover{background:none; text-decoration:underline;}
	.sideBlocks_NB a{text-indent:-10000px; line-height:0px; color:#000000; display:block; width:900px; height:122px;margin:1px 0 0 -20px}
	.never_logo{background:url(../images/graphics/sideTop-logo.jpg) no-repeat; float:left; width:100%;overflow:hidden;}



	.sideBlock_NB ul{padding:0px; margin:10px 0px; list-style:none; width:170px;}
	.sideBlock_NB ul li{background:url(../images/graphics/sideSep.gif) no-repeat left bottom; padding:5px 0px 8px 0px;}
	.sideBlock_NB ul li A{color:#61727e; text-decoration:none; padding:2px 0px; font-weight:bold;}
	.sideBlock_NB ul li A:hover{background:#FFFFFF;}
	.sideBlock_NB p.quote{background:url(../images/graphics/leftQuote.gif) no-repeat left top; padding:20px 10px 0px 10px;color:#ffffff;}
	.sideBlock_NB span{ padding:0px 10px 10px 0px;margin:5px 0 0 0; display:block;}
	.sideBlock_NB p.quoter{text-align:right; padding:0px 20px 0px 0px; color:#b86900;}

/*/////2.4. footer////*/
#footer{background:url(../images/graphics/footerBg.png) repeat-x 0px 46px; height:242px; float:left; width:100%; overflow:hidden;}
	#footer h4,#footer hr{display:none;}
	.footerCopyright{background:url(../images/graphics/e.gif) no-repeat left 6px; float:left; height:36px;
	 padding:0px 0px 0px 30px; line-height:32px; color:#FFFFFF; margin:46px 0px 0px 0px}
	.footerPhotos{background:url(../images/graphics/footerPhotosBg.jpg) no-repeat; width:218px; height:113px; float:left;padding:47px 0px 0px 38px;}
	.footerSpins{background:url(../images/graphics/footerSpins.jpg) no-repeat; width:267px; height:161px; float:left;}
		.footerSpins_meOwns{position:absolute;  width:100px; height:60px; margin:60px 0px 0px 25px;}
		.footerSpins_jsoor{position:absolute;  width:90px; height:55px; margin:40px 0px 0px 120px;}
		.footerSpins_weNear{position:absolute; width:90px; height:40px; margin:100px 0px 0px 120px;}
	.footerContact{background:url(../images/graphics/footerContact.jpg) no-repeat; width:365px; height:183px; float:right; padding:60px 0px 0px 0px;}
		.footerContact p{margin:0px; margin:5px 0px 2px 115px}
		.footerContact label{display:none;}
		.footerContact input{border:0px;  background:none; font-size:0.8em; width:120px; border:dotted #ebd7d7 1px;}
		.footerContact textarea{border:0px;  background:none; font-size:0.8em; width:120px; height:40px; overflow:auto; border:dotted #ebd7d7 1px;}
		.footerContact A{width:50px; height:40px; position:absolute; margin:5px 0px 0px 140px;}

	.footerContact .sending{background:url(../images/graphics/sending.gif) no-repeat; width:100px; height:40px; position:absolute; margin:-60px 0px 0px 130px;}
	.footerContact.sent{background:url(../images/graphics/footerContactSent.jpg) no-repeat;}
	.footerContact.sent A{width:50px; height:40px; position:absolute; margin:105px 0px 0px 260px;}

/*/////2.5. Forms////*/
form{margin:5px 0px;}
form p{margin:5px 0px;}
form p label{display:block;font-size:1.1em; color:#e2c552; text-transform:uppercase; font-weight:bold; padding:3px 5px;}
form p label small{text-transform:lowercase; font-size:0.7em; color:#c7bc8f;}
form p .input_Txt{width:400px; height:16px; border:3px solid #feedb8; padding:3px 5px}
form p textarea{width:400px; height:80px; border:3px solid #feedb8; overflow:auto; padding:3px 5px}
form p .input_Submit{background:url(../images/graphics/buttons/send.gif) no-repeat; width:78px; height:25px; display:inline; margin:10px 0px 0px 0px; 
	line-height:0px; font-size:0em; color:#FFFFFF; border:0px; cursor:pointer; padding:30px 0px 0px 0px; overflow:hidden; float:right;}
form p img{float:right; margin:15px 5px 0px 0px; display:inline;}
	
.formErrors{background:#ffeff9; border:2px solid #f7bee2; margin:20px 30px 20px 10px; color:#ee4c8d} 
.formErrors h5{margin:10px 10px 0px 30px; font-size:1.2em;} 
.formErrors ul{ color:#ee4c8d; margin:0px 0px 10px 40px; padding:0px;} 
.formErrors ul li{color:#d36f97; margin:3px; font-size:1em;}

.formSuccess{background:#e7fcae; border:2px solid #d2ea91; margin:20px 30px 20px 10px; color:#82a329; padding:10px; font-weight:bold; font-size:1.1em;}
	
/*/////2.6. Buttons////*/
.moreBtn A{background:url(../images/graphics/buttons/more.gif) no-repeat; width:67px; height:24px; float:right; margin:0px 10px 0px 0px;}
.moreBtn A:hover{background:url(../images/graphics/buttons/more.gif) no-repeat 0px -24px;}
.findMoreBtn A{background:url(../images/graphics/buttons/findOutMore.gif) no-repeat; width:140px; height:24px; float:right; margin:0px 10px 0px 0px;}
.findMoreBtn A:hover{background:url(../images/graphics/buttons/findOutMore.gif) no-repeat 0px -24px;}

/*-------------3.Blog------------*/
.blog{background:url(../images/graphics/blogHeaderBg.jpg) no-repeat; float:left; width:100%;}
.blogContent{background:url(../images/graphics/orangeFooter.jpg) no-repeat left bottom; float:left; width:100%; padding:0px 0px 100px 0px;}
.blog h2{display:none;}
.blogRSS{float:right; width:100%; height:110px;}
.blogRSS A{float:right; width:80px; height:100px;}

.blogPost{background:url(../images/graphics/orangeBlockBg.jpg) no-repeat;padding:100px 20px 0px 80px; float:left; width:455px;}
.blogPost.topPost{background:none; padding-top:0px;}
	.blogPostHeader{float:left; width:100%;}
	.blogPostHeader h3{text-transform:uppercase; font-size:1.6em; float:left; width:310px; margin:0px; line-height:1.3em;  color:#095b95;}
	.blogPostHeader h3 A{text-decoration:none; color:#095b95;}
	.blogPostHeader h3 A:hover{background:#FFFFFF;}
	.postDate{ background:url(../images/graphics/blogDateSep.jpg) repeat-y right; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; 
	color:#8193a0; padding:0px 5px 0px 0px; display:block; float:left; width:60px; text-transform:uppercase; text-align:center; margin:0px 10px 0px 0px; display:inline;}
	.postDate b{display:block; font-size:1.6em;width:60px;}
	.commentsCount{background:url(../images/graphics/blogCommentCount.jpg) no-repeat; width:59px; height:41px; float:right;
	 text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#9f9c93; line-height:1.3em;}
	
	.blogPostContent{width:100%; float:left;}
	.blogPostContent p{font-size:1.2em; color:#61727e; margin:10px 20px 0px 0px; line-height:1.3em;}
	.blogPostContent A{color:#61727e; font-weight:bold;}
	.blogPostContent A:hover{text-decoration:none;}
	.blogPostContent h3{color:#61727e; margin:20px 20px 5px 0px; font-size:1.4em; border-bottom:2px solid #FFFFFF}
	.blogPostContent pre{margin:10px 20px 10px 0px; border:1px dotted #CCCCCC; padding:10px; color:#333333; background:#FFFFFF; font-family:"Lucida Console";}
	.blogPostContent pre A{color:#333333; font-weight:normal;}
	

.blogCommentsContainer{background:url(../images/graphics/greenBg.gif) repeat-y; float:left; width:100%; margin:0px 0px -100px 0px}
.blogPostComment{ background:url(../images/graphics/greenFooter.jpg) no-repeat left bottom;padding:0px 50px 100px 50px; float:left; width:455px; margin:-150px 0px 0px 0px}
	.blogPostComment p{margin:0px 0px 0px 80px;}
	.blogPostComment label{display:block; font-size:1.1em; color:#b3d4c6; text-transform:uppercase; font-weight:bold; padding:0px 5px;}
	.blogPostComment .formError{color:#FF0000; font-size:0.8em; text-align:right; padding:0px 60px 0px 0px;}
	.blogPostComment label small{text-transform:lowercase; font-size:0.7em; color:#adb3b1;}
	.blogPostComment p.has_captcha{margin: 0px 0px 10px 83px;}
	.blogPostComment p.has_inputTxt{background:url(../images/graphics/commentInput.jpg) no-repeat 0px 16px; height:55px;}
	.blogPostComment p.has_inputTxt input{border:0px; background:none; width:300px; height:12px; margin:2px 0px 0px 10px;}
	.blogPostComment p.has_textarea{background:url(../images/graphics/commentText.jpg) no-repeat 0px 16px; height:150px;}
	.blogPostComment p.has_textarea textarea{border:0px; background:none; width:297px; height:87px; margin:14px 0px 0px 10px; overflow:auto}
	.blogPostComment .buttons{margin:0px 50px 0px 0px;}
	.blogPostComment .buttons input{background:url(../images/graphics/buttons/commentSubmit.gif) no-repeat; width:78px; height:25px; 
	line-height:0px; font-size:0em; color:#FFFFFF; border:0px; cursor:pointer; padding:30px 0px 0px 0px; overflow:hidden; float:right;}

.blogComments{background:url(../images/graphics/greenHeader.jpg) no-repeat left top; padding:150px 0px 90px 0px; float:left; width:100%;}
.blogComment{background:url(../images/graphics/greenBlockBg.jpg) no-repeat left bottom; padding:0px 30px 140px 60px; float:left; width:465px; margin:-60px 0px 0px 0px;}
	.blogComment .number{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em;  line-height:1.4em; background:url(../images/graphics/blogCommentNumber.jpg) no-repeat; 
	color:#bad8cb; float:right; width:46px; height:42px; text-align:center; margin:-5px 0px 10px 0px; display:inline;}
	.blogComment .by_line{float:left; background:url(../images/graphics/sideSep.gif) no-repeat left bottom; color:#8193a0; padding:3px 10px 5px 10px; font-size:1.2em; }
	.blogComment .by_line A{color:#8193a0; font-weight:bold;text-decoration:none; }
	.blogComment .by_line A:hover{background:#FFFFFF;}
	.blogComment .message{float:left; width:100%; clear:both; padding:15px 0px 0px 0px;}
	.blogComment .message p{margin:0px 10px;}
	
/*-------------4.News------------*/
.sideNews{background:url(../images/graphics/topNewsBg.jpg) no-repeat; float:left; width:100%; padding:20px 0px 0px 0px;}
.sideNewsContent{background:url(../images/graphics/sideFooterBg.jpg) no-repeat left bottom; padding-bottom:50px; float:left; width:100%;}
.sideNews h2{margin:0px 0px 10px 0px; height:30px;}
.sideNews h2 A{height:30px; width:100px;}
	
	.sideNewsItem{background:url(../images/graphics/sideCompBG.jpg) no-repeat; padding:50px 20px 0px 30px; float:left; width:227px;}
	.sideNewsItem.topNews{background:none; padding-top:0px;}
	.sideNewsItem h3{text-transform:uppercase; font-size:1.2em; float:left; width:180px; margin:0px; line-height:1em;}
	.sideNewsItem h3 A{text-decoration:none; color:#506e83;}
	.sideNewsItem h3 A:hover{background:#FFFFFF;}
	.sideNewsItem span{ float:right; width:40px; border-left:2px solid #bfe4ea; font-size:0.8em; font-family:Georgia, "Times New Roman", Times, serif;
	color:#8193a0; padding:0px 5px 0px 0px; text-transform:uppercase; text-align:center; display:inline;}
	.sideNewsItem span b{display:block; font-size:1.6em;width:40px;}
	.sideNewsItem p{color:#61727e; margin:15px 0px 0px 0px; clear:both; text-align:left; float:left; width:100%;}
	.sideNewsItem p A{background:#FFFFFF; color:#61727e; text-decoration:none; }
	.sideNewsItem p A:hover{background:none;}
	
	.newsDate{margin:10px 0px 0px 10px; font-size:0.9em; color:#999999;}
	
	
/*-------------5.Content------------*/
.swat{background:url(../images/graphics/swat.jpg) no-repeat left top; width:450px; float:left;}
.swat p{margin:115px 180px 20px 10px; text-align:left;}

.never_block{background:url(../images/graphics/never_block.jpg) no-repeat left top; width:450px; float:left;}
.never_block p{margin:115px 30px 20px 10px; text-align:left;}

.iphone{background:url(../images/graphics/iphone-image.gif) no-repeat top left; width:295px; height:55px; }
.neverblock{background:url(../images/graphics/neverblock-image.gif) no-repeat top left; width:378px; height:55px; }

.clientsList{background:url(../images/graphics/clients.jpg) no-repeat; width:445px; height:345px;}
.clientsList ul{padding:0px; margin:20px 0px 0px 20px; list-style:none;}
.clientsList ul li{float:left; width:120px; height:60px; display:inline; margin:5px}
.clientsList ul li A{display:block; text-indent:-1000px; width:120px; height:60px;}
.eventsIframe{margin:20px 0px 0px -15px;}
.thumbnailImg{float:left; width:140px; clear:both; margin:5px 0px;}
.thumbnailData{float:left; width:260px; padding:10px 0px 5px 10px;}


.Podcast-itunes-block{float:left;margin:60px 0 0 0}
.Podcast-itunes-block a{clear:both;float:left;display:block;}
.Podcast-title{background:url(../images/graphics/rss-itunes.gif) no-repeat 0 0;width:166px;float:left;height:50px;}
.podcast-rss{background:url(../images/graphics/rss-itunes.gif) no-repeat 0 -49px;width:145px;float:left;height:40px;}
.podcast-Itunes{background:url(../images/graphics/rss-itunes.gif) no-repeat 0 -90px;width:145px;float:left;height:55px;}
.hiring{background:url(../images/graphics/hiring.png);float:left;height:134px;width:80px;margin:-36px 0 0 179px;display:block;}

