body {

	margin:0px;

}
.tutorial, .showcases, .inspiration, .brushes, .photoshop, .templates, .resources, .software, .about, .contact, .faq, .terms, .advertise, .rss, .twitter, .cld, .pby, .comm {
	background:url(images/sprite.jpg) no-repeat;
	height:24px;
	min-height:24px;
	display:block;
	padding: 0 35px 5px 0;
}
.tutorial, .showcases, .inspiration, .brushes, .photoshop, .templates, .resources, .software, .about, .contact, .faq, .terms, .advertise {
	line-height:24px;
}


#menu {
	width:592px !important;
	width:620px;
	height:194px;
	margin:30px auto;
}
#menu a {
	display:block;
	width:128px;
	text-align: center;
	font-size:18px;
	color:#A1A1A1;
	text-decoration:none;
	padding:140px 0 0 0;
	float:left;
	margin:0 10px;
}
#menu a:hover {
	color:#000;
}
.menu_freeb {
	background: url(images/icons/download_128.png) no-repeat;
	background-position:0px 4px;
}
.menu_grap {
	background: url(images/icons/palette_128.png) no-repeat;
}
.menu_frm {
	background: url(images/icons/comments_128.png) no-repeat;
	background-position:0px 11px;
}
.menu_fnt {
	background: url(images/icons/text_page_128.png) no-repeat;
	background-position:0px 4px;
}
#cnt {
	width:1000px;
	margin:0 auto;
	position:relative;
	background: url(images/content.jpg) repeat-y 0 165px;
}
#lcnt {
	width:180px;
	float:left;
	position:relative;
	z-index:7;
	margin: 44px 0 0 0;	
}
#ccnt {
	width:640px;

	height:auto;
	float:left;
	background: url(images/ccnt.jpg) no-repeat;
	position:relative;
}
#dummy {
	width:640px;
	height:228px;
	float:right;
	background: url(images/dummy.jpg) no-repeat;
	position:absolute;
	bottom:0px;
}
#rcnt {
	width:180px;
	float:left;
	position:relative;
	z-index:7;
	margin: 44px 0 0 0;	
}
/*  -- Left Side Links  -- */
.pop_post {

	background:url(images/sprite.jpg) no-repeat;
	display:block;
	min-height:24px;
}
.lslink a {

	color:#A1A1A1;
	text-decoration:none;
	font-size:12px;
	text-align:right;
	padding: 0 35px 10px 0;
}
.lslink a:hover {
	color:#000;
}
.tutorial {
	background-position: 163px 0px;
}
.tutorial:hover {
	background-position: 163px -60px;
}
.showcases {
	background-position: 160px -120px;
}
.showcases:hover {
	background-position: 160px -180px;
}
.inspiration {
	background-position: 160px -240px;
}
.inspiration:hover {
	background-position: 160px -300px;
}
.brushes {
	background-position: 160px -360px;
}
.brushes:hover {
	background-position: 160px -420px;
}
.photoshop {
	background-position: 160px -480px;
}
.photoshop:hover {
	background-position: 160px -540px;
}
.templates {
	background-position: 160px -600px;
}
.templates:hover {
	background-position: 160px -660px;
}
.resources {
	background-position: 160px -720px;
}
.resources:hover {
	background-position: 160px -780px;
}
.software {
	background-position: 160px -840px;
}
.software:hover {
	background-position: 160px -900px;
}
.facebook{
	background-position: -30px -840px;
	height:70px;
	border-bottom: 2px dotted #EEE;
	margin:0 0 10px 0;
}
.facebook:hover {
	background-position:position: -31px -902px;
}
.sidetit_l, .sidetit_r {
	text-align:center;
	width:145px;
	color:#638ebd;
	margin:40px 0 20px;
	height:22px;
	background-color:#F3F4F4;
	font-size:14px;
}

.sidetit_l {
	text-align:center;
	padding:5px 35px 0 0;
}
.sidetit_r {
	text-align:center;
	padding:5px 0 0 35px;
}

.pop_post {
	background-position: 163px 0;
	color:#A1A1A1;
	text-decoration:none;
	text-align: right;
	padding: 0 35px 10px 0;
	border-bottom: 2px dotted #EEE;
	margin:0 0 10px 0;
}
.pop_post:hover {
	background-position: 163px -60px;
	color:#000;
}
.pop_post div {
	text-align:right;
	width:144px;
}
.pop_post span {
	text-align:right;
	margin: 0 35px 0 0;
	display:block;
}
.adv {
	width:180px;
	height:60px;
	background-color:#EEE;
	text-align:center;
	padding: 40px 0 0 0;
}
.adv a {
    color:#A1A1A1;
	font-weight:bold;
	text-decoration:none;
}
.adv a:hover {
	color:#000;
}

/*
.side_title img {
	border:0px none;
	margin:0px 0 10px 0;
}
*/

.img_link img {
	border:0px none;
	margin:0px 0 10px 0;
}

.friends {
	background:url(images/sprite.jpg) no-repeat 159px -720px;
	display:block;
	height:24px;
	color:#A1A1A1;
	text-decoration:none;
	text-align:right;
	padding: 0 35px 5px 0;
	line-height:20px;
}
.friends:hover {
	background-position: 159px -780px;
	color:#000;
}
.friends span {
	float:right;
	margin: 0 35px 0 0;
}
/* -- Right Side Links -- */
.rslink a {

	color:#A1A1A1;
	text-decoration:none;
	font-size:12px;
	display:block;
	height:24px;
	text-align:right;
	padding: 0 0 10px 35px;
}
.rslink a:hover {
	color:#000;
}
.rslink span {
	margin: 0 0 0 35px;
}
.about {
	background-position: -30px 0;
	margin:18px 30px 0 0;	
}
.about:hover {
	background-position: -30px -60px;
}
.contact {
	margin:0 30px 0 0;	
	background-position: -30px -120px;
}
.contact:hover {
	background-position: -30px -180px;
}
.faq {
	margin:0 30px 0 0;
	background-position: -30px -240px;
}
.faq:hover {
	background-position: -30px -300px;
}
.terms {
	margin:0 30px 0 0;
	background-position: -30px -360px;
}
.terms:hover {
	background-position: -30px -420px;
}
.advertise {
	margin:0 30px 0 0;
	background-position: -30px -480px;
}
.advertise:hover {
	background-position: -30px -540px;
}
.rss {
	margin:0 30px 0 0;
	background-position: 0 -1474px;
	height: 48px;
	margin: 40px 0 0 0;
	padding: 9px 0 0 56px;
}
.p_twit {

	text-align: right;
	font-size:10.5px;
	color:#000;
	margin:0px 0 0 35px;
}
.p_twit span {
	color:#ACACAC;
}
.p_twit a {
	color:#ACACAC;
	text-decoration:none;
}
.p_twit a:hover {
	text-decoration: underline;
	color:#000;
}
.twitter {
	background-position: -30px -600px;
	height:70px;
	border-bottom: 2px dotted #EEE;
	margin:0 0 10px 0;
}
.twitter:hover {
	background-position: -30px -720px;
}
/* - Center Conteiner Style - */
.post {
	text-align: right;
	width:526px;
	position:relative;
	z-index:117;
	margin: 44px auto 0px;
	border-bottom: 2px dotted #EEE;
}
.tit {
	line-height: 150%;
	font-family: Verdana, Helvetica;
	font-size:21px;
	margin:0 0 10px 0;
	width:426px;
	font-weight:normal;
	text-decoration:none;
	color:#063a61;
}
.tit:hover {
	color: #0f6fab;
}

.cld {
	background-position: 0px -957px;
}
.cld:hover {
	background-position: 0px -1017px;
}
.pby {
	background-position: 0px -1197px;
}
.pby:hover {
	background-position: 0px -1257px;
}
.comm {
	background-position: 0px -1076px;
}
.comm:hover {
	background-position: 0px -1136px;
}
.ptxt {
	text-align: right;
	color:#A1A1A1;
}
.more-link {
	text-align: center;
	width:86px;
	height:18px;
	display:block;
	text-decoration:none;
	background-color:#cddceb;
	color:#FFF;
	padding:3px 0 0 8px;
	margin:18px 0 36px 0;
}
.more-link:hover {
	color:#000;
}
#pagination {
	position:relative;
	z-index:7;
	text-align:center;
	font-size:11px;
	margin:30px 0 0 0;
	height:100px;
	line-height:40px;
}
.prev {
	border:1px solid #638ebd;
	color:#638ebd;
	padding:2px 3px;
}
.page_num_activ {
	border:1px solid #638ebd;
	color:#638ebd;
	padding:2px 5px;
}
.page_num {
	background-color:#DEDEDC;
	color:#000;
	padding:2px 5px;
	border:1px solid #DEDEDC;
	text-decoration:none;
}
.page_num:hover {
	background-color: #638ebd;
	border-color: #638ebd;
}
.next {
	background-color: #638ebd;
	border:1px solid #638ebd;
	color:#FFF;
	padding:2px 3px;
	text-decoration:none;
}
.next:hover {
	color:#000;
}
a#sea_edu_logo {
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #a3966a;
    display: block;
    width: 152px;
    height: 178px;
    background-image: url(images/sea.edu.eg.png);
    background-position: 0 0;
    margin: 0 auto;
}
a#sea_edu_logo:hover {
    background-position: 0 -170px;
}
a .sea_edu_logo_alt { 
	display: none; 
}
/** li **/	
.li_all li { 
	padding-bottom: 0px;
	font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	direction: rtl;
	text-align : right;
	list-style-image: url(images/icon_members.gif); 
	list-style-position: inside ;
	padding-right: 5px;

}
ol.upper-roman {
	padding-bottom: 0px;
	font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
    list-style-type:upper-roman ;
	direction: rtl;
	text-align : right;
	list-style-position: inside ;
	padding-right: 8px;
}
/** txt sub_header **/	
p.sub_head{
	font-weight: bold;
	padding-bottom: 0px;
	direction: rtl;
	text-align : right;
	font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11.5pt;
}
/** txt normal **/	
.nor_text{
	padding-bottom: 0px;
	direction: rtl;
	text-align : right;
	font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10.5pt;
	line-height: 160%;
}

/** txt normal_bold **/	
p.nor_text_bold{
	font-weight: bold;
	padding-bottom: 0px;
	direction: rtl;
	text-align : right;
	font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12.5pt;
	line-height: 160%;
}
/** image left **/	
p.image_body_left {
	float: left;
	padding-right: 5px;
}
p.image_body_left:hover{
	border-bottom:1px solid #cccccc;
}
/** image right **/	
p.image_body_right {
	float: right;
	padding-left: 5px;
}
p.image_body_right:hover{
	border-bottom:1px solid #cccccc;
}
/** empty1_ar_head_bold **/
table.empty1_ar_head_bold {
	padding-bottom: 0px;
	font-weight: bold;
	table-layout:auto;
	direction: rtl;
	border:1px solid #cccccc;
	background-color: #eeeeee;
	text-align: center;
}
/** table empty ar **/	
table.empty1_ar {
	padding-bottom: 0px;
	table-layout:auto;
	direction: rtl;
	text-align : center;
	border-bottom:1px solid #cccccc;
}
.pleft{
position:relative;
float:left;
left:20px;
top:-10px;
}
.pright{
position:relative;
float:right;
right:20px;
top:-10px;
}
.feedback_badge{
	position:fixed;
	bottom:-2px;
	right:-1px;

}
.item {
/* border-bottom:1px solid #c6dff9;*/
margin:0 0 2.5em 0;
padding:0 0 2em 0;
}
.item.last {
border:0;
}
.item-old {
border:1px solid #c6dff9;
background:#eaf3fd;
padding:.75em;
margin:0 0 1em 0;
clear:both;
}
.item .description h3 {
margin:0;
}
.item .thumbnail {
width:170px;
float:left;
}
.item .thumbnail img {
border:1px solid #efefef;
}
.item .description {
margin:0 20px 0 180px;
}
a.action {
font-size:14px;
font-weight:bold;
}
.blue {
background-color:#CADEF4;
border:1px solid #93B4D9;
line-height:1.2;
margin-bottom:2em;
overflow:visible;
padding:18px 21px 18px 22px;
text-align:center;
}
.item-info {
margin:1em 0 0 0;
}
.item-info .g-unit.g-first {
width:62%;
}
div.g-button {
width:auto;
}
.large-image {
margin:3em 0;
}
ul.nav {
list-style-type:none;
padding:0;
margin:0;
}
ul.nav li {
line-height:1.15em;
margin:0 0 .5em 0;
}
ul.nav.small {
width:120px;
margin-top:3em;
font-size:.9em;
}
ul.nav li.selected a {
font-weight:bold;
color:black;
text-decoration:none;
}
.notwide-67 .g-unit.g-first {
width:63%;
}
.notwide-50 .g-unit.g-first {
width:45%;
}
h1 {
font-size:18px;
color:#333333;
}
.footer {
text-align:center;
padding:.5em 0 0 0;
margin:1em 0 0 0;
}
.oneGoogle {
text-align:right;
}
.hr {
border-top:1px solid #ccc;
margin:20px 0 19px 0;
}
.boxHighlight {
border:1px solid #fad163;
background:#fff7d7;
padding:1.5em;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display:inline-block;
}
/* homepage blue boxes */
ul.app-box {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
display:block;
padding:0;
margin:20px auto 0;
}
ul.app-box li {
background:#F9F9F9;
display:inline;
margin:.5em 0 3.5em 0;
width:100%;
padding:0;

}
ul.app-box li.row {
margin-right:0;
}
ul.app-box  p {
font-family:"Tahoma", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}
ul.app-box span {
display:block;
font-weight:bold;
font-family: Arial;
font-size: 18px;
margin-bottom:0.3em;
text-decoration:underline;
color:#727272;
}
ul.app-box mora {
display:block;
float:left;
font-weight:bold;
margin-top: 15px;
font-family: "Tahoma";
font-size: 12px;
color:#727272;
}
ul.app-box li a, ul.app-box li a:visited {
display:block;

margin:0;
padding:1em;
background:#FBFBFB;
border:1px solid #BFBFBF;
text-decoration:none;
color:#000000;
height:auto;
}
ul.app-box li a:hover {
border:1px solid #404040;
background:#EAEAEA;
}
ul.app-box li a:visited {
color:#000000;
}
ul.app-box li img {
float:right;
position:relative;
z-index: 1;
top:-25px;
padding:0;
margin:0 0 -40px 20px;
}
.other {
background: #eee;
padding:20px;
border:1px solid #DFDFDF;
margin-bottom:30px;
}
.other.yellow.main {
padding:10px;
}
.red {
border:1px solid #e3a2a2;
background:#ffe1e1;
padding:15px;
margin:0 0 20px 0;
}
.red p {
}
.yellow {
border:1px solid #fad163;
background:#fff7d7;
}
.bluebox {
border:1px solid #c8e3f7;
background:#EEF4FB;
}
.other .icon {
float:left;
position:relative;
top:-5px;
margin:0 5px 0 0;
z-index:1;
padding:0px;
}
.icon.big {
padding:0px;
float:left;
position:relative;
top:0px;
}
.other .icon.small {
top:0;
width:24px;
height:24px;
}
.other.small {
padding:15px;
font-size:13px;
width:110px;
}
.other.small .icon {
position:relative;
top:0;
left:0;
margin:0 5px 5px 0;
}
.preview {
padding:20px;
}
.warning {
background-color:#efefef;
padding:.75em;
margin:0 0 3em 0;
border:1px solid #d8d7d7;
}
.warning p {
padding-bottom:0;
}
.warning img {
float:left;
margin:0 10px 0 0;
}
pre {
background:#efefef;
margin:0 0 1em 0;
font-size:13px;
padding:1em;
white-space:normal;
}
.go {
font-weight:bold;
color:blue;
}
textarea.codeSnippet {
margin:0 0 15px 0;
width:99%;
height:75px;
font:12px 'Courier New';
}
.featureBullets {
padding-left:25px;
}
.featureBullets li {
padding-left:5px;
line-height:1.25em;
}
.hiddenDefault {
color:red;
display:none;
}
div.help {
margin:15px 0 0 0;
}
div.help p {
padding:0 0 5px 0;
}
div.help h4 {
padding-bottom:.5em;
}
.redbold {
color:red;
font-weight:bold;
}
#cnt-a {
	width:1000px;
	margin:0 auto;
	position:relative;
	background-image: url(images/content-a.jpg);
	background-repeat: repeat;
	background-position: 0 165px;
}

#ccnt-a {
	width:77%;

	height:auto;
	float:left;
	position:relative;
	z-index: 0;
	margin-left: 10px;
}

#rcnt-a {
	width:20%;
	float:right;
	position:relative;
	z-index:7;
	margin: 20px 0 0 0;	
}