/* ==============================================================CSS Document - struttura pagina=== */

    
	
	body  {
            padding:0px;
            margin:0px;
			background-color:#fff;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:12px;
			font-weight:lighter;
        }
		
#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:2;
}

#header-container {
	height: 295px;
	background-color:#FFF;
		border-bottom:1px solid #CCC;
	}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;

}	

/*	.header_totale  {
            width:100%;
            margin:auto;
            padding:0px;
			height:130px;
			position:fixed;
			top:0px;
			z-index:2;
			}

 */
 
 

 
		.header_internototale  {
            width:100%;
            margin:auto;
            padding:0px;
			height:130px;
			top:0px;
			} 
			
			
	.header_interno {
		margin:auto;
		padding:0;
		width:960px;
		height:130px;
		background-color:#000;
	}

#container {
	width: 980px;
	margin: 0 auto;
	overflow: auto;
	padding: 305px 0 40px;
		border:1px solid #CCC;
}

#content {
	float: left;
	width: 960px;

}


/*
	.content {
		margin:auto;
		padding:120px 0 0 0;
		width:960px;
		}
	 */	
	.content_interno {
		margin:auto;
		padding:0;
		width:960px;
		}

		
	a {color:#22303f; text-decoration:none; outline:none;}

	a:hover {text-decoration:underline;}	

	p { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#FFF; margin:0; }
	
	
	h1 { font-size:18px; color:#FFF; margin:0; padding:5px 0 5px 8px; font-weight:lighter; }
	
	.video { height:1px; width:1px; margin:0px; padding:0px; }
	.foto { height:1px; width:1px; margin:0; padding-top:295px; }
	.contacts { height:1px; width:1px; margin:0; padding-top:295px; }
	
/*
---------------------------------------------------------------------------------
01. HEADER 
---------------------------------------------------------------------------------
*/



	.logo_job {
		width:186px;
		height:200px;
		margin:15px 0 0 385px;
		float:left;
		padding:0;
		}

	
	.header_social {
		margin:0 10px 0 0;
		float:right;
		padding:0;
		width:119px;
		height:47px;
		background:url(file:///Alessio/Library/WebServer/Documents/Web/Job_dv%20matrimoni/image/header_social.png) no-repeat;
		}
	
	.header_social p {
		margin:12px 0 0 9px;
		font-size:10px;
		color:#2d5497;
		font-weight:bold;
		}
	
	.header_social_icon {
		margin:5px 11px 0 3px;
		border:0;
		float:right;
		}
	.header_social_icon img {
		padding:2px;
		}
	
/*
---------------------------------------------------------------------------------
02. MENU 
---------------------------------------------------------------------------------
*/	
	
	
	#menu {
		height:25px;
		width:240px;
		float:left;
		text-align:center;
		font-size:12px;
		font-weight:lighter;
		margin:22px 0 5px 360px;
		color:#232738;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		}
	
	
	#menu_a {
		color:#22303f;
		margin:0;
		border:0;
		outline:none;
		}


	#menu ul, #menu_a ul {
		margin:4px 0 0 0;
		padding:0;

		}
	
 
 	#menu ul img {
		padding:0 5px 0 0;
		}
	

	#menu ul li {
		margin:0;
		list-style:none;
		top: 0;
		display:inline;
		}


	#menu li a:link, #menu li a:visited, menu li a:hover {
		text-decoration: none;
		list-style:none;
		color:#22303f;
		display: inline;
		margin: 50px 6px 0px 10px;
		padding:0px;
		outline:none;
				}

	#menu li.portfolio a:hover {
		border-bottom:5px solid #1f394d;
		}

	#menu li.profilo a:hover {
		border-bottom:5px solid #27825c;
		}
		
	#menu li.contatti a:hover {
		border-bottom:5px solid #70b370;
		}


	

	
/*
---------------------------------------------------------------------------------
03. CONTENT - FASCIA - DIVISORIO
---------------------------------------------------------------------------------
*/	

	.intro_video {
		margin:10px auto 20px auto;
		padding:0;
		width:750px;
		height:422px;
		border:10px solid #F7F7F7;
		color:#FFF;
		}
	

	
	.fascia_video {
		background-image:url(../image/fascia_video.png);
		background-repeat:no-repeat;
		margin:10px auto 0px auto;
		padding:0;
		width:944px;
		height:31px;
		}
		
		
	.fascia_foto {
		background-image:url(../image/fascia_foto.png);
		background-repeat:no-repeat;
		margin:20px auto 5px auto;
		width:944px;
		height:31px;
		}
		
			
	.fascia_contatti {
		background-image:url(../image/fascia_contatti.png);
		background-repeat:no-repeat;
		margin:20px auto 5px auto;
		padding:0;
		width:944px;
		height:31px;
		}
		
		

	
	.divisorio  {
		margin:20px auto 0px auto;
		padding:0;
		width:940px;
		height:60px;
		background-repeat:no-repeat;
		background-position:center;

			}	
	

/*
---------------------------------------------------------------------------------
04. PORTFOLIO
---------------------------------------------------------------------------------
*/	
	
	h3 { margin: 3px 8px 0px 10px; color:#FFF; font:9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0;  }
	
	.portfolio {
		margin:0 0 0 10px;
		padding:0;
		width:100%;
		float:0;
		}
	
	
	.boxgrid { 
		width: 228px; 
		height: 130px; 
		margin:6px; 
		float:left; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		}
		
	.boxgrid img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		}
	
			
	.boxgrid p { 
		margin:3px 0 0 10px;
		padding:0;
		color:#afafaf; 
		font-weight:bold; 
		font:8pt "Lucida Grande", Arial, sans-serif; 
		}
			
	.boxgrid a { 
		color:#FFF;
		text-decoration:none;
		}
		
		
		
	.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}


	.captionfull .boxcaption {
		top: 180px;
		left: 0;
		}
		
	.caption .boxcaption {
	top: 110px;
	left: 0;
		}
	
	

	
/*
---------------------------------------------------------------------------------
05. PROFILO
---------------------------------------------------------------------------------
*/	 
	 

	
	.profilo {
		margin:auto;
		padding:0;
		width:100%;
		height:400px;
		}
	
	.ideenuove {
		width:100%;
		height:65px;
		background:url(file:///Alessio/Library/WebServer/Documents/Web/Job_dv%20matrimoni/image/ideenuove.png);
		background-repeat:no-repeat;
		margin:20px 0 0 0;
		padding:0;
		}

	h3.titolo_copy { margin:6px 0px 2px 10px; color:#FFF; font:10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0;  }



	.profilo_box {
		width:960px;
		height:350px;
		margin:30px auto 0 auto;
		padding:0;
		}


	.boxgrid_copy { 
		
		width: 180px; 
		height: 140px; 
		margin:6px 3px 6px 8px; 
		float:left; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		}
		
	.boxgrid_copy img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		}
	
			
	.boxgrid_copy p { 
		margin:14px 0 0 10px;
		padding:0;
		color:#FFF; 
		font:9pt Helvetica, Arial, sans-serif; 
		}

p.how 	{
	margin:10px 0 0 10px;
	font-size:10px;
	color:#666;
	}



	
/*
---------------------------------------------------------------------------------
06. CONTATTI
---------------------------------------------------------------------------------
*/	 
	 	
	
		
	.contatti_info {
		background-repeat:no-repeat;
		margin:6px 0 0 0;
		padding:0;
		width:100%;
		}

	.contatti_info p {
		font-size:12px;
		color:#22303f;
		text-align:center;
		
		

		}

	.contatti {
		margin:0;
		padding:0 0 0 6px;
		width:945px;
		height:850px;
		text-align:left;
		background-image:url(../image/logotuwed.png);
		background-position:bottom;
		background-repeat:no-repeat;
		}





/*
---------------------------------------------
09. ALTRO
---------------------------------------------
*/	 


	.clear {
		clear:both;
		}	 	
		
		
p.grande {
	font-size:16px;
		}