/*
--------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------
*/
body {
 font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff;color:#666666; 

}
.fieldset {
	width:300px; }
.fieldset .label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }
.fieldset .nobr {
	display:none; }  
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px; }
.fieldset .textarea {
	margin:3px;
	height:165px;
	width:200px; }


h1 {
color:#113459;
font-size:197%;
font-weight:normal;
line-height:138.5%;
padding-bottom:18px;
}

h2 {

color:#000000;
font-size:138.5%;
font-weight:bold;
line-height:138.5%;
padding-bottom:9px;
}

h3 {
font-size:123.1%;
font-weight:bold;
line-height:138.5%;
padding-bottom:9px;
}

h4 {
font-size:108%;
font-weight:bold;
line-height:138.5%;
padding-bottom:9px;
}

p {
color:#666666
font-size:inherit;
line-height:inherit;
padding-bottom:9px;
}

ol, ul {
list-style:disc;
list-style-position: outside;
margin:0px 0px 0px 15px;
}

/*
--------------------------------------------------------------
LAYOUT
--------------------------------------------------------------
*/

body {
background:url(../images/bg.jpg) top center no-repeat #061f3d;
text-align:center;
}

a {
color:#2b5c91;
}

a:hover {
color:#113459;
}

div.content {

background:#fff;
font-size:100%;
line-height:140	.5%;
padding-bottom:9px;
margin-top:42px;
padding-bottom:18px;
text-align:left;
}

div#footer {
background:url(../images/footertop.gif) top center no-repeat;
color:#888;
font-size:93%;
padding:18px 20px;
margin:0px auto 20px auto;
text-align:left;
width:920px;
}

div.center {
text-align:center;
}

div.space_small {
padding-bottom:18px;
}

div.space_med {
padding-bottom:36px;
}

div.space_large {
padding-bottom:72px;
}

.padded {
padding-left:18px;
padding-right:18px;
}

.title {
border-bottom:1px solid #e6e6e6;
padding:18px 0px 9px 0px;
margin:0px 18px 18px 18px;
}

.body2 {
border-bottom:1px solid #e6e6e6;
padding:18px 0px 9px 0px;
margin:0px 18px 18px 18px;
}

/*
--------------------------------------------------------------
MENU
--------------------------------------------------------------
*/

div#menu {
height:31px;
margin:0 auto;
padding-top:34px;
text-align:left;
width:960px;
}

div#menu table, 
div#menu td {
border:0; border-collapse:collapse;
padding:0; margin:0; 
}

div#menu_hold {
float:right;
width:736px;
}

div#menu ul {
background:url(../images/menuback.gif) top left no-repeat;
display:block;
height:31px;
list-style:none;
margin:0; 
padding:0px 0px 0px 0px;
}

div#menu ul li {
display:inline;
float:left;
height:31px;
margin:0; padding:0;
}

div#menu ul li a {
color:#113459;
border-left:1px solid #b7c6d4;
border-right:1px solid #d9e4ee;
display:block;
float:left;
height:30px;
line-height:30px;
padding:0px 10px;
text-decoration:none;
}

div#menu ul li.first a {
background:url(../images/menuback.gif) top left no-repeat;
border-left:0px;
}

div#menu ul li a:hover {
text-decoration:underline;
}

div#menu ul li a.active {
background:url(../images/link_bg_active.gif) top left repeat-x;
}

div#menu ul li.first a.active {
background:url(../images/link_first_bg_active.gif) top left repeat-x;
}

div#menu li ul {
background:none;
border:1px solid #b2c8db;
border-top:0px;
border-bottom:0px;
clear:all;
height:auto;
left: -999em;
position: absolute;
width: 150px;
}

div#menu li ul li {
background:#e6edf4;
border:0;
border-top:1px solid #fcfdfd;
border-bottom:1px solid #b5cde2;
display:block;
height:30px;
width:150px;
}

div#menu li ul li a {
border:0;
display:block;
height:30px;
line-height:30px;
padding:0;
text-indent:10px;
width:150px;
}

div#menu li ul li:hover {
border-top:1px solid #fff;
}

div#menu li ul li a:hover {
background:#f5f8fb;
}

div#menu li:hover ul {
left: auto;
}

div#menu li:hover ul, 
div#menu li.sfhover ul {
left: auto;
}

/*
--------------------------------------------------------------
SUBMENU
--------------------------------------------------------------
*/

ul.submenu {
border-bottom:1px solid #e6e6e6;
height:30px;
list-style:none;
margin:-18px 18px 18px 18px; padding:0;
}

ul.submenu table, 
ul.submenu td {
border:0; border-collapse:collapse;
padding:0; margin:0; 
}

ul.submenu li {
display:inline;
float:left;
height:30px;
}

ul.submenu li a {
display:block;
float:left;
height:30px;
line-height:30px;
padding:0px 10px;
text-decoration:none;
}

ul.submenu li a:hover {
text-decoration:underline;
}

ul.submenu li a.active {
background:#f7f7f7;
}

/*
--------------------------------------------------------------
HOMEPAGE
--------------------------------------------------------------
*/

div.homepage {
background:#ddecf8;
height:450px;
margin-top:105px;
text-align:left;
}

div#landing {
background:#fff;
display:block;
height:300px;
width:960px;
}

ul#homepage {
border:0;
display:block;
padding: 0; margin: 0;
list-style: none;
width:960px;
}

ul#homepage li {
border:0;
display: inline;
float: left;
height:150px;
padding: 0; margin: 0;
width:240px;
}

ul#homepage li a {
border:0;
display: block;
height:150px;
padding: 0; margin: 0;
width:240px;
text-indent:-999em;
}

ul#homepage li ul {
border:0;
padding: 0; margin: 0;
margin-top:-450px;
position: absolute;
left: -999em;
width:960px;
}

ul#homepage li:hover ul {
left: auto;
}

ul#homepage li:hover ul, 
ul#homepage li.sfhover ul {
left: auto;
}

ul#homepage li ul li {
background:#fff;
border:0;
display:block;
float:left;
height:300px;
width:960px;
}

ul#homepage li#services ul {
margin-left:0px;
}

ul#homepage li#services {
background:url(../images/homepage_services.jpg) center left no-repeat;
}

ul#homepage li#services:hover,
ul#homepage li#services.sfhover {
background:url(../images/homepage_services_on.jpg) center left no-repeat;
}


ul#homepage li#toolkits ul {
margin-left:-240px;
}

ul#homepage li#toolkits {
background:url(../images/homepage_toolkits.jpg) center left no-repeat;
}

ul#homepage li#toolkits:hover,
ul#homepage li#toolkits.sfhover {
background:url(../images/homepage_toolkits_on.jpg) center left no-repeat;
}


ul#homepage li#ensemble ul {
margin-left:-480px;
}

ul#homepage li#ensemble {
background:url(../images/homepage_ensemble.jpg) center left no-repeat;
}

ul#homepage li#ensemble:hover,
ul#homepage li#ensemble.sfhover  {
background:url(../images/homepage_ensemble_on.jpg) center left no-repeat;
}


ul#homepage li#ensemble_exchange ul {
margin-left:-720px;
}

ul#homepage li#ensemble_exchange {
background:url(../images/homepage_ee.jpg) center left no-repeat;
}

ul#homepage li#ensemble_exchange:hover,
ul#homepage li#ensemble_exchange.sfhover  {
background:url(../images/homepage_ee_on.jpg) center left no-repeat;
}

/*
--------------------------------------------------------------
FISHEYE COMPONENT
--------------------------------------------------------------
*/

#fisheye_menu {
height: 81px;
list-style: none;
margin: 10px;
padding: 0;
}

#fisheye_menu li {
display: block;
float: left;
position: relative;
}

#fisheye_menu span {
background: #f7f7f7;
border: 1px solid #e6e6e6;	
position: absolute;
top: 100%;
left: 0;
margin: 5px 0px 0px 0px;
padding: 3px;
text-align: center;
width: auto;
z-index:999;
}

#fisheye_menu a {
text-decoration: none;
}

#fisheye_menu img {
border: 0;
vertical-align: top;
}

/*
--------------------------------------------------------------
FADER COMPONENT
--------------------------------------------------------------
*/

div#fader {
display:block;
overflow:none;
position:relative;
}

div#fader div {
display:none;
position:absolute;
top:0; left:0;
z-index:100;
}