/* Start of CMSMS style sheet 'Navigation' */
#menu_vert {
width: 750px;
height: 28px;
background: url(images/bg_menu.jpg) no-repeat;
background-color: #F6F4E8;
margin: 0 auto;
}

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
/* Fix for Opera 8 */ 
/*   overflow: hidden;  */ 
width: 100%
}

#primary-nav li li {width: auto}
#primary-nav li a {}
#primary-nav li a:hover {}

#primary-nav, #primary-nav ul { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

#primary-nav ul { 
position: absolute; 
top: auto; 
display: none; 
}

#primary-nav ul ul { 
margin-top: 0px;
margin-left: 0px;
left: 100%;
top: 0px
}
	
#primary-nav li { 
margin-left: -1px;
float: left; 
}

#primary-nav li li { 
margin-left: 0px;
margin-top: 0px;
float: none; 
position: relative; 
}

/* ================ */

li #home {
width: 97px; 
height: 28px;
background: url(images/m_home.jpg)
}
li #home:hover {background: url(images/m2_home.jpg)}

li #aboutus {
width: 96px; 
height: 28px;
background: url(images/m_aboutus.jpg)
}
li #aboutus:hover {background: url(images/m2_aboutus.jpg)}

li #projects {
width: 90px; 
height: 28px;
background: url(images/m_projects.jpg)
}
li #projects:hover {background: url(images/m2_projects.jpg)}

li #news {
width: 62px; 
height: 28px;
background: url(images/m_news.jpg)
}
li #news:hover {background: url(images/m2_news.jpg)}

li #recommended {
width: 125px; 
height: 28px;
background: url(images/m_recommended.jpg)
}
li #recommended:hover {background: url(images/m2_recommended.jpg)}

li #contact {
width: 89px; 
height: 28px;
background: url(images/m_contact.jpg)
}
li #contact:hover {background: url(images/m2_contact.jpg)}

li #company {
width: 140px; 
height: 38px;
background: url(images/m_company.jpg)
}
li #company:hover {background: url(images/m2_company.jpg)}

li #lisa {
width: 140px; 
height: 33px;
background: url(images/m_lisacole.jpg)
}
li #lisa:hover {background: url(images/m2_lisacole.jpg)}

li #mark {
width: 140px; 
height: 41px;
background: url(images/m_markmonroe.jpg)
}
li #mark:hover {background: url(images/m2_markmonroe.jpg)}

li #film {
width: 139px; 
height: 40px;
background: url(images/m_film.jpg)
}
li #film:hover {background: url(images/m2_film.jpg)}

li #television {
width: 139px; 
height: 38px;
background: url(images/m_television.jpg)
}
li #television:hover {background: url(images/m2_television.jpg)}

li #stage {
width: 139px; 
height: 31px;
background: url(images/m_stage.jpg)
}
li #stage:hover {background: url(images/m2_stage.jpg)}


li #can {
width: 140px; 
height: 33px;
background: url(images/m_inthecan.jpg)
}
li #can:hover {background: url(images/m2_inthecan.jpg)}


li #works {
width: 140px; 
height: 30px;
background: url(images/m_intheworks.jpg)
}
li #works:hover {background: url(images/m2_intheworks.jpg)}


li #dev {
width: 140px; 
height: 31px;
background: url(images/m_indevelopment.jpg)
}
li #dev:hover {background: url(images/m2_indevelopment.jpg)}


li #sfilms {
width: 140px; 
height: 36px;
background: url(images/m_shortfilms.jpg)
}
li #sfilms:hover {background: url(images/m2_shortfilms.jpg)}


/* ================ */

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
display: block; 
margin: 0px; 
padding: 0px; 
text-decoration: none
}

#primary-nav li a { }
#primary-nav li li a {}	
#primary-nav li, #primary-nav li.menuparent {}
#primary-nav li.menuactive {}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents
   background-image: url(uploads/default/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
display: block; 
}

/* IE Hacks */
#primary-nav li li { 
float: left; 
clear: both
}

#primary-nav li li a {}

/* End of 'Navigation: CSSMenu - Horizontal' */
/* End of 'Navigation' */