@charset "utf-8";
/* page properties */

body{
	margin:0px 0px;
	background:url(../image/madar-bg.gif) repeat-x #6C0017;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#FFFFFF;
}
a:link{
	color:#FEFAFB;
	text-decoration:none;
}
a:hover{
	color:#F0B80F;
	text-decoration:none;
}
h1{
	color:#FEFAFB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px;
	margin:0px 0px;
}
h2{
	color:#FEFAFB;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:left;
	padding:0px 0px;
	margin:0px 0px;
}
h3{
	color:#FEFAFB;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px;
	margin:0px 0px;
	background:url(../image/inner-arrow.gif) no-repeat left;
	text-indent:22px;
}
h4{
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px;
	margin:0px 0px;
	float:left;
}
h5{
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:right;
	padding:0px 0px;
	margin:0px 0px;
	float:right;
}

h5 a{
	color:#FFFFFF;
	text-decoration:none;
}
h5 a:hover{
	color:#F0B80F;
	text-decoration:none;
}
h6{
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	padding:0px 0px;
	margin:0px 0px 25px 0px;
}

h6 a{
	color:#FFFFFF;
	text-decoration:none;
}
h6 a:hover{
	color:#F0B80F;
	text-decoration:underline;
}

p{
	margin:7px 0px 7px 0px;
	padding:0px;

}

ul{
list-style:none;
}
.clear{
	clear:both;
}
img{
	border:0px;
	float:left;
	margin:0px 0px;
	padding:0px;
}
/* ------------- */

/* topline */
	
#top_line{
	height:44px;
	background:url(../image/top-line.gif) repeat-y center;
	margin:0px 0px;
	padding:0px;
}
#top_line_holder{
	width:931px;
	height:44px;
	line-height:22px;
	margin:0px auto;
	padding:0px;
}

/* ------------- */


/* banner one */

#madar_logos{
	width:931px;
	height:96px;
	line-height:96px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}
img.madar{
	border:0px;
	width:290px;
	height:53px;
	float:left;
	margin:12px 0px 0px 7px;
	padding:0px;
}
img.eng{
	border:0px;
	width:74px;
	height:24px;
	float:right;
	margin:10px 7px 0px 0px;
	padding:0px;
}
img.arabic{
	border:0px;
	width:74px;
	height:24px;
	float:right;
	margin:10px 12px 0px 0px;
	padding:0px;
}
img.gallerybtn{
	border:0px;
	width:129px;
	height:34px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
img.tourbtn{
	border:0px;
	width:269px;
	height:103px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.navigation{
	width:931px;
	height:20px;
	margin:0px auto;
	padding:0px 0px;
	float:left;
	line-height:24px;
	text-align:center;
	color: #C0C0C0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	overflow:hidden;
}
.navigation a{
	color:#CB0662; 
	text-decoration:none;
	padding:0px 10px;
}
.navigation a:hover{
	color:#F0B80F;
	text-decoration:none;
}



/* ------------- */


/* swf banner home */
#madar_swf{
	width:931px;
	height:282px;
	margin:0px auto;
	padding:0px;
}
img.swf{
	border:0px;
	width:931px;
	height:282px;
	float:left;
	margin:0px 0px;
	padding:0px;
}

/* ------------- */

/* contents home */

#home_cnt_holder{
	width:931px;
	height:344px;
	margin:0px auto;
	padding:0px;
}

.company_profile{
	width:348px;
	height:317px;
	margin:0px 0px 2px 0px;
	padding:25px 19px 0px 20px;
	border-right:1px solid #89112D;
	background:url(../image/company-bg.gif) repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align: justify;
	line-height:18px;
	color:#FEFAFB;
	float:left;
}
img.cpny_img{
	border:0px;
	width:88px;
	height:86px;
	float:left;
	margin:20px 14px 15px 14px;
	padding:0px;
}

.home_right{
	width:543px;
	height:342px;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align: justify;
	line-height:16px;
	color:#FDE2E9;
	float:left;
	background:url(../image/right-bg.gif) repeat-x;
}

.our_values{
	width:513px;
	height:142px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 15px;
	float:left;
	background: url(../image/our-values.gif) no-repeat;
	line-height:26px;

}
.production_home{
	width:269px;
	height:141px;
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 0px;
	float:left;
	border-left:#923953 1px solid;
}
.events_home{
	width:513px;
	height:170px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 15px;
	float:left;
	background:url(../image/events-left.gif) no-repeat;
}
.events_home a{
	color:#FEFAFB;
	text-decoration:none;
}
.events_home a:hover{
	color:#F0B80F;
	text-decoration:none;
}
/* ------------- */

/* footer */

#footer_holder{
	width:931px;
	height:75px;
	margin:0px auto 10px auto;
	padding:8px 0px 0px 0px;
	background:url(../image/footer-bg.gif) #9A3354 no-repeat bottom;
}
.footer_bg{
	width:931px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	float:left;
	background-color:#6C1E37;
	line-height:24px;
	text-align:center;
}
.footer_copy{
	width:796px;
	height:35px;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	float:left;
	line-height:24px;
	text-align:center;
}
.footer_bg a, .footer_bg a{
	color:#FFFFFF;
	text-decoration:none;
}
.footer_bg a:hover, .footer_bg a:hover{
	color:#F0B80F;
	text-decoration:none;
}

.ecs_txt{
	width:125px;
	height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	float:right;
	line-height:24px;
	text-align:right;
}
img.ecs_logo{
	border:0px;
	width:95px;
	height:22px;
	float:right;
	margin:0px 0px;
	padding:0px;
}

/* inner banners */
#inner_banner{
	width:931px;
	height:172px;
	margin:0px auto 2px auto;
	padding:0px;
}
img.innerbanner{
	border:0px;
	width:931px;
	height:172px;
	float:left;
	margin:0px 0px;
	padding:0px;
}
#madars_banner{
	width:931px;
	height:196px;
	margin:0px auto 2px auto;
	padding:0px;
}
img.innermadar{
	border:0px;
	width:931px;
	height:196px;
	float:left;
	margin:0px 0px;
	padding:0px;
}

/* ------------- */



/* contents home */

#inner_cnt_holder{
	width:751px;
	height: auto;
	margin:0px auto 2px auto;
	padding:20px 90px;
	background-color:#9E203C;
}
#inner_madar_holder{
	width:911px;
	height: auto;
	margin:0px auto 2px auto;
	padding:20px 10px;
	background-color:#9E203C;
}
.new_bg_inner{
	width:751px;
	height:501px;
	margin:0px 0px 20px 0px;
	padding:0px 0px;
	background:url(../image/inner-bgrepeat.gif) repeat-x;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#FEFAFB;
	float:left;
}
.elements_left{
	width:339px;
	height:481px;
	margin:0px 0px 0px 0px;
	padding:20px 18px 0px 18px;
	border-right:#811938 solid 1px;
	background:url(../image/elements-left.gif) no-repeat left;
	float:left;
}
.elements_right{
	width:338px;
	height:481px;
	margin:0px 0px 0px 0px;
	padding:20px 18px 0px 18px;
	border-left:#923953 solid 1px;
	background:url(../image/elements-right.gif) no-repeat right;
	float:left;
}

/* ------------- */



/* inner navs  */

.inner_nav{  
	color: #FEFAFB;
	height:auto; 
	text-align: left;
	padding: 0px 0px 0px 25px;
	margin:0px 0px 0px 25px;
	float:left;
	width:450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	font-weight:bold;
}
.inner_nav ul {
	list-style:none;
	margin:0px auto;
	padding:0px;
}

.inner_nav li { 
	list-style:none;
	display:inline;
	color:#FEFAFB; 
	padding: 0px 0px 0px 25px;
	height:30px;
	clear:both;
	float:left;
	width:425px;
	line-height:30px;
	background:url(../image/inner-list-arrow.gif) no-repeat left;
}

/* ------------- */

/* contact  */

.contacts_holders{
	width:249px;
	height: auto;
	margin:35px 0px 5px 0px;
	padding:0px 0px;
	border-right:#811938 solid 0px;
	float:left;
	line-height:25px;
}

/* ------------- */

/* gallery  */
img.gallery-left{
	border:0px;
	float:left;
	margin:0px 18px 0px 0px;
	padding:0px;
}
img.gallery-right{
	border:0px;
	float:left;
	margin:0px 0px 0px 18px;
	padding:0px;
}
img.gallery-none{
	border:0px;
	float:left;
	margin:0px 0px 0px 18px;
	padding:0px;
}
label.galleries{
	color:#FEFAFB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	padding:0px 0px;
	margin:0px 0px 10px 0px;
	width:375px;
	float: left;
}
/* ------------- */

/* sitemap  */
.mainhead  {
margin : 10px 0 5px 245px;
}
.mainhead a {
font-weight : bold;
font-size : 12px;
background:url(../image/inner-list-arrow.gif) no-repeat left;
padding : 0 0 0 25px;
text-decoration : none;
color:#FEFAFB;
}
.mainhead a:hover {
text-decoration : underline;
color:#F0B80F;
}
.subhead {
margin : 10px 0 5px 285px;
}
.subhead a {
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 12px;
background:url(../image/sitemap-arrow.gif) no-repeat left;
padding : 0 0 0 15px;
text-decoration : none;
color:#FEFAFB;
}
.subhead a:hover {
text-decoration : underline;
color:#F0B80F;
} 
/* ------------- */

/* reference  */
div.row {
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 100%;
	text-align:left;
	
}
div.cols1 {
	float: left; 
	width: 3%; 
	margin: 0 1px 1px 0; 
	padding:3px 2px 3px 2px;
	border:1px #E87790 solid;
}
div.cols2 {
	float: left; 
	width: 23%; 
	margin: 0 1px 1px 0; 
	padding:3px 2px 3px 2px;
	border:1px #E87790 solid;
}
div.cols3 {
	float: left; 
	width: 15%; 
	margin: 0 1px 1px 0; 
	padding:3px 2px 3px 2px;
	border:1px #E87790 solid;
}
div.cols4 {
	float: left; 
	width: 15%; 
	margin: 0 1px 1px 0; 
	padding:3px 2px 3px 2px;
	border:1px #E87790 solid;
}

.myform{
	margin:0 auto;
	float:left;
	width:345px;
	padding:5px 0px 0px 100px;
}

label.formss{
		display:block;
		color:#FFD2A5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
		text-align:right;
		width:135px;
		height:18px;
		float:left;
		line-height:18px;
		margin:1px 5px 10px 0px;
}
input.textarea{
		float:left;
		font-size:12px;
		padding:1px 2px;
		border:solid 1px #F78500;
		width:165px;
		height:18px;
		margin:0px 0px 10px 5px;
	}
input.button-one{
	clear:both;		
		margin: 0px 0px 0px 144px ;
		width:73px;
		height:21px;
		float:left;
		display:inline;
}
input.button-main{
clear:both;
			
		margin: 0px 0px 0px 125px ;
		width:73px;
		height:21px;
		float:left;
		display:inline;
}

input.button-two{ 
		margin: 0px 0px 0px 5px;
		width:73px;
		height:21px;
		float:left;
		display:inline;
}
.feedbacks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	font-size:12px;
		padding:1px 2px;
		border:solid 1px #F78500;
		width:165px;
		height:100px;
		margin:0px 0px 10px 5px;
}

input.textareaqw{
		float:left;
		font-size:12px;
		padding:1px 2px;
		border:solid 1px #F78500;
		width:165px;
		height:18px;
		margin:0px 0px 5px 5px;
	}

.top-portion{
	width:911px;
	height: 278px;
	margin:2px auto;
	padding:0px;
	float:left;
}
.consult-holder{
	width:346px;
	height: 278px;
	margin:0px auto;
	padding:0px;
	float:left;
	background:url(../image/consult-bg.gif) repeat-x;
}
.consult-main{
	width:308px;
	height: 261px;
	margin:0px auto;
	padding:17px 0px 0px 0px;
	float:left;
}
label.const{
		display:block;
		color:#FFD2A5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
		text-align:right;
		width:115px;
		height:18px;
		float:left;
		line-height:18px;
		margin:1px 4px 5px 0px;
}
.madar-cont-holder{
	width:525px;
	height: 165px;
	margin:43px 0px 0px 0px;
	padding:35px 20px 0px 20px;
	float:left;
	background:url(../image/madar-eventsbg.gif) no-repeat;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
.madar-thn-holder{
	width:525px;
	height: 165px;
	margin:43px 0px 0px 170px;
	padding:35px 20px 0px 20px;
	float:left;
	background:url(../image/madar-eventsbg.gif) no-repeat;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	display:inline;
}
.other-portion{
	width:911px;
	height: auto;
	margin:2px auto;
	padding:20px 0px;
	float:left;
}
.inner_madars{  
	color: #FEFAFB;
	height:auto; 
	text-align: left;
	padding: 15px 0px 15px 15px;
	margin:0px 0px 0px 25px;
	float:left;
	width:458px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	font-weight:bold;
}
.inner_contss{  
	color: #FEFAFB;
	height:auto; 
	text-align: left;
	padding: 0px 0px;
	margin:0px 0px ;
	float:left;
	width:375px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	line-height:25px;
}
.contact-holder{
	width:375px;
	height: 604px;
	margin:0px auto;
	padding:0px;
	float:left;
	background:url(../image/contact-bg.gif) repeat-x;
}
.contact-main{
	width:300px;
	height: auto ;
	margin:0px auto;
	padding:25px 0px 0px 45px;
	float:left;
}
img.video-gallery{
	width:191px;
	height:91px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 40px ;
	border:0px;
	float:left;
}

#video_holder{
	width:931px;
	height:290px;
	margin:0px auto;
	padding:0px;
}
.video-hold{
	width:360px;
	height:285px;
	margin:0px 0px 2px 0px;
	padding:5px 0px 0px 27px;
	border-right:1px solid #89112D;
	background:url(../image/new-bg.gif) repeat-x #9E203C;
	float:left;
}
.pictu{
	width:503px;
	height:153px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 25px;
	float:left;
	background: url(../image/pictu.gif) repeat-x;
}
.partner{
	width:473px;
	height:112px;
	margin:0px 0px 2px 0px;
	padding:25px 15px 0px 55px;
	float:left;
	background-color:#9C1F3C;
}

img.gals{
	border:0px;
	width: auto;
	height:90px;
	float:left;
	margin:12px 4px 9px 0px;
	padding:0px;
}
img.touring{
	border:0px;
	width: auto;
	height:34px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
img.parties{
	border:0px;
	width: auto;
	height:92px;
	float:left;
	margin:0px 12px 0px 0px;
	padding:0px;
}
img.vdgallerybtn{
	border:0px;
	width:206px;
	height:28px;
	float: right;
	margin:5px 0px 0px 0px;
	padding:0px;
}
img.gallery-js{
	border:0px;
	float:left;
	margin:5px 3px;
	padding:0px;
}
label.video-label{
	color:#FEFAFB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	padding:0px 0px;
	margin:3px 15px ;
	width:191px;
	float: left;
	height:40px;
}
.leftcontent{
	width:300px;
	padding:0px 0px 0px 0px;
	height:auto;
	margin:0px auto;
	border:0px;
	float:right;
}
img.location{
width:300px;
height:247px;
margin:0px auto;
padding:0px 0px;
border:0px;
}
