html, body{
	 text-align:center;
}


body {
	text-align: center;
	margin:0px auto;
	background: url(mbg2.jpg) center 0 fixed;
font-family:century gothic;
	}

h1 {
font-size:1.1em;
color:#333333;
padding-left:30px;
font-family:century gothic;
}

h2  {
font-size:.8em;
margin-top:0px;
color:#ffffcc;
padding-left:30px;
line-height:110%;
font-family:century gothic;

}

ul{font-size:.9em;padding-right:30px;}

ol{font-size:.9em;}


a
{
	text-decoration: none;
color:#0066ff;
}

a:link { color: #0066ff; }
a:visited { color: #990000; }
a:hover { color: #888888; }
a:active { color: #E32E61; }



p {
line-height : 120%;
font-size:.8em;
color:#000;
font-family:century gothic;
text-align:left;
padding:0px 30px 0px 30px;
}
#container { 
position : relative;
top: 0px;
width : 800px;
height: auto;
margin : 0 auto;
text-align : left; 
padding-bottom:600px;
}

#images {
position:relative;
top:20px;
left:300px;
width: 500px;
height:200px; 
}
#nav {
position:relative;
top:-25px;
left:0px;
height:auto;
width:800px;
text-align:center;
}


#content{
position:absolute;
top:263px;
width:500px;
height:auto;
left:300px;
background-color:#fff;
padding:30px 0px 0px 0px;
}
#containerbg { 
position : absolute;
top: 0px;
width : 820px;
height: 1200px;
margin : 0 auto;
left:-10px;
text-align : left; 
background-color:#000;
 /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}

#logo {
position:absolute;
top:20px;
height:200px;
width:300px;
left:0px;
background: url(matteoslogo.jpg);
}

#left {
position:absolute;
top:263px;
height:auto;
width:300px;
left:0px;
}


#footer{
position:relative;
color:#fff;
left:0px;
height:auto;
width:490px;
text-align:center;
padding:3px 5px 3px 5px;
font-size:.7em;
font-family:helvetica;
background-color:#222222;

}

.floatright
{float:right;
width: 265px;
margin:-20px 0px 20px 15px;

}
.floatleft
{float:left;
width: 250px;
margin:20px 15px 20px 30px;

}

.floatright2
{float:right;
width: 150px;
margin:20px 30px 20px 15px;

}