@import url('reset.css');
@import url('text-reflect.css');

body{font-family: 'Open Sans', sans-serif;}
a{ 
color:#484848; 
text-decoration:none;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
/*-webkit-text-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .55);
-moz-text-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .55);
text-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .55)*/
			 }
a:hover{ 
color:#ab0000; 
text-decoration:none;
-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
			 }
			 
.bg {
	
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5000;
    height: 100%;
}


hr{
	color:#ddd;
	background-color:#ddd;
	height:1px;
	border:none;
	
	
}

/*----------------------------header----------------------------------*/



	
/*------------------------------------menu----------------------------------------------*/
#menu{letter-spacing:0.40em; font-size:90%; text-align:right;}

ul#mainNav { float:right; list-style:none; z-index:999; margin-top:0px; width:100% }
#mainNav li { position:relative; display:inline-block; z-index:999999; padding:45px 0 5px 6%;text-align:center}
#mainNav li a { text-decoration:none; z-index:9999999;  color:#484848; letter-spacing:0.5em; text-align:center }
#mainNav li a:hover 
{ 
color:#1b0051;  
-webkit-text-shadow: 0px 0px 1px 2px rgba(221, 221, 221, .75);
-moz-text-shadow: 0px 0px 1px 2px rgba(221, 221, 221, .75);
text-shadow: 0px 0px 1px 2px rgba(221, 221, 221, .75);
}

#mainNav li:hover { z-index:999999;  }
#mainNav ul { position: absolute; padding:10px 5px 5px;  display: none; left:0px; top:60px; list-style: none;  z-index:999; background:#fff url(../lz_images/dropdown_bg.png) repeat left top; 
/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .45);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .45);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .45);*/}

#mainNav li li{  z-index:999999; width:230px; padding:5px 0; margin: 2px 0; background:none; text-align:left; }
#mainNav li li a{ color: #484848; float: none; padding: 3px 3px 3px 10px; display:block; z-index:999; font-size:12px; text-align:left;width:100%;/*border-bottom:thin solid #aaa;*/ }
#mainNav li li a:hover{ display:block; font-weight:400; color:#ab0000; }
#mainNav li li:hover { z-index:999999; }
#mainNav li:hover ul { margin-left: 0; display: inline-block;  z-index:999; }

/* 3RD LEVEL OF NAVIGATION BELOW */
#mainNav li:hover ul li ul { display: none;  z-index:999999;  border-bottom:0 solid #aaa;}
#mainNav li ul li ul { display: none; left:220px; top:-10px; z-index:999; color:#000;}
#mainNav li ul li:hover ul { display: block;  z-index:999999; }
#mainNav li ul li ul li {z-index:999; clear:both; border-bottom:dotted 1px #aaa; } 
#mainNav li ul li ul li a{border-bottom:dotted 0px #aaa;} 
#mainNav li ul li ul li:hover { z-index:1; display: inline-block;  z-index:999;}
#mainNav ul > li > ul > li.has-sub > a {
  background: url(../menu_images/icon_plus.png) 96% center no-repeat;
}
/* 4TH LEVEL OF NAVIGATION BELOW */
#mainNav li:hover ul li ul li ul { display: none;  z-index:999;}
#mainNav li ul li ul li ul { display: none; left:220px; top:-10px; z-index:999;  }
#mainNav li ul li ul li:hover ul { display: block;  z-index:999; }
#mainNav li ul li ul li ul li { /*border-bottom:dotted 1px #aaa;*/ z-index:999; clear:both;} 
#mainNav li ul li ul li ul li:hover { z-index:1; }

/*--------------title---------------*/


.title{font-family:'gothic', sans-serif;}

