/* CSS BOULEVART 2007
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
@import url("reset-fonts.css");


/* GENERAL STYLING
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/


	
body * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f1f6fb;
	line-height:130%;
	text-decoration:none;
}


h1{
	font-size: 150%;
}

h2{
	font-size: 130%;
}


h3{
	font-size: 120%;
}


h4{
	font-size: 110%;
}

h1, h2, h3, h4{
	margin-bottom:5px;

}


p{
	font-size: 90%;
	margin-bottom:10px;

}

/*p.disclaimer{
	margin-top:10px;
}*/

em {
	font-size: 80%;
}

strong{
	font-weight:bold;
}


a:link{ 
	color:#f1f6fb;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/dottedline.png) repeat-x bottom left;
}

a:visited{
	color: #ccc;
	border-bottom:1px solid #ccc;


}

a:hover{
	color: #036;
	color: #fff;
	background:none;
	border-bottom:1px solid #fff;

}


a.aimg{
	border:none;
	background:none;
}

img{
	margin:5px 5px 5px 0;
}

img.right{
	margin:5px 0 5px 5px;
}



/* POSITIONING GENERAL DIVS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

div#container{
	width:975px;
	margin:0 auto;
}

div#wrapper{
	width:975px;
	margin:10px auto;
}


div#banner{
	float:left;

	width:490px;
	height:530px;
	background:url(../img/banner_whiteblock.jpg) no-repeat 0 1px;
}

#index div#banner,
#services div#banner,
#consulting div#banner,
#newsevents div#banner{
	background:url(../img/banner_whiteblock.jpg) no-repeat 0 1px;
}

#technologies div#banner,
#about div#banner{
	background:url(../img/banner_whitebol.jpg) no-repeat 0 1px;
}

#careers div#banner,
#contact div#banner{
	background:url(../img/banner_redpuppet.jpg) no-repeat 0 1px;
}


div#content{
	float:left;
	width:485px;
	height:530px;
	background:url(../img/bg_content.jpg) no-repeat 0 1px;

}


div#navigation{

	float:left;
	margin-top:-13px;
	_margin-top:-30px;
	width:100%;
	height:170px;
	background:url(../img/logo_sbi.jpg) no-repeat 845px -4px;
	_background:url(../img/logo_sbi.jpg) no-repeat 845px -8px;
    
}

/* NAVIGATIE MAINNAV
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/


#mainnav{
	float:left;
	margin:5px 0 0 10px;
	_margin:0px 0 0 5px;

	
	
	padding:10px 0;
}



#mainnav li{
	float:left;
	padding:5px 10px;
	
	background:url(../img/bg_splitter.jpg) no-repeat right center;

}

#mainnav li.lilast{
	background:none;
}


#mainnav li a,
#mainnav li a.locator{
	padding:0;

	text-decoration:none;
	font-weight:normal;
	font-size:120%;

	color:#930;
	
	border:none;

}


#mainnav li a:hover{
	color:#036;
}



#mainnav li a.locator{

	color:#036;
	border-top:4px solid #036;
}


/* NAVIGATIE CONTENTNAV
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/


#contentnav{
	float:right;
	height:41px;
	margin:45px 38px 0 0px;
	_margin:45px 19px 0 0px;


}



#contentnav li{
	float:left;
	margin-left:10px;
}

#contentnav li a{
	display:block;
	width:96px;
	height:41px;
	text-decoration:none;
	border:none;
}
#contentnav li a:hover{
	border:none;
}

#contentnav li a:visited{
	border:none;
}






/* NAVIGATIE CONTENTNAV SERVICES
-------------------------------------------------------------------------------------*/
#contentnav li a.analytics{
	background:url(../img/btn_analytics.jpg) no-repeat 0 -41px;
}

#contentnav li a.analytics:hover{
	background:url(../img/btn_analytics.jpg) no-repeat 0 0;
}

#contentnav li a.assessment{
	background:url(../img/btn_assesment.jpg) no-repeat 0 -41px;
}

#contentnav li a.assessment:hover{
	background:url(../img/btn_assesment.jpg) no-repeat 0 0;
}

#contentnav li a.implement{
	background:url(../img/btn_implement.jpg) no-repeat 0 -41px;
}

#contentnav li a.implement:hover{
	background:url(../img/btn_implement.jpg) no-repeat 0 0;
}

#contentnav li a.support{
	background:url(../img/btn_support.jpg) no-repeat 0 -41px;
}

#contentnav li a.support:hover{
	background:url(../img/btn_support.jpg) no-repeat 0 0;
}



/* NAVIGATIE CONTENTNAV TECHNOLOGIES
-------------------------------------------------------------------------------------*/

#contentnav li a.enterprisedata{
	background:url(../img/btn_enterprisedata.jpg) no-repeat 0 -41px;
}

#contentnav li a.enterprisedata:hover{
	background:url(../img/btn_enterprisedata.jpg) no-repeat 0 0;
}

#contentnav li a.intellstorage{
	background:url(../img/btn_intellstorage.jpg) no-repeat 0 -41px;
}

#contentnav li a.intellstorage:hover{
	background:url(../img/btn_intellstorage.jpg) no-repeat 0 0;
}

#contentnav li a.enterprisbusiness{
	background:url(../img/btn_enterprisebusiness.jpg) no-repeat 0 -41px;
}

#contentnav li a.enterprisbusiness:hover{
	background:url(../img/btn_enterprisebusiness.jpg) no-repeat 0 0;
}


#contentnav li a.btnlocator{
	background-position:0 0;
}

/* CONTENT NESTED DIVS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/


#contactinfo{
	width:445px;
	height: 120px;
	/*margin-top:145px;*/
	margin-top:60px;
}


#contactinfo p{
	margin-bottom:3px;
	width:auto;
	line-height:100%;
	color:#fff;
	text-align:right;
}





/*  SCROLL
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

div.scrollholder
{
    position: relative;
	width:445px;
	height: 285px;
    overflow: auto;
    z-index: 1;
    
    left: 0;
	/*top: 120px;
	**/top: 40px;
	
	padding-right: 5px;
}

div.scroll
{
    position: absolute;
    left: 0; 
	top: 0;
    width: 95%;
    z-index: 2;
}

/*  SCROLL TRACKS & DRAGBAR
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; 
	height: 100%;
    font-size: 0;
    z-index: 3;
    background: transparent  url(../img/scroll_ln.gif) repeat-y center;
}

div.drag_bar
{
    position: absolute;
    width: 100%; 
	height: 20px;
    cursor: pointer;
    z-index: 4;
    background: transparent url(../img/scroll_knob.gif) no-repeat top center;

} 
/*------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/
div#Lay_sassilver {
	position:relative;
        float:left;
	width:150px;
	height:40px;
	z-index:2;
	left: -650px;
	_left:-650px;
	/*top: 200px;
        _top: 200px;*/
	background:url(../img/Alliance_Silver_small.jpg) no-repeat left;
	_background:url(../img/Alliance_Silver_small.jpg) no-repeat left;
}