/* CSS Document 

green : color:#5B912F;
red : color:#752221;

 ===================================================================== Menu CSS  */





.menu {

width:800px; 

height:30px; 

font-size:11px;

position:relative;

z-index:200;

background-image:url("https://www.airbrushmakeup.com/images/nav_background.jpg");

background-repeat: repeat-x;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

padding:0;

margin:0;

list-style-type:none;

}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

float:left;

list-style-type:none;

position:relative;

}





/* style the links for the top level */

.menu a, .menu a:visited {

display:block;

font-size:12px;

text-decoration:none; 

color:#993399; 

height:27px; 

border-width:0px; 

line-height:25px;

font-family: Arial, Helvetica, san-serif;
font-weight: 850px;
}



.menu ul li {
	
}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {

/*

width:50px;

w\idth:50px;

*/

}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

background:#000000;
}

/* style the second level hover */

.menu ul ul a.drop:hover{

background:#000000;

}

.menu ul ul :hover > a.drop {

background:#000000;

}







/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

visibility:hidden;

position:absolute;



top:28px;

left:0; 

/*width:150px; */

border-top: 2px solid #cccccc;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;

}

/* another hack for IE5.5 */

* html .menu ul ul {

top:28px;

t\op:29px;

}



/* position the third level flyout menu */

.menu ul ul ul{

left:150px; 

top:0;

/* width:150px; */

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

left:-150px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
display:block;
font-size:11px;
color:#333333; 
height:27px; 
border-bottom: 1px solid #cccccc;
padding-right:2px;
padding-left:7px;
background:#ffffff;
z-index:3000;
line-height: 27px;

/* yet another hack for IE6 width of the secondary pull downs*/

}

* html .menu ul ul a{

/*

width:100%;

w\idth:100%;

*/

}





/* style the top level hover */

.menu a:hover {
color:#993399; 
text-decoration: underline;
background:none;
display:block;
height: 30px;
}

.menu ul li a:hover {
color:#993399; 
text-decoration: underline;
}

.menu ul ul a:hover{
color:#993399; 
text-decoration: none;
background:#f2f2f2;
display:block;
height: 27px;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#993399;
text-decoration: none;
}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

visibility:visible; 
margin-top:-3px;
color:#666666;
background:#ffffff;
}





/*  define the classes for each menu  */

.menuHome {
	text-align:left;
	width:60px;
	padding-left:20px;
}

.menuPersonalPro {
	text-align:left;
	width:135px;
	padding-left:8px;
	
}

.personalproUL li{
	width:140px;
	z-index:300;
}

.menuSalonPro {
	text-align:left;
	width:125px;
	padding-left:18px;
	padding-right:5px;
}


.menuSprayItAll {
	text-align:left;
	width:85px;
	padding-left:8px;
}

.sprayitallUL li{
	width:90px;
	z-index:100;
}

.menuSpecialities {
	text-align:left;
	width:82px;
	padding-left:8px;

}

.specialitiesUL li{
	width:92px;
	z-index:300;

}

.menuWorkshops {
	text-align:left;
	width:109px;
	padding-left:8px;
}

.workshopsUL li{
	width:112px;
	z-index:300;
}

.menuAbout {
	text-align:left;
	width:65px;
	padding-left:2px;
}

.menuContact {
	text-align:left;
}