/* CSS Document */

#nav {
	width: 100%;
	text-align: center;
	}
	
#navwrapper {
	width: 780px;
	height: 100px;
	background-image: url(../images/nav/container_bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;font-size: 12px; line-height: 18px;
	}
	
/* navigation styles */

/* the horizontal menu starts here */

div#cthrumenu {
	width: 512px; /* makes the div full width */
	position: absolute;
	top: 68px;
	right: 0px;
	line-height: 32px; /* specifies the height of the menu */
	}

div#cthrumenu li {
	float: left;	/* causes the list to align horizontally instead of stack */
	position: relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type: none;	/* removes the bullet off each list item */
	border-right: 1px solid #3f3f3f; /* creates dividing lines between the li elements */
	}

div#cthrumenu li:first-child {
	border-left: 1px solid #3f3f3f; /*the first vertial line on the menu */
	}

div#cthrumenu li:hover { 
	background-color: #3a3a3a; /*sets the rollover background of the menu items */
	}
	
div#cthrumenu li.home:hover { 
	background-color: #f7671e;
	}
	
div#cthrumenu li.products:hover { 
	background-color: #f7931e;
	}
	
div#cthrumenu li.tech:hover { 
	background-color: #f0bb3a;
	}
	
div#cthrumenu li.talk:hover { 
	background-color: #9eabd8; /* was #b1c800 */
	}
	
div#cthrumenu li.layout:hover { 
	background-color: #009db4;
	}
	
div#cthrumenu li.contact:hover { 
	background-color: #9eabd8;
	}
	
div#cthrumenu li.info:hover { 
	background-color: #94308e;
	}

div#cthrumenu a {
	display: block;
	padding: 0 10px; /*creates space around the main menu items text */
	text-decoration: none;	 /* removes the underlining of the link */
	font-weight: bold;
	color: #eee;	/* sets the type coluor */
	}
	
div#cthrumenu a:hover {
	color: #fff; /* sets the rollover type colour */
	}

/* the menu ends here */

/* the drop-down starts here */

div#cthrumenu ul li ul {
	margin: 0; 
	z-index: 10; /* puts drop-down on top of div - safari needs this as menu is 1px higher */
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 16em; /*sets the width of the menu - in combo with the lis 100% width, makes the menu stack note changed this from 10em */
	line-height: 16px;
	border-right: 0; /* stops scbs drops having two right borders - they inherit the border, ie doesnt */
	left: -1px; /*aligns the drop exactly under the menu */
	}

div#cthrumenu ul li ul li {
	padding: 0;
	width: 100%; /* makes the list items fill the list container (ul) */
	background-color: #666;
	border: 0;
	}
	
div#cthrumenu ul li ul li.home {
	background-color: #f7671e;
	}
	
div#cthrumenu ul li ul li.home:hover {
	background-color: #f9854b;
	}
	
div#cthrumenu ul li ul li.products { 
	background-color: #f7931e;
	}
	
div#cthrumenu ul li ul li.products:hover { 
	background-color: #f9a94b;
	}
	
div#cthrumenu ul li ul li.tech { 
	background-color: #f0bb3a;
	}
	
div#cthrumenu ul li ul li.tech:hover { 
	background-color: #f3c962;
	}
	
div#cthrumenu ul li ul li.talk { 
	background-color: #9eabd8; /* was #b1c800 */
	}
	
div#cthrumenu ul li ul li.talk:hover { 
	background-color: #b0bbdf; /* was #ccdd7f */
	}
	
div#cthrumenu ul li ul li.layout { 
	background-color: #009db4;
	}
	
div#cthrumenu ul li ul li.layout:hover { 
	background-color: #33b1c3;
	}
	
div#cthrumenu ul li ul li.contact { 
	background-color: #9eabd8;
	}
	
div#cthrumenu ul li ul li.contact:hover { 
	background-color: #b0bbdf;
	}
	
div#cthrumenu ul li ul li.info { 
	background-color: #94308e;
	}
	
div#cthrumenu ul li ul li.info:hover { 
	background-color: #a959a5;
	}

div#cthrumenu ul li ul li a {
	padding: 6px 10px; /*creates space around the drop-down menu items text */
	}

div#cthrumenu ul li ul li:first-child {
	border-left: 0; /* stops inherit of parent uls first-child left border! */
	border-right: 0;
	}

/* make the drop-down display as the menu is rolled over */

div#cthrumenu ul li ul {
	display: none; /* conceals the drop-down when menu not hovered */
	}

div#cthrumenu ul li:hover ul {
	display: block; /* shows the drop-down when the menu is hovered */
	}

/* pop-out starts here */

body div#cthrumenu ul li ul li ul  {
	position: absolute; 
	visibility: hidden; /* same effect as display:none in this situation */
	top: -1px;
	left: 10em;
	}

div#cthrumenu ul li ul li ul a {
	background: none;
	}

div#cthrumenu ul li ul li:hover ul {
	visibility: visible; /* same effect as display:block in this situation */
	}

/* second level popouts start here*/

div#cthrumenu ul li ul li:hover ul li ul {
	visibility: hidden;
	}

div#cthrumenu ul li ul li ul li:hover ul {
	visibility: visible; /* same effect as display:block in this situation */
	}

/* THE HACK ZONE - */

/* hack for ie (all flavors) so the menu has a vertical line on the left */

* html div#cthrumenu ul {
	border-left: 1px solid #3f3f3f; /*the first vertial line on the menu */
	float: left; /* makes the ul wrap the lis */
	}

/* add a top line to drops and pops in ie browsers - cant read :first-child */

* html div#cthrumenu ul li ul {
	border-top: 1px solid #3f3f3f;
	border-left: 0px; /* stops the drop inheriting the ul border */
	}

/* the tantek hack to feed ie win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html div#cthrumenu ul li ul li ul { 
  left: 9.85em; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  left: 10em;
  }

/* and the be nice to opera rule */

html>body div#cthrumenu ul li ul li ul {
  left: 10em;
} 

/* Footer  AWL 20090213 */

#cthrufooter {
	clear: both;
	width: 100%;
	height: 48px;
	text-align: center;
	background-image: url(../images/footer/footer_bg.jpg);
	background-repeat: repeat-x;
	font-size: 10px;
	color: #eee;
	}
	
#cthrufootwrap {
	width: 740px;
	height: 48px;
	margin: 0 auto;
	background-image: url(../images/footer/footwrap_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 3px;
	}
	
p#cthruupdate {
	float: left;
	width: 260px;
	text-align: left;
	}
	
p#cthrucopy {
	float: right;
	width: 260px;
	text-align: right;
	}
	
p#cthruversion {
	margin: 0 200px;
	}
	
p#cthrucopy a {
	color: #eee;
	margin-left: 5px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	}

/* an opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you dont have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */

@media all and (min-width: 0px){
   body div#cthrumenu ul li ul {padding-bottom:100px;} 
   body div#cthrumenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/*end opera hack */

/* end of hack zone */

/* the drop-down ends here */

/* end of list-based menu */