/* 
==============================================
AMICI d'ITALIA :: CSS PAGE DESIGN 
DEFAULT STYLE SHEET (css/amici.css)
AMICI d'ITALIA WEBSITE
==============================================
*/

/*General Style Rules*/
html{
  padding:0;
  margin:0;
}


/*Layout Style Rules for the background and site font style*/
body {
background: #c3c3b6 url(../images/bgtile.gif) repeat-y center;
margin:0px;
padding:0px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
}

/*Body Style Rules links for the a, a:link, and a:active*/
#body a, a:link, a:active {
color: #b20808; 
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-decoration: none;
}

/*Layout Style Rules*/			
#container {
position:relative;
margin:0 auto;
padding:0;
width:801px;
text-align:left;
}


/*Contains the top logo and header elements*/	
#header{
 position:absolute;
 position:top center;
 top:5px;
 margin-left:17px;
 background-image:url(../images/logo.gif);
 background-repeat:no-repeat;
 width: 767px;
 height: 99px;
}


/*Main navigation bar settings*/	
#mnavbar{ 
position: absolute; 
top: 135px; 
background:#d92021;
border-top:8px solid #489c3c;
width:800px;
height:47px;
}


/*Main navigation un-orderd list styling*/
#mnavbar ul {
list-style-type:none;
margin:0; 
padding:24px;
padding-left:130px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
}


/*Main navigation list-item styling*/
#mnavbar li {
display:inline;
margin:15px;
padding:0 2px 0 2px;
color:#f4f588;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
}


/*Main navigation list-item active link styling*/
#mnavbar li a{ 
font-size:14px;
color:#cccccc;
padding-top:19px;
padding:0px;
text-decoration:none;
height:20px;
font-weight:bold;
text-decoration:none;
}


#mnavbar li a:active{
font-size:14px;
color:#ffffff;
padding-top:19px;
text-decoration:none;
height:20px;
font-weight:bold;
text-decoration:none;
}

/*Main navigation list-item hover link styling*/
#mnavbar li a:hover{color:#ffffff;
background:url(../images/swirl.png) no-repeat top center;
padding-top:19px;
text-indent:-50px;
}

#mnavbar li.status{color:#ffffff;
padding-top:19px;
background:url(../images/swirl.png) no-repeat top center;
}

/*Main content styling*/
#maincontent {}


/*Main content styling for individual photo pages*/
#maincontent_photo {width: 250px;
margin-left: 80px;

}



/*Main content left-column styling*/
#left{position:absolute;
	left:4px;
	width:185px;
	padding: 0 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	height:auto;
	top:206px;
	}


/*Main content center-column styling*/
#center{position:absolute;
	left:200px;
	width:400px;
	padding: 0 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	height:auto;
	top:200px;
	}
	
	

/*center-column content h1-headers styling*/
#center h1{font-family:Arial, Helvetica, sans-serif;
		color:#B20808;
		font-size:12px;
		font-weight:bold;	
		text-align:left;
		line-height:14px;
		padding-top:10px;}
		
		
		
		
		
/*content center-column on contact page styling*/
#center_contact {position:absolute;
	left:270px;
	width:300px;
	padding: 0 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	height:auto;
	top:230px;
	}
	
	

/*content center-column h1 header on contact page styling*/
#center_contact h1{font-family:Arial, Helvetica, sans-serif;
		color:#B20808;
		font-size:12px;
		font-weight:bold;	
		text-align:left;
		line-height:14px;
		padding-top:10px;}
		
		


/************************************* GALLERY CODE STARTS HERE  ******************************************/
/**********************************************************************************************************/		
		
/*content center-column on gallery page styling*/
#center_gallery {position:absolute;
	left:195px;
	width:400px;
	height: 452px;
	padding: 0 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	top:200px;
	border:0;
	}
	
	

/*content center-column h1 header on gallery page styling*/
#center_gallery h1{font-family:Arial, Helvetica, sans-serif;
		color:#B20808;
		font-size:12px;
		font-weight:bold;	
		text-align:left;
		line-height:14px;
		padding-top:10px;
		margin-left:9px;
		
		}
		
				
*{
	margin:0;
	padding:0;
	font-size:100%;

}



a{
	color:#666;
	text-decoration:none;
}

p,
h2{
	margin:15px 5px;
}

h2{
	color:#999;
}

#wrap{
	width:720px;
	margin:0 auto;
	position:relative;
}
		
		
#header{
	margin-bottom:20px;
}



#header a{
	text-decoration:underline;
}



/*Content area for the photo gallery thumb nail teaser images*/
#main-content li{
	width:118px;
	border:solid #CCC;
	border-width:0 0 0 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:1px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}


#fullplate-navigation{
list-style: none;															
margin:5px 0 0 5px;

}

#fullplate-navigation li{
	display:inline;
	float:left;
	width:10px;
		
}

#previous{
    position:absolute;
	width: 60px;
	display: inline;
}



#gallery_back{
    position:absolute;
	width: 60px;
	margin-left: 95px;
	display: inline;
}


#next{
	position:absolute;
	width: 60px;
	margin-left: 204px;
	display: inline;
}


#thumbnails{
	text-align:center;
}


#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

#fullplate-navigation li a:hover{
	color:#333;
}



#fullplate-photo{
	border:solid #EEE;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	width:600px;
}




#main-content  a span{
/*\*/
	position:absolute;
	left:-9999px;

}


/*Top rollover description boxes on the photo gallery thumb nail teaser images*/
#main-content a:hover span{	
	top:1px;
	left:1px;
	width:118px;
	font-weight:bold;
	background:#FFF;
	color:#000;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 


img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

#foot{
	padding-top:10px;
	margin-bottom:20px;
	clear:left;
}
		
/************************************* GALLERY CODE ENDS HERE  ******************************************/	
/**********************************************************************************************************/		
		




/*Main content right-column styling*/
#right{position:absolute;
	right:4px;
	width:187px;
	height:auto;
	padding: 0 0 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	height:auto;
	top:206px;
	margin-top: 10px;
	}


/*right-column content h1-headers styling*/
#right h1{font-family:Arial, Helvetica, sans-serif;
		color:#023919;
		font-size:12px;
		font-weight:bold;	
		text-align:left;
		padding-top:4px;}


#right p.testimonials{font-style:italic;
					 color:#B20808;
					 text-align: right;
					 padding:0 15px 0 0;
					 margin-top:-15px;}
					 
					 
					 
					 
					 
/*************************************LEFT COLUMN TEASER IMAGES******************************************/


/*** Home page left-column image and text styling ***/
#home_img {width: 179px;
		  height: 161px;
		  margin:25px 0px 0px 0px;
		  background-image:url(../images/home_img.gif);
		  background-repeat:no-repeat;
		  }	


/*** Home page left-column image and paragraph text styling ***/	
#home_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;}	


/*** Home page left-column image and paragraph lower-case text styling ***/
#home_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;}	



/*** About Us page left-column image and text styling ***/
#about_img {width: 179px;
		  height: 161px;
		  margin:25px 0px 0px 0px;
		  background-image:url(../images/about_img.gif);
		  background-repeat:no-repeat;
		  }
		  
		  
/*** About Us left-column image and paragraph text styling ***/	
#about_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;
}	



/*** About Us left-column image and paragraph lower-case text styling ***/
#about_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;
}


/*** Gallery page left-column image and text styling ***/
#gallery_img {width: 179px;
		  height: 161px;
		  margin:25px 0px 0px 0px;
		  background-image:url(../images/gallery_img.gif);
		  background-repeat:no-repeat;
		  }
		  
		  
/*** Gallery page left-column image and paragraph text styling ***/	
#gallery_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;
}	



/*** Gallery page left-column image and paragraph lower-case text styling ***/
#gallery_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;
}


/*** Events page left-column image and text styling ***/
#events_img {width: 179px;
		  height: 161px;
		  margin:0 0px 0px 0px;
		  background-image:url(../images/events_img.gif);
		  background-repeat:no-repeat;
		  }
		  
		  
/*** Events page left-column image and paragraph text styling ***/	
#events_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;
}	



/*** Events page left-column image and paragraph lower-case text styling ***/
#events_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;
}


/*** News page left-column image and text styling ***/
#news_img {width: 179px;
		  height: 161px;
		  margin:25px 0px 0px 0px;
		  background-image:url(../images/news_img.gif);
		  background-repeat:no-repeat;
		  }
		  
		  
/*** News page left-column image and paragraph text styling ***/	
#news_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;
}	



/*** News page left-column image and paragraph lower-case text styling ***/
#news_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;
}


/*** Contact Us page left-column image and text styling ***/
#contact_img {width: 179px;
		  height: 161px;
		  margin:25px 0px 0px 0px;
		  background-image:url(../images/contact_img.gif);
		  background-repeat:no-repeat;
		  }
		  
		  
/*** Contact Us page left-column image and paragraph text styling ***/	
#contact_img p{ text-align:center; 
font-weight:bold; 
font-style:italic; 
font-family:'Times New Roman', Times, serif; 
font-size:16px; 
color:#023919; 
margin-top:3px;
}	



/*** Contact Us page left-column image and paragraph lower-case text styling ***/
#contact_img p.lower{text-align:center; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#023919;
}
/************************************************ END LEFT COLUMN TEASER IMAGE********************************************/







/*************************************RIGHT COLUMN TESTIMONIAL / CALL-OUT BOXES ******************************************/

/*** Home page right-column testimonial box text styling ***/

.box{width: 185px;
padding:px 0px 5px 0px;
margin:0px 0px 20px 0px;
color:#000;background: #ececec url(../images/bottom.png) no-repeat bottom right;
		  }	  
	
.box h1{
margin:0;
padding:12px;
background: url(../images/top.png) no-repeat top left;
padding: 0 20px 10px 20px;
		  }		  	
			    		
.box p{margin:0px;
padding: 0px 12px 12px 12px;
		  }		



		  
/******************************************************************************************************/




/*bottom-footer styling*/
#footer{width:800px;
        position:absolute;
		background-color:#489c3c;
		height:33px;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:9px;
		text-align:center;
		letter-spacing:1px;
		margin-left:0px;
		top:740px;
		}

/*bottom-footer paragraph styling*/
#footer p {padding-top:-5px;}


/*Main content by line styling*/
#byline_box{
	width: 700px;
	position:absolute;
    height:50px;
	padding:0;
	text-align:center;
	top:795px;
	margin-left: 50px;
}