﻿/*######
started: 19-03-2012
######*/

#container_wrapper
{
/*margin-top:10px;*/
}



/*body*/
body
{
font-family:tahoma,serif;
font-size:16px;
line-height:24px;
background:url("../images/bg.png");
}



/*@@@@ CONSTANT VALUES @@@@*/
.h1-20
{
font-size:20px;
}

.h1-30
{
font-size:30px;
}

.h1-40
{
font-size:40px;
}

.fontsize-12
{
font-size:12px;
}

.fontsize-14
{
font-size:14px;
}

.fontsize-16
{
font-size:16px;
}

.fontsize-18
{
font-size:18px;
}

.font-bold
{
font-weight:bold;
}

.color-000
{
color:#000!important;
}

.color-title-red1
{
color:#bb1139;
}

.background-fff
{
background:0;
}


.background-color1
{
background:#FFCCCC;
}


.background-color2
{
background:#99FF99;
}

.background-color3
{
background:#CC99FF;
}

.bottom-margin-10
{
margin-bottom:10px;
}


.center-margin
{
margin:0 auto;
}

.full-width
{
width:100%;
}

.line-height-24
{
line-height:24px;
}

.line-height-28
{
line-height:28px;
}


.no-decoration
{
text-decoration:none;
}

.margin-10
{
margin:10px;
}

.padding-5
{
padding:5px;
}

.padding-tb-5
{
padding:5px 0;
}

.center-text
{
text-align:center;
}

.top-margin-decoration
{
border-top:1px solid #CCC;
}

.top-margin-10
{
margin-top:10px;
}

.left-margin-10
{
margin-left:10px;
}

.left-margin-20
{
margin-left:20px;
}

.right-margin-10
{
margin-right:10px;
}

.right-margin-20
{
margin-right:20px;
}

.top-padding-10
{
padding-top:10px;
}

.top-padding-20
{
padding-top:20px;
}

.top-margin-20
{
margin-top:20px;
}

.top-margin-30
{
margin-top:30px;
}


.bottom-margin-20
{
margin-bottom:20px;
}

.right-margin-20
{
margin-right:20px;
}

.right-margin-30
{
margin-right:30px;
}

.right-margin-50
{
margin-right:50px;
}

.float-right
{
float:right;
}

.float-left
{
float:left;
}

.clear-float
{
clear:both;
}

.add-border
{
border:1px solid red;
}

.zindex-8000
{
z-index:800;
}

.font-tarabic
{
font-family:serif,'traditional-arabic';
}


/*	content	*/
#contact-details-top > div
{
color:#000;
text-shadow:1px 1px 0 #acc274;
font-size:14px;
display:none;
}

#contact-details-top strong
{
font-weight:bold;
}


.content_box_1
{
height:330px;
background:#f9f9f9;
}

.content_box_1 .widget_time
{
background:#cc3300;
padding:10px 0;
/*color:#c57830;*/
color:#000;
text-shadow:1px 1px 0 #e86f47;
}

.content_box_1 h1
{
background:#92ae4a;
}

.content_box_1 h1 img
{
margin:4px;
}

div.intro
{
padding:2px 6px;
line-height:26px;
}

.content_box_1 .news_list li img
{
float:right;
margin:8px 8px 0;
}

.content_box_1 .news_list li p
{
margin-right:5px;
display:inline;
}


.content_box_1 .news_list li p a
{
color:#000;
text-decoration:none;
font-size:14px;
line-height:22px;
padding:0;
}

.content_box_1 .news_list li p a:hover
{
color:#35478c;
}


.content_box_1 p.intro
{
font-size:18px;
line-height:26px;
margin:8px 8px 0;
}

.copyright
{	
	text-transform:uppercase;
	background:#006FBA;
	font-size:12px;
	color:#FFF;
	direction:ltr;
}

.copyright a
{
color:#FFF;
text-decoration:none;
font-size:12px;
direction:ltr;
}

.copyright a:hover
{
text-decoration:underline;
color:#EEE;
}


#wp-calendar
{
margin:0 auto;
background:#FFF;
}

#wp-calendar caption
{
color:#000;
padding:4px;
background:#CCC;
display:none;
}

#wp-calendar thead tr th
{
padding:2px 6px;
background:#2c3242;
color:#FFF;
border-right:1px dotted #EEE;
}

#wp-calendar tbody tr td
{
border:1px dotted #eee;
padding:6px 8px;
}

#wp-calendar tbody tr td#today
{
background:#EEE;
}

#wp-calendar tfoot
{
display:none;
}

#wp-calendar td
{
border:1px solid white;
}


div.intro_title h1
{
color:#ad1f26;
}

/*@@@@ BUTTONS/LINKS @@@@*/
.btn-more
{
display:block;
margin:6px 0 0 10px;
}


/*@@@@ DESIGN-PATTERNS @@@@*/
.top-design-pattern
{
background:#123313;
height:5px;
}

.bottom-design-pattern
{
background:#123313;
height:5px;
}

.top-bg-strip
{
position:absolute;
height:145px;
background:#BCC1E2;
width:100%;
z-index:-999;
border-bottom:2px solid #444;
}

.search_top
{
color:#FFF;
}

.search_top .screen-reader-text
{
display:none;
}

.search_top input[type="text"]
{
border:1px solid #444;
height:24px;
width:200px;
background:#FFF;
text-shadow:1px 1px 0 #FFF;
}

.search_top input[type="text"]:focus { 
    outline:none;
    border-color:#006FBA;
    box-shadow:0 0 10px #006FBA;
}

.search_top input[type="submit"]
{
height:28px;
width:80px;
border:1px solid #444;
background:#006FBA;
text-shadow:1px 1px 0 #77C9FF;
text-transform:uppercase;
}


.copyright_bulge
{
width:960px;
height:10px;
}

/*@@@@ -FOOTER- @@@@*/
.footerwrap
{
position:relative;
top:2px;
}


ul.social li
{
display:inline-block;
}

ul.social li a
{
display:inline-block;
}

ul.social img
{
width:32px;
height:32px;
}



/*@@@@ SLIDERS / CAROUSEL @@@@*/
.slidewrap
{
	position:relative;
	margin:0 0;
	background:#F0F0F0;
	padding:5px 0;
	border:1px solid #DDD;
}

.slidewrap .slider
{
	height:400px;
	overflow:hidden;
}

#meteor-slideshow
{
width:960px;
height:400px;
}

.slide-decoration-wrapper
{
height:138px;
position:relative;
top:14px;
}

/******** Carousel (Sharq_Carousel)*******/
#projects
{
position:relative;
background:0;
}

#projects #carousel_wrap
{
height:190px!important;
width:950px!important;
direction:ltr;
}

#projects #carousel_wrap a img
{
height:190px!important;
width:270px!important;
}


#projects ul.sharq_carousel
{
height:100%;
width:100%;
}



#projects ul li
{
/*
border:5px solid #FFF;
-moz-box-shadow:0 1px 1px #CCC;
-webkit-box-shadow:0 1px 1px #CCC;
box-shadow:0 1px 1px #CCC;
background:#F1F1F1; */
margin-left:10px;
height:118px;
width:160px;
border:2px solid #000;
}


#projects ul li img, #projects ul li a
{
height:100%;
display:block;
}

#projects ul li img
{
border:1px solid #CCC;
height:100%;
}

#projects > a
{
display:inline-block;
position:absolute;
bottom:20px;
z-index:888;
}




/*@@@@ WRAPPERS @@@@*/
#header
{
position:relative;
border-radius:4px;
/*height:85px;*/
}


/*@@@@ NAVIGATION @@@@*/
#syr .top_navigation ul
{
margin-top:40px;
}

#syr .top_navigation  li > a
{
font-size:14px;
font-family:'Times New Roman', serif;
font-weight:bold;
color:#000;
height:30px;
/*background:url('../images/navigation-icons.png');*/
background-repeat:repeat-x;
background:#FFF;
-webkit-border-radius:0px;
}

#syr .top_navigation  li > a:hover,#syr .top_navigation li.current_page_item a:hover
{
background:#0066CC;
color:#FFF;
}

#syr .top_navigation .menu ul li > a
{
padding:0 20px!important;
}



/*
PUT HERE
*/


#syr .top_navigation li
{
display:inline-block;
padding:0!important;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-bottom:2px solid #000;
height:100%;
text-align:center;
margin-right: 35px;
}




#syr .top_navigation li a
{
padding:2px 0;
display:block;
text-decoration:none;
text-align:center;
font-size:20px;
}


#syr .top_navigation li.current_page_item a
{
color:#0066CC;
}


#syr .top_navigation li:hover
{

/*border-bottom:2px solid #006FBA;*/
}

#syr .top_navigation li.current_page_item
{
}



/*//SUB-MENU /*/
#syr .top_navigation .menu li > a
{
padding:6px 0 0;
}

#syr .top_navigation li ul.children
{
 list-style:none;
 list-style-position:inside;
 position:absolute;    
 padding:0;
 z-index:999;
 margin:1px 0 0;
 background:rgb(251, 241, 241);
 width:170px;
 border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}

#syr .top_navigation li ul.children  li > a
{
background:none;
padding:3px 0 1px!important;
display:block;
margin:0 auto;
width:170px;
font-size:14px;
}



#syr .top_navigation li ul.children  li > a:hover
{
color:#292828;
}


#syr .top_navigation li ul.children > li
{
	display:none;
	margin:0 auto;
	padding:4px 6px;
	border-bottom:1px solid #fff;
	}

#syr .top_navigation li ul.children > li:hover
{
}

#syr .top_navigation li:hover ul li
{
     display:block;
	 background:none!important;
	 border-radius:0;
}





.visitor-counter p
{
display:inline;
margin-left:30px;
font-size:12px;
color:#444;
text-shadow:1px 1px 0 #FFF;
}

.visitor-counter
{
}




/* -@@ CONTACT FORM @@-*/
/*CONTACTUS CONTACT-FORM 7*/
#yosr_contactform
{
margin:20px auto;
overflow:auto;
font: 18px/100% "traditional-arabic", Arial, Helvetica, sans-serif;
width:610px;
}
#yosr_contactform .wpcf7-form  p
{
margin-bottom:25px;
font-family:Arial,'times new roman', sans-serif;
}


#yosr_contactform .address p
{
font-size:12px;
font-family:Arial,'times new roman', sans-serif;
}

#yosr_contactform input
{
margin:10px 0 0 32px;
width:262px;
height:24px;
}

#yosr_contactform p input[name="your-subject"]
{
width:564px!important;
}

#yosr_contactform textarea
{
width:560px;
margin-top:10px;
}

#yosr_contactform form > p
{
 float:right;
}

#yosr_contactform  .wpcf7-submit
{
	display:block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% "traditional arabic", Arial, Helvetica, sans-serif;
	padding: .20em 2em;
	height:30px;
	text-shadow: 0 0.21px 0 #444;
	background:#000;
	color:#FFF;
	border:1px solid #EEE;
	width:150px;
}

#yosr_contactdetails
{
overflow:hidden;
margin:40px auto 0;
width:650px;
text-align:center;
}


#yosr_contactdetails .addr_block
{
margin-left:40px;
}

#yosr_contactdetails .addr_block p
{
margin:0 auto;
font-size:30px!important;
font-weight:bolder;
}


#yosr_contactdetails > div.address
{
margin:10px 10px 30px;
font-family:Arial,'times new roman', sans-serif;
}

#yosr_contactdetails > div
{
margin:10px 4px;
display:inline-block;
}

#yosr_contactdetails .address p
{
margin:5px;
line-height:24px;
font-size:16px;
}

#yosr_contactdetails .syr_gmap
{
margin-top:50px;
}

#yosr_contactdetails .cntct_title
{
font-family:Arial,'times new roman', sans-serif;
font-weight:bold;
font-size:18px;
color:#B82025;
margin-bottom:5px;
display:inline-block;
}

#yosr_contactdetails .cntct_title .title_image
{
margin-right:10px;
}

.clear_float
{
clear:both;
}

.goog-te-gadget > div
{

position:absolute;
}

.gTranslate .goog-te-combo
{
width:170px;
height:25px;
}

/*CHANGE TO 960 LAYOUT*/
.960-compact
{
border:1px solid red;
width:960px; 
overflow:hidden; 
margin:0 auto; 
background:#F0F0F0;
}