@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; height:50px; float:left; padding: 0 60px 20px 60px;} 
	#mainmenu		{width: 100%;float:left;}
	
	#main 			{width: 708px;float:left;padding: 20px 20px 20px 20px;}
	
	#content 		{width: 708px;float:left;}
	
	#quadri		{width: 668px;float:left;  margin-left:40px; padding:0;}
	
	#quadri ul li {width:147px; height:148px; float: left; margin:4px;}

	
	#footer			{width: 618px; margin:0 40px 0 40px; padding:0 30px 20px 20px; font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px; line-height: 10px; color: #666;}
	
	#footer img			{width: 24px; height:24px}
	
	#footer ul li 		{float: left;padding:1px;}
	
	h6		{font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666; margin-left: 45px;; padding:0; font-weight:normal}

 
}




@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: 440px;float:left;padding: 0 20px 0px 20px;} 
	
	#mainmenu		{width: 410px;float:left;}
	
	#main 			{width: 440px;float:left;padding: 10px 20px 10px 20px;}
	
	#content 		{width: 440px;float:left;}
	
	#quadri		{width: 400px;float:left; margin:0 20px 0 20px; padding:0;}
	
	#quadri ul li {width:180px; height:180px; float: left; margin:10px;}
	
	#footer			{width: 400px; margin:0 40px 0 40px; padding:0 0 10px 0; font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666;}
	
	#footer img			{width: 18px; height:18px}
	
	#footer ul li 		{float: left;padding:1px;}
	
	h6		{font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666; margin-left: 28px;; padding:0; font-weight:normal}


	

}

@media (min-width: 593px) and (max-width: 767px) {
	
	/* Structure 592 to 1000 */
	body 			{margin: 0; padding:0; background:#fff;}
	
	#wrapper 		{width: 480px;margin: 0 auto;}
	
	#header 		{width: 440px;float:left;padding: 0 20px 0px 20px;} 
	
	#mainmenu		{width: 410px;float:left;}
	
	#main 			{width: 440px;float:left;padding: 10px 20px 10px 20px;}
	
	#content 		{width: 440px;float:left;}
	
	#quadri		{width: 400px;float:left; margin:0 20px 0 20px; padding:0;}
	
	#quadri ul li {width:180px; height:180px; float: left; margin:10px;}
	
	#footer			{width: 400px; margin:0 40px 0 40px; padding:0 0 10px 0; font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666;}
	
	#footer img			{width: 18px; height:18px}
	
	#footer ul li 		{float: left;padding:1px;}
	
	h6		{font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666; margin-left: 28px;; padding:0; font-weight:normal}


	

}



@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:50px; float:left;padding: 0 10px 10px 10px;} 
	
	#mainmenu		{width: 280px;float:left;}
	
	#main 			{width: 300px;float:left;padding: 10px 10px 0px 10px;}
	
	#content 		{width: 300px;float:left;}
	
	#quadri		{width: 260px;float:left; margin:0 20px 10px 20px; padding:0;}
	
	#quadri ul li {width:260px; height:260px; float: left; margin:0 0 20px 0;}

	#footer			{width: 260px; margin:0 30px 10px 30px; padding:0 0 20px 0; font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666;}
	
	#footer img			{width: 18px; height:18px}
	
	#footer ul li 		{float: left;padding:1px;}

	hr	{border-bottom: 1px solid #ccc;border-top:none;border-left:none;border-right:none;margin:0 0 15px 0;}
	
	h6		{font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 7px; line-height: 9px; color: #666; margin-left: 20px;; padding:0; font-weight:normal}
	
}

@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:50px; float:left; margin:0; padding: 0px 10px 0px 10px; background: #FFF;}					
	
	#mainmenu		{width: 205px;float:left;}

	
	#main 			{width: 220px;float:left;padding: 10px 10px 0 10px;}
	
	#content 		{width: 220px;float:left;}
	
	#quadri		{width: 200px;float:left; margin:10px; padding:0;}
	
	#quadri ul li {width:200px; height:200px; float: left; margin:0 0 10px 0;}
	
	#footer			{width: 200px; margin:0px; padding:20px; font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px; line-height: 10px; color: #666;}
	
	#footer img			{width: 18px; height:18px}
	
	#footer ul li 		{float: left;padding:1px; margin:0;}
	
	hr	{border-bottom: 1px solid #ccc;border-top:none;border-left:none;border-right:none;margin:0 0 15px 0;}
	
	h6		{font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 7px; line-height: 9px; color: #666; margin-left: 12px;; padding:0; font-weight:normal}
	
}