/*  
  General style sheet for Belly dancing

*/

html
{
    font-family:Verdana, Georgia, Arial, Sans-Serif;
    font-size:.75em;
    letter-spacing:.025em;
    line-height:1.3em;
    background-color:#000;
    color:#ECCEC1;
}
body
{
     background-image:url(images/audience.jpg);
     background-position:bottom right;
     background-repeat:no-repeat;
     
       margin:0px 0px;
      text-align:center;
      color:#EBA78D;
}

 h1, h2
{
    text-transform:uppercase;
    text-align:right;
    margin: 0px 0px;
    padding: 0px 0px;
}
h1{ color:#EBA78D;}
h2{ color:#998C88;}
p{margin: 3px 0px;
   padding: 0px 0px;}
   
#homepagecontent   {
  position:relative;
	 margin-top:150px;
	 left: 500px;
	width:380px;
	height:613px;
	  text-align:justify;
	 
	
}
#homepagecontent h1
{
    font-family:Serif;
     
    font-size:0.9em;
    letter-spacing:.3em;

}
#homepagecontent h2
{
    font-size:.6em;
    
}


a{color:#fff; text-transform:uppercase; }
a:link,a:visited, a:hover, a:active{font-size:.8em;}

 ul#topmenu
 {
      float:right;
      
     
 }
   ul#topmenu  li
 {
      display:inline;
    padding :50px 10px;
   margin:0 5px; 
   color:#fff;
   
  
 }
 ul#topmenu li:hover
 {
     background-image:url(images/topmenuball.gif);
     background-repeat:no-repeat;
     background-position:  center 70px;
    
 }
 

.logo
{
   position:absolute; right:10px; top:-90px;  
}
#Rose {
	position:absolute;
	left:766px;
	top:585px;
	width:202px;
	height:135px;
	z-index:3;
	visibility:visible;
}
#Text {
	position:absolute;
	left:607px;
	top:116px;
	width:220px;
	height:540px;
	z-index:4;
	visibility:visible;
}
#menu2 {
	position: absolute;
	left: 882px;
	top: 130px;
	width: 81px;
	height: 356px;
	z-index: 5;
	visibility: visible;
	text-decoration: none;
}
 
   
 
.bodytext
    {
        position:relative;
	left: 607px;
	top: 116px;
	height: 566px;
	width: 266px;
	position: absolute;
	color: #E69549;
	font-size: .8em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
.quickmenu
{
     position:fixed;  top: 116px;  right:60px;  width: 82px;  z-index:10; 
}
.quickmenu ul{ list-style-type:none;}
.quickmenu li div{ width:82px; height: 129px ; background-color:#fff;}
.quickmenu div#mu1 { background-image:url(images/menu_r1_c1.png );}
.quickmenu div#mu2{ background-image:url(images/menu_r2_c1.png);}
.quickmenu div#mu3{ background-image:url(images/menu_r3_c1.png);}
/*  Mouse over   */
.quickmenu div#mu1:hover { cursor:pointer; background-image:url(images/menu_r1_c1_f2.png );}
.quickmenu div#mu2:hover { cursor:pointer; background-image:url(images/menu_r2_c1_f2.png);}
.quickmenu div#mu3:hover { cursor:pointer; background-image:url(images/menu_r3_c1_f2.png);}

.container
{
    position:relative;   width:968px; height:620px; text-align:left; margin-left:auto; margin-right:auto; 
     background-image:url(images/bkimage.jpg) ;
     background-repeat:no-repeat;
     background-position:left top;
      overflow:hidden;
     
}

.inside
{
   
  width:750px;
  
   padding-top:20px;
    background-image:url(images/audience.jpg);
     background-position:bottom right;
     background-repeat:no-repeat;
}
.black_ground
{
  margin-top:100px;
  background-color:Black;   
  border-top: solid 2px #6d3316;
  width:auto;
  height:550px; 
}

.footer
{
     height:25px;
     background-color:#333;
     color:#666;
     font-size:.8em;
}
footer .cc
{
    float:left;
}
footer .psn
{
    float:right;
}
.footer a{ text-decoration:none;}
.footer a:link, .footer a:visited{ color:#666;}
.footer a:hover {color:#ccc;}
.footer a:active{ color:#666;}



/* Single pages   */

.centercontent
{
    padding: 150px 150px ;
    width: 550px;
    height:200px;
}
.menulist{text-align:left; background-color:#333; width:auto; margin:5px 0px 20px ; line-height:1.3em;}
.menulist a{ font-size:.8em; text-decoration:none;}
.menulist a:hover{ color:Yellow;}
.menulist ul
{
    padding: 0px 0px;
    margin: 0px 0px;
    text-align:left;
}
.menulist li
{
     display:inline;
     list-style-type:none;
     margin-right:10px;
     padding-left:10px;
      border-left: solid 1px #999;
}
.menulist li:first{ border-left:none 0px #000;}