@media (min-width: 768px) and (max-width: 980px) {

	/* Structure 768 to 1000 */
	body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 748px;margin: 0 auto;}
	
	#header 		{width: 628px;float:left; padding: 0 60px 20px 60px;} 
	
	#mainmenu		{width: 100%;float:left;}
	
.mainmenuimage		{width:200px; height:auto; border:0; margin:0; padding:0}

	
	.menucontent {width: 630px;float: right; background-color:transparent; margin:0; padding: 0px 40px 10px 40px; }

.menucontent ul 	{margin: 0; list-style: none;}

.menucontent ul li 	{float: left;padding-left:15px; padding-top:15px; position: relative;}

.menucontent a 		{color: #666; font-size: 10px; line-height:15px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}

.menucontent a:hover 	{color: #000;}

.menucontentimage	{width:200px; height:auto; border:0; margin:0; padding:0}

	
	#main 			{width: 708px;float:left;padding: 20px 20px 20px 20px;}
	
	
	#quadri		{width: 630px;float:left; padding: 0px 58px 10px 60px;}
	
	
	.image {width:93px; height:93px; float: left; margin:6px; }
	
	.image img {width:93px; height:93px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	.image a img		{filter: alpha(opacity=100); opacity: 1;}

	.image a:hover img	{filter: alpha(opacity=60); opacity: 0.6;}


	
	#footer			{width: 628px;float:left; padding: 20px 60px 20px 60px;}
	
	#footer img			{width: 24px; height:24px}
	
	.mainmenuimagebio	{width: 450px;float:left; padding: 0; margin-bottom:10px;}
	
	.bio 			{ width: 630px; float:right; color: #666; font-size: 14px; line-height:20px; font-family: Arial, Helvetica, sans-serif; vertical-align:top}
#video {width: 630px; margin: auto; padding: 0; background: #FFF;}

.imagevideo {width:93px; height:93px; float: left; margin:6px; }
.imagevideo img {width:93px; height:93px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

}

@media (min-width: 480px) and (max-width: 592px) {
	
	/* Structure 592 to 1000 */
	body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 480px;margin: 0 auto;}
	
	#header 		{width: 450px; height:80px;float:left;padding: 0 15px 0px 15px;} 
	
	#mainmenu		{width: 450px;float:left;}
	
	.mainmenuimage		{width:200px; height:auto; border:0; margin:0; padding:0}

	
	.menucontent {width: 450px;float: left; background-color:transparent; margin:0; padding: 0 15px 0px 15px;}

.menucontent ul 	{margin: 0; list-style: none; float:left}

.menucontent ul li 	{float: left;padding-left:5px; padding-right: 15px; padding-top:15px; padding-bottom:20px; position: relative;}

.menucontent a 		{color: #666; font-size: 10px; line-height:15px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}

.menucontent a:hover 	{color: #000;}

.menucontentimage	{width:200px; height:auto; border:0; margin:0; padding:0;}

	
	#main 			{width: 480px;float:left;padding: 0;}
	
	
	#quadri		{width: 450px;float:left; padding: 0 15px 0px 15px;}
	
	
	.image {width:205px; height:205px; float: left; margin:10px; }
	
	.image img {width:205px; height:205px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	.image a img		{filter: alpha(opacity=100); opacity: 1;}

	.image a:hover img	{filter: alpha(opacity=60); opacity: 0.6;}
	

	
	#footer			{width: 450px;float:left; padding: 0px 15px 20px 15px;}
	
	#footer img			{width: 24px; height:24px}
	
			.mainmenuimagebio	{width: 450px;float:left; padding: 0; margin-right:0; margin-bottom:10px;}
.bio 			{ width: 450px; float:right; color: #666; font-size: 14px; line-height:20px; font-family: Arial, Helvetica, sans-serif; vertical-align:top}

#video {width: 500px; margin: auto; padding: 0; background: #FFF;}

.imagevideo {width:205px; height:205px; float: left; margin:10px; }
.imagevideo img {width:205px; height:205px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	

}

@media (min-width: 593px) and (max-width: 767px) {
	
	/* Structure 592 to 1000 */
	body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 500px;margin: 0 auto;}
	
	#header 		{width: 500px; height:80px;float:left;padding: 0 15px 0px 15px;} 
	
	#mainmenu		{width: 500px;float:left;}
	
	#mainmenu ul 	{margin: 0 0 0 0;float:right; list-style: none;}

#mainmenu ul li 	{float: left;padding-left:2px;position: relative;}

#mainmenu a 		{color: #666; font-size: 8px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}
	.mainmenuimage		{width:250px; height:auto; border:0; margin:0 0 0 10px; padding:0}

	
	.menucontent {width: 500px;float: left; background-color:transparent; margin:0; padding: 0 15px 0px 15px;}

.menucontent ul 	{margin: 0; list-style: none; float:left}

.menucontent ul li 	{float: left;padding-left:5px; padding-right: 15px; padding-top:15px; padding-bottom:20px; position: relative;}

.menucontent a 		{color: #666; font-size: 10px; line-height:15px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}

.menucontent a:hover 	{color: #000;}

.menucontentimage	{width:250px; height:auto; border:0; margin-top:20px; padding:0 0 0 10px;}

	
	#main 			{width: 480px;float:left;padding: 0;}
	
	
	#quadri		{width: 500px;float:left; padding: 0 15px 0px 15px;}
	
	
	.image {width:225px; height:225px; float: left; margin:10px; }
	
	.image img {width:225px; height:225px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	.image a img		{filter: alpha(opacity=100); opacity: 1;}

	.image a:hover img	{filter: alpha(opacity=60); opacity: 0.6;}

	
	#footer			{width: 500px;float:left; padding: 0px 15px 20px 15px;}
	
	#footer img			{width: 24px; height:24px}
	
			.mainmenuimagebio	{width: 450px;float:left; padding: 0; margin-right:0; margin-bottom:10px;}
.bio 			{ width: 450px; float:right; color: #666; font-size: 14px; line-height:20px; font-family: Arial, Helvetica, sans-serif; vertical-align:top}

#video {width: 500px; margin: auto; padding: 0; background: #FFF;}

.imagevideo {width:225px; height:225px; float: left; margin:10px;}
.imagevideo img {width:225px; height:225px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	

}



@media (min-width: 320px) and (max-width: 500px){
	
	/* Structure 320 to 1000 */
	body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 320px;margin: 0 auto;}
	
	#header 		{width: 300px; height:80px;float:left;padding: 0 10px 0px 10px;} 
	
	#mainmenu		{width: 300px;float:left;}
	#mainmenu ul 	{margin: 20px 0 0 0;float:left; list-style: none;}

#mainmenu ul li 	{float: left;padding-left:5px;position: relative;}

#mainmenu a 		{color: #666; font-size: 9px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}
	
	.mainmenuimage		{width:290px; height:auto; border:0; margin:0; padding:0}

	
	.menucontent {width: 300px;float: left; background-color:transparent; margin:0; padding: 0 10px 0px 10px;}

.menucontent ul 	{margin: 0; list-style: none; float:left}

.menucontent ul li 	{float: left;padding-left:3px; padding-right:7px; padding-top:15px; padding-bottom:15px; position: relative;}

.menucontent a 		{color: #666; font-size: 9px; line-height:15px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}

.menucontent a:hover 	{color: #000;}

.menucontentimage	{width:200px; height:auto; border:0; margin:90px 0 0 0; padding:0;}

	
	#main 			{width: 320px;float:left;padding: 0;}
	
	
	#quadri		{width: 320px;float:left; padding: 0 10px 0px 10px;}
	
	
	.image {width:300px; height:300px; float: left;  margin:0 0 10px 0; }
	
	.image img {width:300px; height:300px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	.image a img		{filter: alpha(opacity=100); opacity: 1;}

	.image a:hover img	{filter: alpha(opacity=60); opacity: 0.6;}

	
	#footer			{width: 300px;float:left; padding: 0px 10px 20px 10px;}
	
	#footer img			{width: 24px; height:24px}

		.mainmenuimagebio	{width: 300px;float:left; padding: 0; margin-right:0; margin-bottom:10px;}
		
		.bio 			{ width: 300px; float:right; color: #666; font-size: 14px; line-height:20px; font-family: Arial, Helvetica, sans-serif; vertical-align:top}
#video {width: 320px; margin: auto; padding: 0; background: #FFF;}

.imagevideo {width:300px; height:300px; float: left;  margin:0 0 10px 0; }
.imagevideo img {width:300px; height:300px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	

}

@media (max-width: 240px) {
	
	/* Structure 240 to 1000 */
		body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 240px;margin: 0 auto;}
	
	#header 		{width: 220px; height:80px;float:left;padding: 0 10px 0px 10px;} 
	
	#mainmenu		{width: 220px;float:left;}
	
	#mainmenu ul 	{margin: 20px 0 0 0;float:left; list-style: none;}

#mainmenu ul li 	{float: left;padding-left:5px;position: relative;}

#mainmenu a 		{color: #666; font-size: 9px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}
	
	.mainmenuimage		{width:210px; height:auto; border:0; margin:0; padding:0}

	
	.menucontent {width: 220px;float: left; background-color:transparent; margin:0; padding: 0 0 0 10px;}

.menucontent ul 	{margin: 0; list-style: none; float:left}

.menucontent ul li 	{float: left;padding-left:2px; padding-right:2px; padding-top:10px; padding-bottom:15px; position: relative;}

.menucontent a 		{color: #666; font-size: 8px; line-height:15px; display: block; padding:0;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none}

.menucontent a:hover 	{color: #000;}

.menucontentimage	{width:150px; height:auto; border:0; margin:50px 0 0 0; padding-top:20px;}

	
	#main 			{width: 240px;float:left;padding: 0;}
	
	
	#quadri		{width: 240px;float:left; padding: 0 10px 0px 10px;}
	
	
	.image {width:220px; height:220px; float: left; margin:0 0 10px 0; }
	
	.image img {width:220px; height:220px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}

	.image a img		{filter: alpha(opacity=100); opacity: 1;}

	.image a:hover img	{filter: alpha(opacity=60); opacity: 0.6;}

	
	#footer			{width: 220px;float:left; padding: 0px 10px 20px 10px;font-size:8px;}
	
	#footer img			{width: 20px; height:20px}
	
		.mainmenuimagebio	{width: 220px;float:left; padding: 0; margin-right:0; margin-bottom:10px;}
		
		.bio 			{ width: 220px; float:right; color: #666; font-size: 14px; line-height:20px; font-family: Arial, Helvetica, sans-serif; vertical-align:top}
#video {width: 240px; margin: auto; padding: 0; background: #FFF;}

.imagevideo {width:220px; height:220px; float: left; margin:0 0 10px 0;}
.imagevideo img {width:220px; height:220px; float: left; margin: 0; border:#CCCCCC 1px solid; background-color:#FFFFFF}
	
}