/*  - ID MEDIA UK - NIC BELL */

/* This CSS is required by the navigation across the nation */
.subnav {float: left;}
ul.nav li.hasChildren .subnav li {width: 98px;}
ul.nav li.hasChildren .subnav li a {background: transparent; color: #DCDCDC; font-family: Arial; font-size: 11px; line-height: 20px; padding: 0 0 0 10px; text-transform: uppercase; width: 88px;}
.hasChildren div {float: left; position: absolute; top: 20px;}
#navigation {height: 20px; position:relative; }
.hasChildren {overflow:visible}

/*NEWS*/
.sub_news {background: transparent url(../images/nav/newsBg.png) repeat-y; display: block; /*position: absolute; top: 20px;*/ padding-bottom: 40px; width: 98px;}
* html .sub_news {background: transparent url(../images/nav/newsBg.gif) repeat-y; display: block; /*position: absolute; top: 20px;*/ padding-bottom: 40px; width: 98px;}
ul.nav li.hasChildren .sub_news li a:hover {color: #FF9800; text-decoration: none;}
ul.nav li.hasChildren .sub_news li.years {padding: 0 0 0 5px;}
ul.nav li.hasChildren .sub_news li.years a {font-size: 11px; padding: 0 0 0 5px; width: auto; }

/*PROJECTS*/
.sub_proj {background: transparent url(../images/nav/projectsBg.png) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 145px;}
* html .sub_proj {background: transparent url(../images/nav/projectsBg.gif) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 145px;}
ul.nav li.hasChildren .sub_proj li {width: 145px;}
ul.nav li.hasChildren .sub_proj li a {width: 135px;}
ul.nav li.hasChildren .sub_proj li a:hover {color: #FFCD00; text-decoration: none;}

/*PRACTICE*/
.sub_prac {background: transparent url(../images/nav/practiceBg.png) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 98px;}
*html .sub_prac {background: transparent url(../images/nav/practiceBg.gif) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 98px;}
ul.nav li.hasChildren .sub_prac li a:hover {color: #AFD520; text-decoration: none;}

/*TEXTS*/
.sub_texts {background: transparent url(../images/nav/textBg.png) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 98px;}
*html .sub_texts {background: transparent url(../images/nav/textBg.gif) repeat-y; display: block; /*position: absolute; top: 20px;*/ width: 98px;}
ul.nav li.hasChildren .sub_texts li a:hover {color: #74D6FF; text-decoration: none;}

/*Extra*/
.hasChildren div.wideNav {width: 145px !important}
.hasChildren div.wideNav ul {width: 145px !important;}/* this is nasty but the design requires it as the project subnav is too big*/
* html #navigation .nav {position: absolute; clear: both; display:block; width: 660px; z-index: 10;}
* html .hasChildren div.wideNav {width: 119px;}
* html .hasChildren div {width: 100px; overflow-x: visible !important; }
* html ul.nav li.hasChildren ul {position: absolute; width: 100px;  left: -108px;}
*:first-child+html .hasChildren div.wideNav {width: 119px;}