/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body{
font-size: 62.5%;
font-family: "Lucida Grande", Geneva, Arial, sans-serif;
margin: 0;
padding: 0;
background: transparent;
}

body#home{
background: #575552;
}

#wrapper{
margin: 8em auto 0 auto;
padding: 28px;
width: 896px;
height: 500px;
position: relative;
background: transparent url(../images/ixizbg.png) no-repeat top center;
}

h1#logo{
	position: absolute;
	top: -42px;
	right: 1.4em;
	color: #333;
	font-size: 2em;
	padding: 0;
	margin: 0;
	background: none;
	left: 746px;
	width: 197px;
}

h1#logo a{
text-indent: -9999em;
display: block;
width: 187px;
height: 39px;
background: transparent url(../images/logo.gif) no-repeat center;
}


/* HOVERBOX IMAGES */

#menu2{
width: 875px;
display: block;
position: absolute;
top: 34px;
left: 39px;
height: 63px;
z-index: 99;
}

#menu2 ul{
list-style: none;
margin: 0;
padding: 0 0 0 2em;
}

#menu2 ul li a img {
width:75px; height:50px;
border:0; margin:2.5px;
}

#menu2 ul li a {
float:left;
width:80px;
height:55px;
background:#eee;
border:1px solid #888;
margin:1px;
}

#menu2 ul li a:hover {
position:relative;
}

#menu2 li a:hover img {
width:150px; height:100px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:3px;
background:#ff7f29;
}

/* DROPDOWN NAVIGATION */

#nav, #nav ul { /* all lists */
	padding: 0;
	position: absolute;
	margin: 3em 0 0 3em;
	list-style: none;
	line-height: 1;
}

#nav ul{
margin: 0;
}

#nav a {
	display: block;
	width: 10em;
	font-size: 1.3em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	padding: 0.1em 0.5em;
	border: 1px solid #444;
	margin: 0 0.5em;
	background: #eee;
}

#nav li ul{
}

#nav li ul li{
margin: 0.4em 0;
border: 0;
padding: 0;
background: none;
}

#nav li a{
text-decoration: none;
color: #333;
padding: 0.2em 0;
}

#nav li ul a{
color: #666;
}

#nav li ul a:hover{
color: #f9d038
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #bbb;
	border: 1px solid #444;
	padding: 0.5em;
	margin-left: -0.6em;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* QUOTE BOX */

#quote{
	background: transparent url(../images/quotebg.png) no-repeat center;
	width: 191px;
	height: 81px;
	position: absolute;
	top: 23px;
	right: 3em;
	left: 721px;
}

#quote p{
margin: 0;
padding: 0.7em 1em;
color: #333;
}

#quote span#author{
	color: #777;
	position: absolute;
	bottom: 0;
	text-align: right;
	right: 5.2em;
	font-style: italic;
	left: 2px;
}

/* MAIN CONTENT */

iframe{
margin: 9em 0 0 0;
padding: 0;
height: 30em;
border: 0;
}

html>body iframe{
height: 40em;
}

/* FOOTER AND LOWER LEFT NAVIGATION */

ul#footernav {
	position: absolute;
	bottom: 0;
	list-style: none;
	margin: 0 0 2.5em 0;
	padding: 0 0 0 1em;
	left: 13px;
	top: 553px;
	height: 45px;
}

ul#footernav li{
margin: 1em 0;
padding: 0 2em;
float: left;
}

ul#footernav li a{
text-decoration:  none;
color: #333;
font-weight: 700;
font-size: 1.3em;
}

ul#footernav li a:hover{
color: #f1f1f1;
}

/* FOOTER AND LOWER RIGHT NAVIGATION */

ul#footernavr {
	position: absolute;
	bottom: 0;
	list-style: none;
	margin: 0 0 2.5em 0;
	padding: 0 0 0 1em;
	left: 790px;
	top: 553px;
	height: 45px;
}

ul#footernavr li{
margin: 1em 0;
padding: 0 2em;
float: left;
}

ul#footernavr li a{
text-decoration:  none;
color: #333;
font-weight: 700;
font-size: 1.3em;
}

ul#footernavr li a:hover{
color: #f1f1f1;
}


/* SCROLLING IFRAME NAVIGATION */

#scrollers{
display: none;
background: transparent url(../images/scroll.png) no-repeat top;
position: absolute;
z-index: 3;
text-indent: -999em;
right: 5.5em;
bottom: 3em;
width: 52px;
height: 60px;
}

#scrollers a#up{
display: block;
position: absolute;
text-indent: -9999em;
width: 52px;
height: 30px;
top: 0;
}

#scrollers a#down{
display: block;
position: absolute;
text-indent: -9999em;
width: 52px;
height: 30px;
bottom: 0;
}