@charset "utf-8";
/* CSS elaborato dalla The Bridge Network */

#head { height:61px; width:800px; background:url(img/head.gif); }

		/* MENU */

#navigation { width:687px; height:51px; background:url(img/navigation.gif); }
#navigation ul {list-style:none;}
#navigation ul li { float:left; display:block; }
#navigation ul li a { float:left; display:inline; height:51px; background:no-repeat; }
	
#introduction a { width:75px; margin:0 28px 0 16px; }
#introduction a:hover, #introduction a:active { background: url(img/navigation.gif) -16px -51px; }
#introduction a.active {background: url(img/navigation.gif) -15px 51px; }
	
#whoweare a { width:54px; margin-right:20px; }
#whoweare a:hover, #whoweare a:active { background: url(img/navigation.gif) -119px -51px; }
#whoweare a.active { background: url(img/navigation.gif) -119px 51px;}
	
#whatwedo a { width:85px; margin-right:24px; }
#whatwedo a:hover, #whatwedo a:active { background: url(img/navigation.gif) -193px -51px; }
#whatwedo a.active { background: url(img/navigation.gif) -193px 51px; }
	
#ourpartners a { width:100px; margin-right:33px }
#ourpartners a:hover, #ourpartners a:active { background: url(img/navigation.gif) -302px -51px; }
#ourpartners a.active { background: url(img/navigation.gif) -301px 51px; }
	
#developmentcomunication a { width:150px; margin-right:20px; }
#developmentcomunication a:hover, #developmentcomunication a:active { background: url(img/navigation.gif) -435px -51px; }
#developmentcomunication a.active { background: url(img/navigation.gif) -435px 51px; }
	
#contactus a { width:65px; margin-right:14px;}
#contactus a:hover, #contactus a:active { background: url(img/navigation.gif) -605px -51px; }
#contactus a.active { background: url(img/navigation.gif) -604px 51px; }
	

		/* PAGINE */

.introduction { background: url(../img/introduction-content.gif) bottom left no-repeat; }
.title-introduction { background:url(img/introduction-title.gif) no-repeat; }

.whoweare { background: url(../img/whoweare-content.gif) bottom left no-repeat; }
.title-whoweare { background:url(img/whoweare-title.gif) no-repeat; }
.flasheader-whoweare { background:url(img/whoweare-flasheader.gif) no-repeat 16px;}

.whatwedo { background: url(../img/whatwedo-content.gif) bottom left no-repeat; }
.title-whatwedo { background:url(img/whatwedo-title.gif) no-repeat; }
.flasheader-whatwedo { background:url(img/whatwedo-flasheader.gif) no-repeat 16px;}

.ourpartners { background: url(../img/ourpartners-content.gif) bottom left no-repeat; }
.title-ourpartners { background:url(img/ourpartners-title.gif) no-repeat; }
.flasheader-ourpartners { background:url(img/ourpartners-flasheader.gif) no-repeat 16px;}

.developmentcomunication { background: url(img/developmentcomunication-content.gif) bottom left no-repeat; }
.title-developmentcomunication { background:url(img/developmentcomunication-title.gif) no-repeat; }
.flasheader-developmentcomunication { background:url(img/developmentcomunication-flasheader.gif) no-repeat 16px;}

.contactus { background: url(../img/contactus-content.gif) bottom left no-repeat; }
.title-contactus { background:url(img/contactus-title.gif) no-repeat; }
.flasheader-contactus { background:url(img/contactus-flasheader.gif) no-repeat 16px;}

.terms { background: url(../img/terms.gif) bottom left no-repeat; }