/* mozilla.org Cavendish Template Styles
 * Initial Design by Daniel Burka and Steven Garrity
*/

/* Basic Structure */
	body {
		background: #fff url("../../images/body_back.gif") repeat-x;
	}

/* Header */

	#header {
		background: #302f68 url("../../images/header_bl.png") bottom left repeat-x;
		position: relative;
		min-height: 39px;
		height: 5em;
		padding: 0;
		voice-family: male;
		voice-family: inherit;
		height: 3em;
		padding: 15px 0;
		width:750px;
	}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("../../images/header_tl.gif") no-repeat;
		height: 8px;
		z-index: 100; /* above the text version */
	}
	#header h1 a {
		display: block;
		width: 268px;
		height: 64px;
		background: transparent url("../../images/header_logo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	} 
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		background: url("../../images/header_br.gif") no-repeat bottom right;
		z-index: 90; /* below the graphic version */
	}
	#header li {
		float: right;
		background: transparent url("../../images/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #515358;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../../images/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	body.sectionHome li#menu_home a,
	body.sectionServices li#menu_services a,
	body.sectionProducts li#menu_products a,
	body.sectionSupport li#menu_support a,
	body.sectionCompany li#menu_company a {
		background-position: 0% -200px;
		color: #039;
	}
	
	body.sectionHome li#menu_home,
	body.sectionServices li#menu_services,
	body.sectionProducts li#menu_products,
	body.sectionSupport li#menu_support,
	body.sectionCompany li#menu_company {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	
	body.sectionHome li#menu_home:hover,
	body.sectionServices li#menu_services:hover,
	body.sectionProducts li#menu_products:hover,
	body.sectionSupport li#menu_support:hover,
	body.sectionCompany li#menu_company:hover {
		background-position: 100% 0%;
	}
	
	body.sectionHome li#menu_aboutus:hover a,
	body.sectionServices li#menu_services:hover a,
	body.sectionProducts li#menu_products:hover a,
	body.sectionSupport li#menu_support:hover a,
	body.sectionCompany li#menu_company:hover a {
		background-position: 0% 0%;
		color: #333;
	}
	
/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../../images/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	
	#header div{
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../../images/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	
	#header form label { color: #fff; font-size: 85%; display:none;}
	#header form input { font-size: 85%; display:none; }
	
	#header form #submit {
		font-size: 85%;
		background: #554f7f;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #130c39;
		border-bottom: 1px solid #130c39;
		border-top: 1px solid #7b7398;
		border-left: 1px solid #7b7398;
		display:none;
	}
	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #7b7398;
		background: #c4b7d7;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}

/* Sidebar */

	/*
		#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../../images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #aba5df;
		content: url("../../images/key-point_tl.gif");
	}
	*/
	#nav {
		background: #cbc5df url("../../images/menu_back.gif") right repeat-y;
	}
		
	.nav-BL {background: url(../../images/bl.gif) 0 100% no-repeat #CFC8E2; }
	.nav-BR {background: url(../../images/br.gif) 100% 100% no-repeat}
	.nav-TL {background: url(../../images/tl.gif) 0 0 no-repeat}
	.nav-TR {background: url(../../images/tr.gif) 100% 0 no-repeat; padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:10px;}
	
	/*
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../../images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("../../images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	*/
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		/*margin-bottom: 1em;*/
		border-top:1px solid  #aba5df ;
		border-bottom:1px solid  #fff ;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #d8cee8;
		border-bottom: 1px solid #aba5df;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #cbc5df;
	}
	
	#nav #currentSubSection a{
		background: #cbc5df;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}

/* Footer */

	#footer {
		border-top: 1px solid #999;
		margin: 2em 0;
		padding: 1em 0;
		text-align: center;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
		margin-left: 3px;
	}
	
	#footer a {
		white-space: nowrap;
	}
	
	#footer p,#footer p a {
		color: #666;
		margin-left: -12px;
	}
	
	#footer p a:hover {
		color: #000;
	}

	#footer p span {
		padding-right: 1em;
	}