@font-face {
	font-family: 'Hacen Saudi Arabia';
	src:url('Hacen Saudi Arabia.ttf') format('truetype');
}
/*
Resets defualt browser settings
reset.css
*/
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 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; direction:rtl;}
:focus { outline:0;
}
a:active { outline:none;
}
body { line-height:1; color:black; background:white; direction:rtl;
}
ul { list-style:none; direction:rtl;}
table { border-collapse:separate; border-spacing:0; direction:rtl;
}
caption,th,td { text-align:right; font-weight:normal; vertical-align:middle; direction:rtl;
}
blockquote:before,blockquote:after,q:before,q:after { content:""; direction:rtl;
}
blockquote,q { quotes:"" ""; direction:rtl;
}
/*End Resets*/

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #806c6c;
  	background: #dcd5bc;
    min-width: 890px;
}
audio,.audio_player
{
	display: none;
	position: absolute;
	top: -1000px;
}

.social_buttons
{
        position: fixed;
        z-index: 10;
        right:10px;
        top:175px;
        height:175px;
        width:50px;
        background-color:#aaaaaa;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
}
.social_button
{
        display: block;
        width:32px;
        height: 32px;
        margin: auto;
        margin-top: 10px;
}
.social_button.facebook
{
        background-image: url('images/facebook.png')
}
.social_button.twitter
{
        background-image: url('images/twitter.png')
}
.social_button.youtube
{
        background-image: url('images/youtube.png')
}
.social_button.skype
{
        background-image: url('images/skype.png')
}
a { color: #e10b0b; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
h2 { font-family:"Hacen Saudi Arabia"; font-size: 22px; font-weight: normal; color: #3c2323; }
h3 { font-size: 14px; }

.shell { width: 890px; margin: 0 auto; }
header { background: url(images/header.png) no-repeat center 0; height: 82px; }
header .shell { position: relative; z-index: 40;}
#logo { width: 400px; position: absolute; top: 12px; right: 0; font-size: 0; line-height: 0; }
#logo a { height: 59px; display: block; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

/* contact */
.contact { float: left; padding-top: 30px; }
.contact div { float: right; padding-right: 24px; position: relative; font-size: 17px; color: #7c7c7c; text-shadow: rgba(0,0,0,0.3) 1px 1px 1px; }
.contact div a { color: #7c7c7c; }
.contact div.phone-ico { padding-left: 27px; }
.contact div.ico span { background: url(images/ico.png) no-repeat 0 0; width: 16px; height: 15px; display: block; position: absolute; top: 2px; right: 0; }
.contact div.phone-ico span { background-position: 0 bottom; } 
/* end of contact */

/* navigation */
#navigation { background: url(images/navigation.png) repeat-x 0 0; height: 50px; line-height: 50px;font-family:"Hacen Saudi Arabia"; font-size: 14px; position: relative; z-index: 20;}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { position: relative;float: right; padding-left: 100px; }
#navigation ul li.last { padding-left: 0; }
#navigation ul li a { color: #f7fbfc; position: relative; float: right; }
#navigation ul li a:hover { color: #1b1815; text-decoration: none; text-shadow: rgba(255,255,255,0.4) 1px 1px 1px; }
#navigation ul li a span { background: url(images/bottom-arrow.png) no-repeat 0 0; position: absolute; bottom: -14px; right: 50%; margin-right: -9px;  width: 18px; height: 19px; z-index: 10; display: none; }
#navigation ul li a:hover span,
#navigation ul li.active a span { display: block; }
#navigation ul li ul li
{
	height:auto;
}
#navigation ul li ul
{
	position: absolute;
	right:0px;
	top:45px;
	border:1px solid #ffffff;
	border-top:none;
	border-radius:0px 0px 10px 10px;
	text-align:center;
	background-color:#ff0000;
	z-index: 100;
}
#navigation ul li ul li a
{
	white-space: nowrap;
	margin-right: 10px;
	color:#ffffff;	
}
#navigation ul li ul
{
	display:none;
}
#navigation ul li:hover ul
{
	display:block;
}
/* end of navigation */
li ul li
{
	margin-right: 20px;
}
.slider-holder { background: #000 url(images/slider-holder.png) no-repeat center 0; height: 407px; position: relative; z-index: 5; margin-top: -4px; }
.slider-holder .shell { padding-top: 20px; position: relative; height: 390px; }
.slider-holder .shell span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 952px; height: 45px; position: absolute; bottom: 0; left: -30px; }
.photo_slider
{
    position: relative;
    margin: auto;
    margin-bottom: 12px;
    width: 889px;
    height: 346px;
    overflow: hidden;
}
.photo_slider .anythingSlider
{
	padding: 0px;
	margin: 0px;
	border:none;
}
.photo_slider .anythingSlider-default .anythingWindow
{
	padding: 0px;
	margin: 0px;
	border:none;
}
.photo_slider .photo_slider_window
{
    width: 889px;
    height: 346px;
}
.photo_slider .next,.photo_slider .prev
{
    position: absolute;
    width:41px;
    height: 36px;
    top: 155px;
}
.photo_slider .next
{
    right: 12px;
    background-image: url('images/photo_slider_next.png');
}
.photo_slider .prev
{
    left: 12px;
    background-image: url('images/photo_slider_prev.png');
}
.photo_slider .next a,.photo_slider .prev a
{
    display: block;
    width:41px;
    height: 34px;
}
.photoslider_image
{
        width:100%;
        height:100%;
}

.photoslider_title
{
        position:absolute;
        bottom:0px;
        width:940px;
        padding-right:40px;
        padding-top:20px;
        height:50px;
        font-weight: bold;
        font-size: 20pt;
        color: #ffffff;
        background:url('images/photoslider_title.png');
}


.pagecontent
{
	background: #ffffff;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 450px;
	overflow: hidden;
}
.pagecontent .pagetitle
{
	font-weight: bold;
	font-size: 36px;
}
.pagecontent_text
{
	width: 890px;
	overflow: hidden;
}
.pagecontent .content_img
{
	width: 300px;
	height: 300px;
	float: left;
}
.content.opening
{
	width: 100%;
}
.opening_img
{
	width: 220px;
	height: 220px;
	margin-right: 20px;
	float: left;
}
/* services */
.services { background-color: #fff; padding-top: 26px; padding-bottom: 28px;  }
.services h2 { float: right; font-size: 22px; font-weight: normal; padding-bottom: 15px; padding-right: 3px; color: #3c2323; }
.services a.all-services { float: left; clear: both; font-size: 20px;margin-bottom: 12px;margin-top: 12px; margin-right: 12px; }
.services .boxes { margin: 0 -11px 0 -3px; position: relative; width: 904px; }  
.services .box { width: 214px; float: right; position: relative; }
.services .box + .box { padding-right: 14px; }

.services .box a { float: right; background: #000000; padding: 3px 3px 6px 3px;
 box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.services .box a img { width: 208px; height: 220px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.services .box h3 { text-align: center; font-size: 14px; }
.services .box a h3 { color: #fff;  }
.services .box a:hover { text-decoration: none; background-color: #c91616;  }
/* end of services */

/* main */
.main { background: url(images/main.png) repeat-x 0 0; padding-top: 32px; padding-bottom: 28px; }
.main p { padding-bottom: 20px; }
.main .content { font-size:20px;font-weight: bold; }
.content { width: 595px; float: right; }
.content h2 { padding-bottom: 25px; }

aside { width: 225px; float: left; }
aside h2 { padding-bottom: 14px; }
aside .widget { padding-bottom: 28px;  }
aside .img-holder { margin-right: 14px;  float: right; width: 59px; height: 59px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #fff; 
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }
aside .img-holder:hover { border-color: #cc1515;   }
aside .img-holder img { width: 59px; height: 59px; display: block;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
/* end of main */

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -49px; }
#footer, #footer-push { height: 49px; }
#footer { background: url(images/footer.png) repeat-x 0 0; line-height: 47px; height: 49px; }
#footer .footer-nav { float: right; font-size: 11px; color: #5f5f5f; }
#footer .footer-nav a { color: #5f5f5f; margin-left: 29px; }
#footer .footer-nav a:hover,
#footer .footer-nav a.active { color: #d11212; text-decoration: none; }
#footer p.copy { float: right; color: #5f5f5f; font-size: 11px; }
#footer p.copy a { color: #717171; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }









.errormessage
{
	color:white;
	font-weight:bold;
	background-color:red;
	padding:5px;
	border:1px solid white;
}
.error label
{
	font-style:italic;
	color:red;
	display:block;
}

input,textarea,select
{
	text-align:right;
	direction:rtl;
	color:#000000;
}

.form_table
{
	color:#5b2a01;
}
.form_table th
{
	white-space:nowrap;
}
.form_table th,.form_table td
{
	padding:5px;
	vertical-align:top;
}
.form_table .inputtext
{
	width:153px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #85bb26;
}
.form_table textarea.inputtext
{
	width: auto;
}
.form_table select.inputtext
{
	width:155px;
}
.fileuploader
{
	position:relative;
}
.fileuploader .fakefileupload,.fileuploader .realfileupload
{
	text-align:center;
	cursor: pointer;
	width:73px;
	margin-right:25px;
	height:24px;
	background-color:#ff0000;
	font-family:arial;
	font-weight:lighter;
	font-size:12pt;
	color:#ffffff;
	border:none;
}
.fileuploader .realfileupload
{
	display:block;
	position:absolute;
	top:-4000px;
}

.admin_tree
{
	float:left;
	width:182px;
	min-height:490px;
	padding-right:10px;
	padding-top:10px;
	font-size:9pt;
	color:#bd6d3b;
	text-align:right;
	border:1px solid #8B3C13;
}
.admin_tree a
{
	color: black;
	text-decoration: none;
	background-color:transparent;
}
.admin_tree a.current
{
	color: red;
}
.admin_tree a span
{
	background-color:transparent;
}
form#navigation .navigation
{
	position:relative;
	height:40px;
	text-align:center;
}
form#navigation
{
	background: #ffffff;
}
form#navigation .navigation ul
{
	position:relative;
	background: #ffffff;
	display:block;
	height:40px;
	list-style:none;
}
form#navigation .navigation ul li
{
	position:relative;
	height: 20px;
	float:right;
	margin: 0px;
	cursor:pointer;
	padding:10px;
	line-height: 1;
	color:#174D17;
}
form#navigation .navigation ul li:hover
{
	color:red;
	font-size:10pt;
}
form#navigation .navigation ul li:hover.no_largen
{
	font-size:10pt;
}
form#navigation .navigation ul li.current
{
	color:red;
}
form#navigation .navigation ul li.current:hover
{
	color:#174D17;
}
form#navigation .navigation ul li.sleep
{
	color:#174D17;
}
form#navigation .navigation ul li.current:hover
{
	color:#174D17;
}
form#navigation .navigation .next
{
	height: 18px;
	width: 17px;
	background:transparent url('images/next.png');
}
form#navigation .navigation .prev
{
	height: 18px;
	width: 17px;
	background:transparent url('images/prev.png');
}
.small_button
{
	display:block;
	cursor: pointer;
	text-decoration:none;
	width:74px;
	height:21px;
	border:none;
	padding:0px;
	font-size:12pt;
	font-family:arial;
	font-weight:lighter;
	text-align:center;
	color:#ffffff;
	background:transparent url('images/small_button.png');
}
.big_button
{
	display:block;
	cursor: pointer;
	text-decoration:none;
	width:150px;
	height:24px;
	border:none;
	padding:0px;
	font-size:12pt;
	font-family:arial;
	font-weight:lighter;
	text-align:center;
	color:#ffffff;
	background:transparent url('images/bigbutton.png');
}
.right_col
{
	float: right;
	width: 190px;
	height: 630px;
	margin-left: 30px;
	margin-bottom: 40px;
}
.side_menu
{
	position:relative;
	width:178px;
	height:auto;
	margin:auto;
	border:6px solid #fc7676;
	border-bottom: 0px;
	margin-bottom: 2px;
	background:#a40404;
	min-height: 225px;
}
.side_menu-ul
{
	width:178px;
	height:auto;
	text-align: right;
}
.side_menu-ul li
{
	display:block;
	float:right;
	width:178px;
	height:25px;
	border: 0px;
	border-top:1px solid #c62222;
	border-bottom:1px solid #cd2816;
}
.side_menu-ul li .menu_arrow
{
	display: block;
	float: right;
	margin:5px;
	margin-top:10px;
}
.menu_arrow
{
	display: block;
	float: right;
	margin:5px;
}
.side_menu-ul li.first-child
{
	border-top:0px;
}
.side_menu-ul li.last-child
{
	border-bottom:0px;
}
.side_menu-ul li a
{
	display:block;
	width:178px;
	height:20px;
	padding-top: 5px;
	text-decoration:none;
	color:white;
	font-weight:900;
	font-family:arial;
	font-size:10pt;
}
.side_menu-ul li a:hover,.side_menu-ul li a.current
{
	background:#ff0000;
}
.datatable
{
	background-color:#e9e8e3;
	width:626px;
	border-collapse: collapse;
}
.datatable td,.datatable th
{
	padding:5px;
	color:#989793;
	text-align:center;
	vertical-align:top;
}
.datatable th
{
	font-weight:bolder;
	color:#618f61;
	background-color:#e9e8e3;
}
.datatable tr.odd
{
	background-color:#e9e8e3;
}
.datatable tr.even
{
	background-color:#dad9d3;
}
.datatable td img
{
	width: 100px;
	height: 100px;
}
.news_bar
{
	height:44px;
	background: #424d43;
}
.news_bar a
{
	color: #ffffff;
	text-decoration: none;
}
.news_bar_title
{
	float: right;
	width: 98px;
	height: 39px;
	background: url('images/news_bar_title.png');
}
.news_strip
{
	display: block;
	float: right;
	width: 792px;
	padding-top: 9px;
	height: 32px;
	color: white;
	font-size: 16px;
}
.largeourworkblock,.largenewsblock
{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px dotted #f30303;
}
.largenewsblock img,.largeourworkblock img
{
	float: right;
	margin-top: 8px;
	margin-left: 23px;
	margin-bottom: 8px;
	width: 150px;
	height: 150px;
}
.largenewsblock .news_title,.largeourworkblock .ourwork_title
{
	float: right;
	width: 453px;
	padding-bottom: 10px;
	margin-top: 10px;
	color: #b90c02;
	font-weight: bold;
}
.largenewsblock .news_cont,.largeourworkblock .ourwork_cont
{
	float: right;
	width: 453px;
}
.largenewsblock .news_cont .details,.largeourworkblock .ourwork_cont .details
{
	color: #f30303;
	font-weight: bold;
	text-decoration: none;
}
.useful_links
{
	display: block;
	float: right;
	font-size:22px;
	margin: 20px;
}