@charset "utf-8";
/* CSS Document */

/************************* Generalisation *****************************************/

body{
	background:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset { margin: 0; padding: 0; }

a{outline:none; border:none;}

img{border:none;}

/******************************************************************/

/************************* content *****************************************/

.container{
	margin:30px auto;
	width:988px;
}

.topShadow{ background:url(images/topShadow.jpg) no-repeat; height:17px; margin:0px; width:988px;  } 

.content{ background:url(images/contentBg.jpg) repeat-y; float:left; width:988px;}

.wrapper{ float:left; margin:0 0 0 17px;  width:954px;}

.bottomShadow{background:url(images/bottomShadow.jpg) no-repeat; height:17px; margin:0px; width:988px;}

/******************************************************************/

/**************************** Navigation style **************************************/

.navigation{ background:#eee8cd url(images/horizontalDottedline.jpg) repeat-x bottom; height:36px; margin:0 0 0 0px;}

/******************************************************************/

/************************ other ******************************************/

.BannerDiv{ background:url(images/horizontalDottedline.jpg) repeat-x bottom; display:block; height:332px;}

.leftDiv{ background:url(images/verticalDottedline.jpg) repeat-y top right;  float:left; width:322px;}

.midDiv{ background:url(images/verticalDottedline.jpg) repeat-y top right; float:left; width:309px; }

.rightDiv{float:left; height:283px;  width:321px; }

.rightTop{ background:url(images/horizontalDottedline.jpg) repeat-x bottom; height:198px;}

.rightBottom{ height:87px; margin:1px 0 0 0;}


/******************************************************************/
#outer {width:954px; position:relative; border:0px solid #f00;}

#nav {padding:0; margin:0; list-style:none; height:33px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; }


#nav li a#home{display:block; float:left; height:33px; padding:0px; cursor:pointer; background: url(images/navHome.jpg); position:relative; overflow:hidden; text-indent:-999px;}
#nav li a#home:hover{display:block;  height:33px; padding:0px; cursor:pointer; background: url(images/navHome_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}

#nav li a#about {display:block; float:left; height:33px; padding:0px; cursor:pointer;background: url(images/navAbout.jpg); position:relative; overflow:hidden; text-indent:-999px;}
#nav li a#about:hover {display:block;  height:33px; padding:0px; cursor:pointer;background: url(images/navAbout_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}

#nav li a#solutions {display:block; float:left; height:33px;  padding:0px; cursor:pointer;background: url(images/navSolutions.jpg); position:relative; overflow:hidden; text-indent:-999px;}
#nav li a#solutions:hover {display:block;  height:33px; cursor:pointer;background: url(images/navSolutions_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}

#nav li a#news {display:block; float:left; height:33px;  cursor:pointer;background: url(images/navNews.jpg); position:relative; overflow:hidden; text-indent:-999px;}
#nav li a#news:hover {display:block;  height:33px; padding:0px; cursor:pointer; background: url(images/navNews_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}

#nav li a#downloads {display:block;float:left; height:33px; padding:0px; cursor:pointer;background: url(images/navDownloads.jpg); position:relative; overflow:hidden; text-indent:-999px;}
#nav li a#downloads:hover {display:block; height:33px; padding:0px; cursor:pointer;background: url(images/navDownloads_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}


#nav li a#request {display:block; float:left; height:33px; padding:0px; cursor:pointer;background: url(images/navRequest.jpg); position:relative; overflow:hidden; text-indent:-999px; margin:0px 0 0 0 !important;}
#nav li a#request:hover {display:block; height:33px; padding:0px; cursor:pointer;background: url(images/navRequest_hover.jpg); position:relative; overflow:hidden; text-indent:-999px;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:33px; background:#E9E8DA; border:1px solid #666;  padding:0px; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; width:190px; }

#nav li:hover ul.sub li:hover{background:#F5F1E6; }

#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; line-height:18px; text-indent:5px; text-decoration:none; color:#222222; font-weight:bold; }

#nav li:hover ul.sub li a:hover 
{background:#F5F1E6; color:#504B2F;}




#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:0px; background: #50b5d0; padding:0px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



/******************************************************************/




#home{ background:url(images/navHome.jpg) no-repeat; width:179px; height:33px;}
#home:hover{background:url(images/navHome_hover.jpg) no-repeat; width:179px; height:33px;}

#about{background:url(images/navAbout.jpg) no-repeat; width:154px; height:33px;}
#about:hover{background:url(images/navAbout_hover.jpg) no-repeat; width:154px; height:33px;}

#solutions{background:url(images/navSolutions.jpg) no-repeat; width:153px; height:33px;}
#solutions:hover{background:url(images/navSolutions_hover.jpg) no-repeat; width:153px; height:33px;}

#news{background:url(images/navNews.jpg) no-repeat; width:179px; height:33px;}
#news:hover{background:url(images/navNews_hover.jpg) no-repeat; width:179px; height:33px;}

#downloads{background:url(images/navDownloads.jpg) no-repeat; width:149px; height:33px;}
#downloads:hover{background:url(images/navDownloads_hover.jpg) no-repeat; width:149px; height:33px;}

#request{background:url(images/navRequest.jpg) no-repeat; width:139px; height:33px;}
#request:hover{background:url(images/navRequest_hover.jpg) no-repeat; width:139px; height:33px;}