/*/////////////////////////////////////////////////////// OVERALL DEFINITIONS ///////////////////
_______________________________________________________________________________________________________ */

/*	color: #FF1000; rosso logo */

/* reset all block-level elements margins & paggings (1)
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0; } 
*/


body {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	border: none;
	/* formatting
	------------------ */
	/*  see references (2) */
	font-family: 'Arial', arial , verdana, sans-serif;
	font-size: 62.5%;  /* 16px x 62.5% = 10px */
	text-align: left;
	color: #333333;
	/*background: #FFFFFF url(../img/interface/body_background.gif) repeat-y 0px 0px;*/
	background: #FFFFFF;
	}

h1 {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0px;
	}

h2 { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0px;
	}

h3 { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	}

h5 { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.0em;
	}
	
p {
	/* layout
	------------------ */
	margin: 0px 0px 1.5em;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.2em;
	line-height: 1.4em;
	letter-spacing: 0px;
	/* <- locally declared -> */
	}

ul, ol {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	list-style-type: none;
	}

	ul li, ol li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		/* <- locally declared -> */
	}


/*/////////////////////////////////////////////////////// COMMON DEFINITIONS ////////////////////
_______________________________________________________________________________________________________ */


/*............................... CLEARERS ........*/

div.clearer, form br { 
	/* layout
	------------------ */
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	border: none;
	visibility: hidden;
	}

/*............................... LINKS ..........*/

a, a:hover, a:active, a:visited {
	/* formatting
	------------------ */
	color: #E20A16;
	}

	/* avoid dotted borders on active links */
	a:active, a:focus{ outline: none; }

	/* avoid borders on images contained in links */
	a img, :link img, :visited img { border: none; }


/*............................... IMAGES  ........*/

div.rfphoto img {
	/* layout
	------------------ */
	margin: 0px 0px 30px 30px;
	padding: 0px;
	float: right;
	}

div.lfphoto img {
	/* layout
	------------------ */
	margin: 0px 40px 40px 0px;
	padding: 0px;
	float: left;
	}


/*............................... LISTS  ........*/

ul.preformatted {	/* see also 'ul' declaration */
	margin: 0px 0px;
	padding-left: 18px;
	list-style-position: outside;
	list-style-type: disc;
	}

	ul.preformatted li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-size: 1.2em;
		line-height: 1.5em;
		}



/*/////////////////////////////////////////////////////// COMMON BOXES DEFINITIONS //////////////
_______________________________________________________________________________________________________ */



/*||||||||||||||||||||||||||||||| HEADER |||||||||||
__________________________________________________________ */

#wrpHeader {
	/* layout
	------------------ */
	position: relative;
	width: 100%;
	height: 125px;
	margin: 0px;
	padding: 0px;
	background: url(../img/interface/header_background.gif) repeat-x 0px bottom;
	}

	#boxHeader {
		/* layout
		------------------ */
		position: relative;
		width: 900px;
		height: 125px;
		margin: 0px auto;
		padding: 0px;
		}
	
		#boxHeaderLogo {	
			/* layout
			------------------ */
			position: absolute;
			top: 56px;
			left: 58px;
			width: 231px;
			height: 32px;
		}
	
		/*|||||| NAVIGATION MENU ||||||
		______________________________________ */
		
		#boxHeaderMenu {
			/* layout
			------------------ */
			position: absolute;
			top: 99px;
			left: 52px;
			width: 780px;
			height: 23px;
			margin: 0px;
			padding: 0px 0px 0px 3px;
			background-color: #F7F7F7;
			}
	
			#boxHeaderMenu a { display: block; float: left; height: 23px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; }
			#boxHeaderMenu a.item1 { width:  88px; background-image: url(../img/interface/header_menu_item1.gif); }
			#boxHeaderMenu a.item2 { width: 191px; background-image: url(../img/interface/header_menu_item2.gif); }
			#boxHeaderMenu a.item3 { width:  81px; background-image: url(../img/interface/header_menu_item3.gif); }
			#boxHeaderMenu a.item4 { width:  50px; background-image: url(../img/interface/header_menu_item4.gif); }
			#boxHeaderMenu img { display: block; float: left; }
	
			/* active menu (not used) */
			/* #pageAbout #boxHeaderMenu a.item1 { background-position: 0px -50px; } */
			/* #pageServices #boxHeaderMenu a.item2 { background-position: 0px -50px; } */
			/* #pageContact #boxHeaderMenu a.item3 { background-position: 0px -50px; } */
			/* #pageBlog #boxHeaderMenu a.item4 { background-position: 0px -50px; } */
	
			/* hover effect (needs higher specificity) */
			#boxHeader #boxHeaderMenu a:hover { background-position: 0px -25px; }




/*||||||||||||||||||||||||||||||| MAIN |||||||||||||
__________________________________________________________ */

#wrpBody {
	/* layout
	------------------ */
	width: 900px;
	margin: -125px auto 0px auto;
	padding: 0px;
	/* formatting
	------------------ */
	background: url(../img/interface/body_background.gif) repeat-y 0px -1px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}
	
	#boxBody {
		/* layout
		------------------ */
		position: relative;
		margin: 125px 50px 100px 50px;
		padding: 56px 59px 0px 56px;
		width: 685px;
		}
	
		
		/* === TYPEFACES === */
		#boxBody h1 {
			/* layout
			------------------ */
			color: #1D1D1D;
			}
	
		#boxBody h2 {
			/* layout
			------------------ */
			margin: 0px 0px 5px 0px;
			color: #333333;
			color: #FF1000;
			}
	
		#boxBody h3 {
			/* layout
			------------------ */
			margin: 0px 0px 20px 0px;
			font-weight: normal;
			color: #999999;
		}
	
		#boxBody h5 {
			/* layout
			------------------ */
			margin: 0px 0px 20px 0px;
			color: #000000;
		}

		#boxBody h6 { display: none; /* used to make titles available to engines, graphically rendered through backgrounds */ }
	
		#boxBody p {
			/* layout
			------------------ */
			margin: 0px 0px 14px 0px;
			/* formatting
			------------------ */
			font-size: 14px;
			line-height: 18px;
			color: #333333;
		}
	
	
	
		/* === LEFT COLUMN === */
	
		#boxMainLeft {
			/* layout
			------------------ */
			position: relative;
			margin: 35px 0px 0px 0px;
			padding: 0px;
			width: 365px;
			display: block;
			float: left;
		}
	
	
		/* === RIGHT COLUMN === */
	
		#boxMainRight {
			/* layout
			------------------ */
			position: relative;
			margin: 25px 0px 0px 0px;
			padding: 0px;
			width: 265px;
			display: block;
			float: right;
			text-align: right;
			}
	
			#boxMainRight p.caption {
				margin:  -5px 0px 20px 0px;
				padding: 0px 30px 0px 20px;
				font-size: 11px;
				line-height: 12px;
				font-style: italic;
				color: #999999;
			}


		/* === IMAGE REPLACEMENT === */

		#pageHome #boxBody h1 { height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h1_home.gif) no-repeat 0px 0px; }
		#pageAbout #boxBody h1 { height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h1_about.gif) no-repeat 0px 0px; }
		#pageServices #boxBody h1 { height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h1_services.gif) no-repeat 0px 0px; }
		#pageContact #boxBody h1 { height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h1_contact.gif) no-repeat 0px 0px; }

		#pageAbout #boxBody h2 { height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h2_about_team.gif) no-repeat 0px 0px; }
		#pageServices #boxBody div.solution h2 { height: 25px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; }
		#pageServices #boxBody div#sol_erp h2 { background-image: url(../img/interface/titles/h2_services_erp.gif); }
		#pageServices #boxBody div#sol_web h2 { background-image: url(../img/interface/titles/h2_services_web.gif); }
		#pageServices #boxBody div#sol_fin h2 { background-image: url(../img/interface/titles/h2_services_fin.gif); }
		#pageServices #boxBody div#sol_biz h2 { background-image: url(../img/interface/titles/h2_services_biz.gif); }
		#pageServices #boxBody div#sol_svc h2 { background-image: url(../img/interface/titles/h2_services_svc.gif); }

		#pageHome #boxBody h3 { height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h3_home.gif) no-repeat 0px 0px; }
		#pageAbout #boxBody h3 { height: 60px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h3_about.gif) no-repeat 0px 0px; }
		#pageServices #boxBody h3 { height: 40px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h3_services.gif) no-repeat 0px 0px; }
		#pageContact #boxBody h3 { height: 40px; text-indent: -9999px; overflow: hidden; background: url(../img/interface/titles/h3_contact.gif) no-repeat 0px 0px; }

		#pageAbout #boxBody div.person h5 { height: 20px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; }
		#pageAbout #boxBody div#prs_area1 h5 { background-image: url(../img/interface/titles/h5_persons_area1.gif); }
		#pageAbout #boxBody div#prs_area2 h5 { background-image: url(../img/interface/titles/h5_persons_area2.gif); }
		#pageAbout #boxBody div#prs_area3 h5 { background-image: url(../img/interface/titles/h5_persons_area3.gif); }
		#pageAbout #boxBody div#prs_area4 h5 { background-image: url(../img/interface/titles/h5_persons_area4.gif); }
		#pageAbout #boxBody div#prs_area5 h5 { background-image: url(../img/interface/titles/h5_persons_area5.gif); }



/*||||||||||||||||||||||||||||||| FOOTER |||||||||||
__________________________________________________________ */


#wrpFooter {
	/* layout
	------------------ */
	position: relative;
	margin: -100px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 100px;
	background: url(../img/interface/footer_background.gif) repeat-x 0px bottom;
	}
	
	#boxFooter {
		/* layout
		------------------ */
		position: relative;
		width: 900px;
		height: 100px;
		margin: 0px auto;
		padding: 0px;
		}
	
		#boxFooterAddress {
			/* layout
			------------------ */
			position: absolute;
			top: 58px;
			left: 74px;
			height: 14px;
			padding-left: 15px;
			display: block;
			/* formatting
			------------------ */
			font-family: 'Arial', verdana, sans-serif;
			font-size: 10px;
			line-height: 14px;
			font-weight: 9px;
			text-align: left;
			color: #999999;
			background: url(../img/interface/footer_address_arrow.gif) no-repeat 0px 2px;
			}
			#boxFooterAddress a { color: #999999; }
	
		#boxFooterPiva {
			/* layout
			------------------ */
			position: absolute;
			top: 58px;
			left: 670px;
			width: 150px;
			height: 14px;
			display: block;
			/* formatting
			------------------ */
			font-family: 'Arial', verdana, sans-serif;
			font-size: 10px;
			line-height: 14px;
			text-align: right;
			color: #CCCCCC;
		}
		
		#boxFooterDecor {
			/* layout
			------------------ */
			position: absolute;
			top: 42px;
			left: 52px;
			width: 783px;
			height: 7px;
			display: block;
			overflow: hidden;
			/* formatting
			------------------ */
			background: #F7F7F7;
		}






/*/////////////////////////////////////////////////////// SPECIFIC PAGES DEFINITIONS ////////////
_______________________________________________________________________________________________________ */



/*||||||||||||||||||| HOME PAGE ||||||||||||||||
__________________________________________________________ */

#pageHome #homeIntro {
	/* layout
	------------------ */
	width: 685px;
	height: 275px;
	/* formatting
	------------------ */
	background: #F7F7F7 url(../img/intro_alternative.png) no-repeat 0px 0px;
}



/*||||||||||||||||||| CHI SIAMO ||||||||||||||||
__________________________________________________________ */

#pageAbout {}

	#pageAbout #boxMainLeft .person {
		/* layout
		------------------ */
		margin:  30px 0px 30px;
		padding: 0px 0px 0px 45px;
		/* formatting
		------------------ */
		background: url(../img/interface/leftside_arrow_red_small_background.gif) no-repeat 0px 0px;
		}
	
		#pageAbout #boxMainLeft .person h5 { margin:  0px 0px 15px 0px; }
		#pageAbout #boxMainLeft .person p { width: 200px; margin: 0px 0px 5px 0px;}
		#pageAbout #boxMainLeft .person img { float: right; margin: 3px 0px 10px 10px; }


	#pageAbout .person .more {
		/* layout
		------------------ */
		margin: 10px 120px 0px 0px;
		padding: 0px;
		display: block;
		/* formatting
		------------------ */
		font-size: 11px;
		line-height: 12px;
		text-align: right;
		}

		#pageAbout .person .more a {
			padding: 0px 14px 0px 0px;
			/* formatting
			------------------ */
			color: #999999;
			text-decoration: none;
			background: url(../img/interface/bullets/bullet_12px_more_red.gif) no-repeat right 50%;
		}
		#pageAbout .person .more a:hover { text-decoration: underline; }


	#pageAbout #boxMainRight #boxAboutHistory {
		/* layout
		------------------ */
		height: 1%;	/* trigger "hasLayout" property on IE */
		margin: 30px 12px 30px 0px;
		padding: 30px 0px 0px 0px;
		/* formatting
		------------------ */
		background: url(../img/interface/about_history_background.gif) no-repeat top right;
		}

		#pageAbout #boxMainRight #boxAboutHistory p {
			/* layout
			------------------ */
			margin: 15px 0px 15px 20px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 12px;
			line-height: 16px;
			}

			#pageAbout #boxMainRight #boxAboutHistory p span.year {
				/* layout
				------------------ */
				margin: 0px;
				padding: 0px 15px 0px 0px;
				display: block;
				/* formatting
				------------------ */
				font-size: 14px;
				font-weight: bold;
				color: #000000;
				background: url(../img/interface/bullets/bullet_12px_arrow_gray_o.gif) no-repeat right 50%;
				}

	#pageAbout #boxMainRight #boxAboutPhotogallery {
		/* layout
		------------------ */
		height: 1%;	/* trigger "hasLayout" property on IE */
		margin: 40px 0px 30px 0px;
		padding: 70px 0px 0px 0px;
		/* formatting
		------------------ */
		background: url(../img/interface/photogallery_background2.gif) no-repeat top right;
		}


		#pageAbout #boxMainRight #boxAboutPhotogallery ul {
			/* layout
			------------------ */
			margin: 0px 20px 0px auto;
			padding-left: 20px;
			width:  252px;

			margin: 0px 0px 0px auto;
			width:  190px;
			border-right: 3px solid #CCCCCC;

			}

			#pageAbout #boxMainRight #boxAboutPhotogallery ul li {
				/* layout
				------------------ */
				margin: 0px 12px 9px 0px;
				padding: 0px;
				display: block;
				float: left;
				}

				#pageAbout #boxMainRight #boxAboutPhotogallery ul li a img { 
					/* layout
					------------------ */
					margin: 0px;
					padding: 2px;
					max-width: 45px;
					max-height: 45px; 
					background: #F6F6F6;
					border: 1px solid #E6E6E6;
				}


				#pageAbout #boxMainRight #boxAboutPhotogallery ul li a:hover img { border: 1px solid #999999; }


	

/*||||||||||||||||||| SOLUZIONI & SOFTWARE ||||||||||||||||
__________________________________________________________ */

#pageServices {}

	#pageServices .solution {
		margin-bottom: 50px; 
	}

	#pageServices .solution .more {
		/* layout
		------------------ */
		margin: 10px 0px 0px 0px;
		padding: 0px;
		display: block;
		/* formatting
		------------------ */
		font-size: 11px;
		line-height: 12px;
		text-align: right;
		}

		#pageServices .solution .more a {
			padding: 0px 14px 0px 0px;
			/* formatting
			------------------ */
			color: #999999;
			text-decoration: none;
			background: url(../img/interface/bullets/bullet_12px_more_red.gif) no-repeat right 50%;
			}

			#pageServices .solution .more a:hover { text-decoration: underline; }


	#pageServices #boxMainRight .listing {
		/* layout
		------------------ */
		height: 1%;	/* trigger "hasLayout" property on IE */
		margin: 50px 12px 50px 0px;
		padding: 30px 0px 0px 0px;
		}

		#pageServices #boxMainRight #listServiceKnowhow { background: url(../img/interface/services_knowhow_background.gif) no-repeat top right; }
		#pageServices #boxMainRight #listServiceCasehistory { background: url(../img/interface/services_casehistory_background.gif) no-repeat top right; }

		#pageServices #boxMainRight .listing li { 
			/* layout
			------------------ */
			margin: 2px 0px;
			padding: 0px 20px 0px 0px;
			/* formatting
			------------------ */
			font-size: 14px;
			line-height: 18px;
			font-weight: bold;
			color: #666666;
			background: url(../img/interface/bullets/bullet_12px_arrow_gray_o.gif) no-repeat right 50%;
		}

		#pageServices #boxMainRight .listing li a { color: #666666; } 
		#pageServices #boxMainRight .listing li a:hover { color: #FF1000; } 



/*||||||||||||||||||| CONTATTI ||||||||||||||||
__________________________________________________________ */

#pageContacts {}

	#pageContact #boxMainLeft .address {
		/* layout
		------------------ */
		margin:  20px 0px 30px;
		padding: 0px 0px 0px 95px;
		/* formatting
		------------------ */
		font-size: 16px;
		line-height: 20px;
		background: url(../img/interface/leftside_arrow_red_big_background.gif) no-repeat 40px 0px;
		}
	
		#pageContact #boxMainLeft .address strong { font-size: 18px; color: #000000; }
	
		#pageContact #boxMainLeft .address a { 	
			/* layout
			------------------ */
			width:  120px;
			height: 20px;
			text-indent: -9999px;
			display: block;
			overflow: hidden;
			/* formatting
			------------------ */
			background: url(../img/interface/contact_address_email.gif) no-repeat top left; 
		}
	
	#pageContact #boxMainLeft .roadmap {}
	#pageContact #boxMainLeft .roadmap span {
		/* layout
		------------------ */
		margin: 10px 0px 0px 0px;
		padding: 0px;
		display: block;
		/* formatting
		------------------ */
		font-size: 11px;
		line-height: 12px;
		text-align: center;
		}

		#pageContact #boxMainLeft .roadmap span a { color: #000000; }

	#pageContact #boxMainRight #boxContactJobs {
		/* layout
		------------------ */
		height: 1%;	/* trigger "hasLayout" property on IE */
		margin: 10px 12px 30px 0px;
		padding: 30px 0px 0px 0px;
		/* formatting
		------------------ */
		background: url(../img/interface/contact_jobs_background.gif) no-repeat top right;
		}
	
		#pageContact #boxMainRight #boxContactJobs a {
			/* layout
			------------------ */
			width:  140px;
			height: 21px;
			margin: 0px 0px 0px auto;
			display: block;
			/* formatting
			------------------ */
			text-indent: 999px;
			overflow: hidden;
			text-align: right;
			background: url(../img/interface/contact_jobs_email.gif) no-repeat top left; 
		}
	
	#pageContact #boxMainRight #boxContactJobsListing {
		/* layout
		------------------ */
		margin: 30px 12px 30px 50px;
		padding: 0px;
		}

		#pageContact #boxMainRight #boxContactJobsListing p {
			/* layout
			------------------ */			
			margin-bottom: 10px; 
			/* formatting
			------------------ */
			font-size: 12px;
			line-height: 16px;
			}

			#pageContact #boxMainRight #boxContactJobsListing p a { 
				padding-left: 20px;
				color: #333333;
				text-transform: uppercase;
				background: url(../img/interface/bullets/bullet_12px_arrow_red_e.gif) no-repeat left 50%;
				}




/*/////////////////////////////////////////////////////// SLIMBOX ////////////
_______________________________________________________________________________________________________ */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/interface/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/interface/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/interface/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/interface/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*####################################################### FOOTNOTES ###################
_______________________________________________________________________________________________________

(1)	http://developer.yahoo.com/yui/reset/
(2)	http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
	http://www.webspaceworks.com/resources/cat/devtools/48/

*/