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

* {margin:0 auto;
   padding:0;}
   
body {
behavior:url("csshover.htc");
}

body {          margin:0 auto;
                padding:0 auto;
				height:auto;
				background-image:url(i/background.jpg);
				background-attachment:fixed;
				background-position:top;
				background-repeat:repeat;}
				
#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;
			}
			
			
#content { width:805px;
           height:312px;
		   margin-top:12px;
		   background-color:#000;
		  background-image: url(i/photobetterquality2.jpg);
		   background-repeat:no-repeat;
		   background-position:left;
		   box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */
			z-index:1;
			position:relative;}
			
#leftside {width:300px;
           height:312px;
           display:block;
           float:left;
		   position:relative;
		  }

#leftside img { height:312px; position:relative; float:left;}


#rightside {display:block;
             height:312px;
			 width:430px;
              float:right;
			  position:relative;
			  padding: 0px;
              margin: 0px;
			  background-image:url(i/ghazalafinalslice2.gif);
			  background-repeat:no-repeat;
			  background-position:right;
			  position:relative;
			  z-index:2;}
			  
#textinside { display:block; float:right; height:120px; width:240px; margin-top:50px;}
#textinside p {color:#FFF; font-family:"Times New Roman", Times, serif; font-size:21px; font-style:italic; text-align:justify; line-height:27px; padding-right:20px; padding-left:3px;}


#bottom { width:805px;
          height:140px;
		  margin-top:12px;
		  background-image: url(i/newbottom3.jpg);
		  background-repeat:no-repeat;
		  background-position:center;
		 
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */}

	   
#bottom p { 
		   text-align:right;
		   font-family:"Times New Roman", Times, serif;
		   color:#2E1807;
		   font-size:18px;
		   line-height: 22px;
		   font-weight:bolder;
		   padding-right:14px;
		   padding-top:8px;}
		   
#bottom p.first {margin-top:6px; padding-right:10px; padding-top:13px;}

#bottom ul {display:block; float:left; padding:3px 13px;}
#bottom a img {border:0px; text-decoration:none;}
#bottom ul li {list-style:none;}

#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;}

#water p:first-letter {
	       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px; color:#FFC; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}	


#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 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;}

#ru {font-size: 10px;}