/* Reset for Drupal Nice Menus */
.block ul {
	padding:0 !important;
}

/* Main menu settings */
#navigation {
	width:960px;  /* width of navigation panel */
	margin:35px auto 25px auto; /* aligns navigation in centre of screen left to right */ 
	z-index:500; /* This makes the dropdown menus appear above the page content below */
	position:relative; /* this is required for dropdowns to appear */
	clear:both;
	padding:0;
}

/* === Top level menu items === */
ul.nice-menu {
	background:#fff;  /* background of whole navigation bar */
	height:50px; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
    padding-left:0px; /* distance between left edge and first tab */
    border:0;
    margin:0;
    list-style:none;
}
ul.nice-menu li {
	margin-right:0px; /* make -1px to prevent doubling of borders between tabs. Should be the negative of the border width*/
    float: left;
	position:relative;
}
ul.nice-menu li a {
    text-decoration:none;
	display: block; /* required to makew the <a> links appear as full height tabs */
}
ul.nice-menu li.kelly a,
ul.nice-menu li.work a,
ul.nice-menu li.slash1,
ul.nice-menu li.biog a,
ul.nice-menu li.slash2,
ul.nice-menu li.contact a {
	width:382px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
	background: url(../images/kelly_navigation.png) no-repeat 0 0;
}
ul.nice-menu li.work a {
	width:132px;
	background: url(../images/kelly_navigation.png) no-repeat -382px 0 ;
}
ul.nice-menu li.slash1 {
	width:16px;
	background: url(../images/kelly_navigation.png) no-repeat -514px 0 ;
}
ul.nice-menu li.biog a {
	width:222px;
	background: url(../images/kelly_navigation.png) no-repeat -530px 0 ;
}
ul.nice-menu li.slash2 {
	width:16px;
	background: url(../images/kelly_navigation.png) no-repeat -752px 0 ;
}
ul.nice-menu li.contact a {
	width:180px;
	background: url(../images/kelly_navigation.png) no-repeat -768px 0 ;
}
/* Top level menu items - hover styles */
ul.nice-menu li.kelly a:hover, 
ul.nice-menu li.kelly a.ie-over,
ul.nice-menu li.kelly:hover a,
ul.nice-menu li.kelly.ie-over a {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat 0 -60px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.kelly a.active:hover, 
ul.nice-menu li.kelly a.active.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat 0 -120px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.kelly a.active {
	background: url(../images/kelly_navigation.png) no-repeat 0 -120px;
}
ul.nice-menu li.work a:hover, 
ul.nice-menu li.work a.ie-over,
ul.nice-menu li.work:hover a,
ul.nice-menu li.work.ie-over a {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -382px -60px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.work a.active:hover, 
ul.nice-menu li.work a.active.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -382px -120px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.work a.active {
	background: url(../images/kelly_navigation.png) no-repeat -382px -120px;
}


ul.nice-menu li.biog a:hover, 
ul.nice-menu li.biog a.ie-over,
ul.nice-menu li.biog:hover a,
ul.nice-menu li.biog.ie-over a {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -530px -60px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.biog a.active:hover, 
ul.nice-menu li.biog a.active.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -530px -120px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.biog a.active {
	background: url(../images/kelly_navigation.png) no-repeat -530px -120px;
}


ul.nice-menu li.contact a:hover, 
ul.nice-menu li.contact a.ie-over,
ul.nice-menu li.contact:hover a,
ul.nice-menu li.contact.ie-over a {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -768px -60px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.contact a.active:hover, 
ul.nice-menu li.contact a.active.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/kelly_navigation.png) no-repeat -768px -120px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.contact a.active {
	background: url(../images/kelly_navigation.png) no-repeat -768px -120px;
}

/* === Drop down first level === */
ul.nice-menu li.menuparent ul {  
    width:80px !important; /*width of sub list tab  - make same as 'ul.nice-menu li ul li a' below */
	top:50px; /*position of first level drop down menu - height of top level menu plus height of border*/
	display:none;  /* initially hide first level drop down menus */
    list-style:none;
    left:16px; /* IE6&7 need this to position the sublist correctly on hover*/
    position:absolute; /* position the sublist to nearest positioned ancestor, the (ul.nice-menu li) in this case*/
    background: #fff;/* IE needs some sort of background on the nested ul */
}
ul.nice-menu li.menuparent ul li,
ul.nice-menu li.menuparent ul li.menuparent ul li {  
    border: none;  /*reset borders from ul.nice-menu li*/
	margin-top:-1px; /* prevents doubling of top and bottom border - should be a negative of the border width */
}
ul.nice-menu li.menuparent ul li a,
ul.nice-menu li.menuparent ul li.menuparent ul li a {  
    background: #fff !important;  /* background of first level drop down menu */
    width:80px !important;  /*width of tab - make same as ul.nice-menu li:hover ul above */
    line-height:18px; /* height of the fist level drop down menu */
    height:18px !important; /* height of the fist level drop down menu */
    padding:2px 10px 4px 10px !important;  /* padding above/below and left/right on the first level drop down menu */
	border: 1px solid #ccc; /* first level drop down border */
	color:#767676 !important;  /* text colour on first level drop down menu */
	font-size:13px;  /* font size of first level drop down menu */
    font-weight:normal;
	float: none;  /*reset the float from ul.nice-menu li a*/
}
ul.nice-menu li.menuparent ul li.active-trail a,
ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a {  
    background: #C70101 url(../images/button.png) 0 -6px repeat-x !important;  /* background of active first level drop down menu */
	color:#fff !important; /* text colour on first level active drop down menu */
}

/* drop down first level - hover styles */
ul.nice-menu li.menuparent ul li a:hover,
ul.nice-menu li.menuparent ul li a.ie-over,
ul.nice-menu li.menuparent ul li.menuparent ul li a:hover, 
ul.nice-menu li.menuparent ul li.menuparent ul li a.ie-over {  /* .ie-over is for IE6 */
    background:#EEE !important;  /* background for forst level drop down menu on hover */
	color:#C70101 !important; /* font colour on first level drop down menu on hover */
    visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li.menuparent ul li.active-trail a:hover,
ul.nice-menu li.menuparent ul li.active-trail a.ie-over,
ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a:hover, 
ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a.ie-over {  /* .ie-over is for IE6 */
	background:#c70101 url(../images/button.png) 0 -6px repeat-x !important;  /* background for forst level drop down menu on active tab when hovering*/
	color:#fff !important; /* font colour on first level drop down menu on hover on active tab */
    visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}

/* Hide first level drop down menu */
ul.nice-menu li ul {
    display:none;
}

/* Show first level drop down menu on hover */
ul.nice-menu li:hover ul,
ul.nice-menu li.ie-over ul {  /* .ie-over is for IE6 */
	display:block;
}





/* Work Page menu settings */
/* === Top level menu items === */
ul.nice-menu2 {
	background:#fff;  /* background of whole navigation bar */
	height:302px; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
    padding:0px; /* distance between left edge and first tab */
    border:0;
    margin:0;
    list-style:none;
}
ul.nice-menu2 li {
	margin:0px; /* make -1px to prevent doubling of borders between tabs. Should be the negative of the border width*/
    float: left;
	position:relative;
}
ul.nice-menu2 li a {
    text-decoration:none;
	display: block; /* required to makew the <a> links appear as full height tabs */
}
ul.nice-menu2 li.smalls a,
ul.nice-menu2 li.bigger a,
ul.nice-menu2 li.inbetweens a,
ul.nice-menu2 li.prints a {
	width:205px;
	height:0px;
	padding-top:302px;
	margin:0 10px;
	overflow:hidden;
	background: url(../images/smalls.jpg) no-repeat;
}
ul.nice-menu2 li.bigger a {
	background: url(../images/bigger.jpg) no-repeat;
}
ul.nice-menu2 li.inbetweens a {
	background: url(../images/inbetweens.jpg) no-repeat;
}
ul.nice-menu2 li.prints a {
	background: url(../images/prints.jpg) no-repeat;
}
/* Top level menu items - hover styles */
ul.nice-menu2 li.smalls a:hover, 
ul.nice-menu2 li.smalls a.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/smalls.jpg) no-repeat 0 -300px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu2 li.bigger a:hover, 
ul.nice-menu2 li.bigger a.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/bigger.jpg) no-repeat 0 -300px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu2 li.inbetweens a:hover, 
ul.nice-menu2 li.inbetweens a.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/inbetweens.jpg) no-repeat 0 -300px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu2 li.prints a:hover, 
ul.nice-menu2 li.prints a.ie-over {  /* .ie-over is for IE6 (.over is for IE6 and Nice Menu Superfish Javascript) */
	background: url(../images/prints.jpg) no-repeat 0 -300px;
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}