@charset "windows-1251";
/* CSS Document */

* {margin:0 auto;
   padding:0;}
body {          margin:0 auto;
                padding:0 auto;
				height:auto;
				background-image:url(i/background.jpg);
				background-attachment:fixed;
				background-position:top;
				background-repeat:repeat;}
   
body {
behavior:url("csshover.htc");
}
				
#beforeheader {position:absolute; top:0; height:35px; width:100%; background-color:#FFF;}

#body {margin-top:40px;margin-bottom:40px; }

#header {margin:0 auto;
         padding-top:15px;
	     height:190px;
         width:805px;
		}

#header img.ghazala {display:block;
                     position:relative;
                       float:right; z-index:1}
					   
#header img.logo { position:relative;
	               display:block; 
                   float:left; 
				   margin-left:27px; 
				   margin-top:5px;
				   z-index:2}
				   
#whitebg {position:relative;
	       height:140px;
		   width:805px; 
		   background-color:#FFF;
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */
			z-index:2;
			}
#footer { margin-top:20px; height:75px; background-color:#FFF;padding-top:5px;}

#footer p {  
	         text-align:center;
             font-family: "Times New Roman", Times, serif;
			  font-size:16px; 
			  font-style:normal;
			  color:#000;}

#footer p strong.g {font-size:17px;}
#footer p a { color: #000; text-decoration:none;}
#footer p a:hover {color: #009;}
#info { width:805px; 
	    height:50px; 
		margin:0 auto;
		background-image:url(i/images/navigation_03.jpg); background-repeat:repeat-x;
		box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:0 auto; padding:0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; font-family:"Times New Roman", Gadget, sans-serif; font-weight:600; color:#fff;}
					 
#menu li {float:left; padding:0; margin:0 auto; position:relative; width:108px; height:2em; z-index:100; padding-left:2px;}
#menu li.s {width:140px;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
<!-- menu drops down in ie only if next -->
#menu li a:hover {border:0;}
<!-- end of comment -->

#menu li:hover dd, #menu li a:hover dd {display:block;}


#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 115px; margin: 0; padding: 0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; }
#menu li.s dl {width:140px;}
#menu li.sp {width:80px;}
#menu dt {margin:0; padding:12px 5px 5px 20px; font-size:16px; height:30px;}

#menu li dt a:hover {color:#FFC; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}	
#menu li dt:hover { background-image:url(../i/ahover.jpg); background-position:left; background-repeat:no-repeat;}

#menu dd {margin:0; padding:0; color:#fff; font-size:16px; text-align:left; font-style:normal;}
#menu .one dd {border-bottom:1px dashed #aaa;}
#menu .two dd {border-bottom:1px dashed #999;}
#menu .three dd {border-bottom:1px dashed #eee;}
#menu .four dd {border-bottom:1px dashed #999;}
#menu .five dd {border-bottom:1px dashed #aaa;}
#menu .six dd {border-bottom:1px dashed #e8e8e8;}
#menu .seven dd {border-bottom:1px dashed #eee;}
#menu dd.last {border-bottom:1px solid #fff;}

#menu dt a, #menu dt a:visited {display:block; color:#fff;}

#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:110px;}

#menu .one dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .two dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .three dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .four dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .five dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .six dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}

#menu .seven dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}


#menu .one dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .two dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .three dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .four dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .five dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#menu .six dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .seven dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#content { 
	       margin:0 auto;
		   width:805px;
		   height:100%;
		   background-color:#000;
		   padding:30px 0px;
		   margin-top:15px;
		   margin-bottom:15px;
		    box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */
			z-index:2;
			}
		   


#demo {margin:0 auto; padding:0; border:1px #FFF solid;}


#bodyd{
            margin:0 auto;
			margin-top:3px;
			height:100%;
		    width:805px;
		   
		   }

	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{font-style:italic;color:#887;}
    .demo {position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	.nav{ margin:0 auto;
		  padding-top:15px;clear:both;font:80% 'Times New Roman',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align:center; color:#FFF;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
		
#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img{margin-bottom:10px;}

	
	
<!-- end gallery -->


#footer {height:50px; margin-top:20px; background-color:#FFF;}

#footer p {  
	         text-align:center;
             font-family:"Tahoma", Times, serif;
			  font-size:17px;
			  font-style:normal;
			  color:#000;}
		   

#music {padding-left:300px; margin-top:30px;}