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

 C S S   H A N D C R A F T E D   B Y   M A M O K A           www.mamoka.com

 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................

 **************************************************************************

 CODER

 Francesco Molezzi - francescomolezzi@yahoo.it

 **************************************************************************

 SECTIONS

 - Main tags and wrappers
 - Header
 - Menu1 
 - Banner
 - Content
 - Footer
 - Varie

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


html, body
	{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#eeeeee;
	}
body
	{
	font: normal 62.5% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: url(../pix/body.jpg) top left repeat-x;
	}
	/*
	06 px = 0.6 em = 60%
	07 px = 0.7 em = 70%
	08 px = 0.8 em = 80%
	09 px = 0.9 em = 90%
	10 px = 1.0 em = 100%
	11 px = 1.1 em = 110%
	12 px = 1.2 em = 120%
	13 px = 1.3 em = 130%
	14 px = 1.4 em = 140%
	15 px = 1.5 em = 150%
	16 px = 1.6 em = 160%
	17 px = 1.7 em = 170%
	18 px = 1.8 em = 180%
	19 px = 1.9 em = 190%
	20 px = 2.0 em = 200%
	21 px = 2.1 em = 210%
	22 px = 2.2 em = 220%
	23 px = 2.3 em = 230%
	24 px = 2.4 em = 240%
	*/
#wrapper
	{
	margin:0 auto;
	width: 760px;
	text-align: left;
	background: url(../pix/wrapper.jpg) top center repeat-y;
	}
	
/**************************************************************************

 H E A D E R

 **************************************************************************/
 
#header
	{
	float:left;
	margin: 0 0 20px 0;
	padding:0;
	width:200px;
	height: 100px;
	overflow: hidden;
	background: url(../pix/header.jpg) top left no-repeat;
	}
	#header p
		{
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 1em;
		background: url(../pix/header.jpg) top left no-repeat;
		}
		#header p a
			{
			display: block;
			width: 200px;
			height: 100px;
			line-height:100px;
			text-decoration: none;
			}
		    #header p a strong
				{
				position: relative;
				z-index: -1;
				font-weight: bold;
				font-size: 2em;
				color:#000000;
				}

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

 M E N U 1

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

#menu1
	{
	float: right;
	margin: 5.3em 0 0 0;
	padding: 0;
	}
	#menu1 ul
		{
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#menu1 ul li
			{
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			height: 1.5em;
			}			
			#menu1 ul li a
				{
				display: block;
				margin:0;
				padding: 0 0 0 20px;
				font-size: 1.1em;
				color: #555555;
				line-height: 1;
				text-transform: uppercase;
				text-decoration: none;
				}
				#menu1 ul li a:hover
					{
					color:#006f9f;
					text-decoration: underline;
					}	

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

 B A N N E R

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

#banner 
	{
	clear:both;
	margin: 0;
	width:760px;
	height:210px;
	}


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

 C O N T E N T

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

#content
	{
	margin:20px 0 0 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid  #aaaaaa;
	color:#444444;
	background-color: #ffffff;
	}
	#content h1 
		{
		margin: 0;
		padding: 15px 0 15px 20px;
		border-bottom: 1px solid  #aaaaaa; 
		font-size: 1.6em;
		color: #333333;
		text-transform: uppercase;
		background: #eeeeee url(../pix/h1.jpg) top center no-repeat;
		}
	#content h2 a
		{
		color: #ff0103;
		text-decoration: none;
		}
	#content h2
		{
		margin: 8px 0;
		border-bottom: 1px solid  #dddddd;
		padding: 15px 10px;
		font-size: 1em;
		color: #ff0103;
		text-transform: uppercase;
		}
	#content p
		{
		margin: 8px 10px;
		font-size: 1.2em;
		line-height: 1.6;
		}
	#content ul,
	#content ol
		{
		margin: 8px 10px;
		padding: 0 15px;
		font-size: 1.2em;
		line-height: 1.6;
		}
		#content ul li,
		#content ol li
			{
			margin: 0;
			padding: 0;
			list-style-image: url(../pix/bullet.gif);
			}
	#content a
		{
		color: #999999;
		}
		#content a:hover
			{
			color: #0000fe;
			text-decoration: none;
			}
	#content form
		{
		margin: 8px 0 0 10px;
		}
		#content form fieldset
			{
			margin: 0;
			border: none;
			padding: 0;
			}
			#content form fieldset label
				{
				margin: 0;
				font-size: 1.2em;
				font-weight: bold;
				color: #444444;
				}
			#content form fieldset input.text
				{
				margin: 8px 0 18px 0;
				border: 1px solid #dddddd;
				padding: 4px 0;
				width: 330px;
				font-size: 1.2em;
				color: #444444;
				line-height: 1;
				background-color: #f6f6f6;
				}
			#content form fieldset input.text:focus
				{
				color: #444444;
				background-color: #ffffff;
				}
			#content form fieldset input.button
				{
				margin: 0;
				border: 1px solid #dddddd;
				padding: 0.6em 0;
				width: 60px;
				font-weight: bold;
				font-size: 1em;
				color: #ffffff;
				line-height: 1;
				text-align: center;
				background-color: #888888;
				}
			#content form fieldset input.button:hover
				{
				}
			#content form fieldset input.button:focus
				{
				}
			#content form fieldset textarea
				{
				margin: 8px 0 18px 0;
				border: 1px solid #dddddd;
				padding: 4px 0;
				width: 330px;
				height: 170px;
				font: normal 1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
				color: #444444;
				line-height: 1;
				background-color: #f6f6f6;
				}
			#content form fieldset textarea:hover
				{
				}
			#content form fieldset textarea:focus
				{
				color: #444444;
				background-color: #ffffff;
                            	}

	#content div#col1 
		{
		margin: 0 0 0 100px;
		width: 660px;
		}
		#content div#col1  h2
			{
			}
		#content div#col1  ul.gallery
			{
			margin: 10px 0 0 0;
			padding: 0;
			list-style-type: none;
			}
			#content div#col1  ul.gallery li
				{
				margin: 0 0 0 10px;
				display: inline;
				}
				#content div#col1  ul.gallery li a
 					{
					list-style-type: none;
					}
				#content div#col1  ul.gallery li img
 					{
					border: none;
					}
	#content div#col2 
		{
		display: inline;
		float:left;
		margin: 0 0 0 100px;
		width: 460px;
		}
		#content div#col2  h2
			{
			}
		#content div#col2  p
			{
			padding: 10px 0 0 10px;
			font-size: 1.2em;
			}
		#content div#col2  p.italic
			{
			padding: 20px 0 0 10px;
			font-style: italic;
			}
		#content div#col2 form
			{
			margin: 20px 0 0 10px;
			}
			#content div#col2 form fieldset
				{
				margin: 0;
				padding: 0;
				border: none;
				}
				#content div#col2 form fieldset label
					{
					margin: 0;
					font-size: 1.2em;
					font-weight: bold;
					color: #444444;
					}
					#content div#col2 form fieldset input.field
						{
						margin: 8px 0 18px 0;
						border: 1px solid #dddddd;
						padding: 4px 0;
						width: 330px;
						font-size: 1.2em;
						color: #444444;
						line-height: 1;
						background-color: #f6f6f6;
						}
						#content div#col2 form fieldset input.field:focus
							{
							color: #444444;
							background-color: #ffffff;
							}
						#content div#col2 form fieldset input.button
							{
							margin: 0;
							border: 1px solid #dddddd;
							padding: 0.6em 0;
							width: 60px;
							font-weight: bold;
							font-size: 1em;
							color: #ffffff;
							line-height: 1;
							text-align: center;
							background-color: #888888;
							}
						#content div#col2 form fieldset input.button:hover
							{
							}
						#content div#col2 form fieldset input.button:focus
							{
							}
					#content div#col2 form fieldset textarea
						{
						margin: 8px 0 18px 0;
						border: 1px solid #dddddd;
						padding: 4px 0;
						width: 330px;
						height: 170px;
						font: normal 1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
						color: #444444;
						line-height: 1;
						background-color: #f6f6f6;
						}
						#content div#col2 form fieldset textarea:hover
							{
							}
						#content div#col2 form fieldset textarea:focus
							{
							color: #444444;
							background-color: #ffffff;
                            }

	#content div#col3 
		{
		display: inline;
		float:right;
		margin: 0;
		padding: 0;
		width: 200px;
		text-align:right;
		}
		#content div#col3  h2
			{
			}
		#content div#col3  p
			{
			margin: 0;
			padding: 10px 20px 0 0;
			font-size: 1em;
			color: #999999;
			}
			#content div#col3  p a
				{
				color: #0000fe;
				text-decoration: none;
				}
			#content div#col3  p a:hover
				{
				text-decoration: underline;
				}				
	

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

 F O O T E R

 **************************************************************************/
#clear 
	{
	clear:both;
	}
#footer1
	{
	margin: 0;
	padding: 1.5em 0 1em 0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color:#aaaaaa;
	}
	#footer1 p 
		{
		margin: 0;
		padding: 0;
		}
#footer2
	{
	margin: 0;
	padding: 0;
	color: #c6c6c6;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	}
	#footer2 p 
		{
		margin: 0;
		padding: 0;
		}
	#footer2 p a
		{
		color: #c6c6c6;
		}
	#footer2 p a:hover
		{
		color: #aaaaaa;
		}	


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

 V A R I E

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

.expander {  }
.expanded { display: none; }