@font-face{font-family: myfont;src: url(font/TheSansArabic-Plain.otf);}
@font-face{font-family: myfontB;src: url(font/TheSansArabic-Bold.otf);}
/* CSS Document */
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1; font-family:myfont,Arial}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none}
/* SITE CSS Document */
h1{color:#f58220; font-size:127%; font-family:myfontB}
h2{color:#f58220; font-size:150%; font-family:myfontB; margin:0 0 10px 0}
h3{color:#FFF; font-size:127%; font-family:myfontB}
h5{color:#f58220; font-size:70%; font-family:myfontB; margin:5px 0 0px 0}

.container { position:relative; width:90%; margin:auto; background:url(images/bbg.png) top no-repeat;}
.header_style { position:relative; width:100%; height:270px}
.lline {position: relative; width:5px; height:270px; background: #f48b30 url(images/o_line.jpg) repeat-x; margin: auto 2% auto auto; float:left; z-index:5;}
.logo_div { position:relative; float:left; width:20%; margin:0px 5% 0px 5%; text-align:center}
.logo_div img{ width:100%; height:auto}
.nav_style {position:relative; width:100%; text-align:left; margin:10px auto}
.nav_style a{margin:0 3px; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
.nav_style a:hover{margin:0 3px; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

.menu_div{position:absolute; top:10px; right:5%; width:650px; height:240px; overflow:hidden; margin:0 5px 0 0;background: url(images/Tbg.png);
   /* -webkit-mask-image: url(images/mask.png);*/ }
.link_bg{background:rgba(0,150,218,0);  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.link_bg:hover{background:rgba(0,150,218,0.7); }

.link_bg p{position:absolute;  -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color:#FFF; text-shadow: 2px 2px #333; font-family:myfontB,arial; font-size:120%}

.slid_con{position:relative; width:100%; margin:auto; height:auto}

.sitebody{position:relative; width:100%; height:100%}
.sideimg{ position:relative; float:right; margin:0 10px 0 0; width:19%; overflow:hidden}
.sitebody p { position:relative; width:76%;float:left; margin:0 0 10px 0; color:#999; line-height:1.3; text-align:justify; font-size:90%}
.sitebody p a {color:#f58220; float:right; margin:0 0 15px 0}

.footer_style{position:relative; width:100%; height:32px; float:left; text-align:center; background:#d4d3d4; margin:7px 0 0 0}
.footer_style a {color:#999; font-size:50%;}

#Qform input{ position:absolute; left:120px}
#Qform textarea{ position:absolute; left:120px}
#Qform select{ position:absolute; left:120px}
/*
@media only screen and (max-device-width : 1200px){
	.logo_div { width:20%; text-align:center; visibility:hidden}
	.menu_div{ right:0; width:650px;}	
	}

@media only screen and (max-device-width: 1000px){
	.header_style { position:relative; width:100%; height:500px}
	.logo_div { width:20%; text-align:center; margin:auto; float:none}
	.menu_div{ right:10%; width:650px; margin:auto; float:none}
	}
@media only screen and (max-device-width: 800px){
	.header_style { position:relative; width:100%; height:500px}
	.logo_div { width:20%;  text-align:center; margin:auto; float:none}
	.menu_div{ right:0; width:650px; margin:auto; float:none}
	}
@media only screen and (max-device-width: 720px){
	.container{width:100%}
	.header_style { position:relative; width:100%; height:500px}
	.logo_div { width:20%; text-align:center; margin:auto; float:none}
	.menu_div{ right:0; width:650px; margin:auto; float:none}
	}

@media only screen and (max-device-width: 550px){
	.container{width:100%}
	.header_style { position:relative; width:100%; height:550px}
	.logo_div { width:20%; text-align:center; margin:auto; float:none}
	.menu_div{ right:0; width:500px; margin:auto; float:none}
	.slid_con{visibility:hidden}
	.sideimg{  float:none; margin:auto; width:80%; overflow:hidden}
	.sitebody p { position:relative; width:98%;float:none; margin:auto;}
	}
	
	*/