/* START OF MAIN DIV SECTIONS - BODY, CONTAINER, HEADER, SUBTASKBAR, MAINCONTENT, & FOOTER */
body {
	
	font: 100%;
	background: #eeeeee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
    width: 945px;
    background: #eeeeee;	
    text-align: left;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -472.5px;
}

#header {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 51px;
	margin: 29px 0px 0px 0px;
}

#subtaskbar {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 12px 0px 0px 0px;
	height: 32px;
}

#logo{
	background-image: url('../images/inrettilogo.png');
	width: 284px;
	height: 55px;
	margin: 0px 0px 10px -3px;
	padding: 0px;
	}

#contact{
	position: relative;
	left: 885px;
	top: 35px;
	font-family: arial;
	font-size: 12px;
	color: #9b9b9b;
	}





#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 100px 0px 0px 0px; 
	background-image: url('../images/companybanner.png'); /* replaced original png with modified png which is denoted with ...2.png */
	background-repeat:no-repeat;
	background-color:#FFF;
	width: 945px;
	height: 716px;
}

.footer{
	padding: 0px;
	margin: 0px;
	
	background-color:#FFF;	
	background-repeat:no-repeat;
	width: 100%;
	height: 77px;
	}
/* END OF MAIN DIV SECTIONS */

/* START OF MAIN NAVIGATION BAR*/
ul.taskbar{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 949px;
	}
ul.taskbar li{
	display: inline;
	list-style-type: none;
	position: relative;
	}	

	
a.home{
	background-image: url('../images/taskbar.png');
	background-position: 0px 35px;
	width: 159px;
	height: 35px;
	float: left;
	}

a.home:hover{
	background-image: url('../images/taskbar.png');
	background-position: 0px 70px;
	}	
	
a.home:active{
	background-image: url('../images/taskbar.png');
	background-position: 0px -2px;
	}	
	

a.about{
	background-image: url('../images/taskbar.png');
	background-position: 790px 70px;
	width: 158px;
	height: 35px;
	float: left;
	}	
	
a.about:hover{
	background-image: url('../images/taskbar.png');
	background-position: 790px 70px;
	}	
	
a.about:active{
	background-image: url('../images/taskbar.png');
	background-position: 790px -2px;
	}	
	
	
a.services{
	background-image: url('../images/taskbar.png');
	background-position: 632px 35px;
	width: 158px;
	height: 35px;
	float: left;
	}
	
a.services:hover{
	background-image: url('../images/taskbar.png');
	background-position: 632px 70px;
	}	
	
a.services:active{
	background-image: url('../images/taskbar.png');
	background-position: 632px -2px;
	}	
	
a.projects{
	background-image: url('../images/taskbar.png');
	background-position: 474px 35px;
	width: 157px;
	height: 35px;
	float: left;
	}
	
a.projects:hover{
	background-image: url('../images/taskbar.png');
	background-position: 474px 70px;
	}	
	
a.projects:active{
	background-image: url('../images/taskbar.png');
	background-position: 474px -2px;
	}	

 
a.pentasys{
	background-image: url('../images/taskbar.png');
	background-position: 316px 35px;
	width: 157px;
	height: 35px;
	float: left;
	}	
 
a.pentasys:hover{
	background-image: url('../images/taskbar.png');
	background-position: 316px 70px;
	}
 
 a.pentasys:active{
	background-image: url('../images/taskbar.png');
	background-position: 316px -2px;
	}
 
a.videos{
 	background-image: url('../images/taskbar.png');
	background-position: 157px 35px;
	width: 157px;
	height: 35px;
	float: left;
 	}
 	
 a.videos:hover{
	background-image: url('../images/taskbar.png');
	background-position: 157px 70px;
	}	
	
a.videos:active{
	background-image: url('../images/taskbar.png');
	background-position: 157px -2px;
	}
/* END OF MAIN NAVIGATION BAR */

/* START OF PAGE SPECIFIC ELEMENTS */
/* Copyright text in footer */	
.copyright{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #999999;
	float: right;
	position:relative;
	top: 35px;
	padding: 0px 15px 0px 0px;
}

/* END OF PAGE SPECIFIC ELEMENTS */
.description{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #5d5d5d;
	position: relative;
	left: 353px;
	top: 218px;
	display:block;
	width: 600px;
	margin:0px;
	}
	
.mission{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #5d5d5d;
	position: relative;
	left: 353px;
	top: 280px;
	display:block;
	width: 600px;
	margin:0px;
	}
	
.contact{
	font-family:Arial, sans-serif;
	font-size: 9pt;
	color: #5d5d5d;
	position: relative;
	left: 352px;
	top: 335px;
	display:block;
	width: 600px;
	margin:0px;
	}	
	
a.whatwedo{
	font-family: Tahoma, Arial, sans-serif;
	font-size:  18px;
	text-decoration: none;
	color: #333333;
	position: relative;
	left: 590px;
	top: 2px;
	}

a.whatwedo:hover{
	color: #fff;
	}

a.info{
	font-family: Tahoma, Arial, sans-serif;
	font-size:  18px;
	text-decoration: none;
	color: #fff;
	position: relative;
	left: 657px;
	top: 2px;
	}

a.info:hover{
	color: #fff;
	}

a.press{
	font-family: Tahoma, Arial, sans-serif;
	font-size:  18px;
	text-decoration: none;
	color: #333333;
	position: relative;
	left: 730px;
	top: 2px;
	}

a.press:hover{
	color: #fff;
	}