/* CSS for Baldo web site */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #000 url(../images/logo_intro.jpg) no-repeat center 0;
 font: normal 11px Verdana, Arial, sans-serif;
 color:#999;
 width: 100%;
} 

/* -- main links -- */
a, a:link, a:visited {
	text-decoration: none;
	color: #fff;}
	
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #cc3333;
	outline:none;}
	

/* --------------------------------- */
#pagewidth{ 
 width:1000px; 
 text-align:center;  
 margin:0 auto; 
} 

#maincol p {
	margin: 0;
	line-height: 1.3;
	padding: 3px 0;}

#maincol{
 display:inline; 
 position: relative; 
 width:1000px; 
 height: 100%;
 margin: 0 auto;
 text-align: center; }

#maincol .maincol {
	margin: 0;
	padding: 100px 0 0 ;
	/*float: left;*/
	text-align:center;}

h1 {
	font: normal 36px Georgia, Tahoma, Trebuchet MS, Verdana, Arial, sans-serif;
	margin:0;
	color: #990000;
	text-transform: uppercase;}
	
#maincol div.slogan {
	position: relative;
	display: inline;
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	padding: 25px 0 20px 0;
}
/*
#maincol h1 {
	text-align: center;
	display: inline;
}*/
	
/* --- image frames -- */  
div#maincol  {
  margin: 0 auto;
  border:none;
  height: 100%;
  width: 1000px;
  float: left;
  text-align: center;
}
div#maincol img {
 display: inline;
  margin: 30px auto 10px auto;
  border: none;
}
div#maincol a:hover img {border: none}

/* --- image frames -- */
div#maincol #frames_sm {
	margin:0 auto;
	padding: 0px 0 10px 0;
	float: left;
 	width: 1000px;}
div#maincol #frames_big {
	margin:0 auto;
	padding: 0px 0 0 0;
 	width: 800px;
	text-align: center;
}
	
div#maincol div.imgleft,
div#maincol div.imgright,
div#maincol div.imgleft_btm,
div#maincol div.imgright_btm {
  border:none;
  height: 248px;
  width: 345px;
  text-align: center;
  background: url(../images/frame_big_horiz.jpg) no-repeat;}

div#maincol div.imgleft,
div#maincol div.imgright {
	  margin: 0 10px;}
div#maincol div.imgleft_btm,
div#maincol div.imgright_btm {
	  margin: 0 20px;}


div#maincol div.imgleft img,
div#maincol div.imgright img,
div#maincol div.imgleft_btm img,
div#maincol div.imgright_btm img {
  display: inline;
  padding: 46px 0 0 26px; 
  margin: 0;
  position: relative;}

div#maincol div.imgleft,
div#maincol div.imgleft_btm {
	float:left;
}
div#maincol div.imgright,
div#maincol div.imgright_btm {
	float:right;
}
/* ------ FOOTER ----- */ 
#footer{
 height:71px; 
 background: #000 url(../images/footer.jpg) 0 0 repeat-x; 
 clear:both;
 width: 100%;
 float: left;
 /*font-size: 10px;*/
 color: #cc0000;
 } 
 
#footer .footer {
	margin: 0;
	padding-top: 30px;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}