@charset "utf-8";
/************************************************************************************
Main css ******************
*************************************************************************************/
@media screen and (max-width: 980px) {
	  
        #pagewrap        {width: 95%;}
		table.altrowstable{ width:100%; padding: 3% 4%;}
        #content         {width: 60%;padding: 3% 4%;}
		
		   #content1         {width: 90%;padding: 3% 4%;}
        #sidebar         {width: 30%;}
        #sidebar .widget {padding: 8% 7%;margin-bottom: 10px;}
        #footer          {width:92%; padding:3% 4%}
			#banner{width: 92%;padding: 3% 4%;}
			#left{width: 45%;padding: 3% 4%;}
			#right{width: 60%;}
			 #part2{ width:auto; float:none; margin-left:2px;}
			  #part1{ float:left; height:259px; }
			   #part2 h2{ width:100%}
			   .da-slider{width:auto; padding: 3% 4%;}
			   .da-slide{width:auto; padding: 3% 4%;}
}
 
@media screen and (max-width: 650px) {
	    .da-slider{width:auto; padding: 3% 4%;}
		.da-slide{width:auto; padding: 3% 4%;}
		table.altrowstable{  float:none; margin: 20px 0;}
	     #content1        {width: auto; float: none;             margin: 20px 0;}
        #header         {height: auto;}
        #searchform     {position: absolute; top:5px; right:0; z-index:100; height:40px}
        #searchform #s  {width: 70px;}
        #searchform #s:focus {width: 150px;}
        #main-nav       {position: static;}
        #site-logo      {margin: 15px 100px 5px 0; position: static;           }
        #site-description{margin: 0 0 15px; position: static;              }
        #content        {width: auto; float: none;             margin: 20px 0;}
        #sidebar        {width: 100%; margin: 0;float: none;}
        #sidebar .widget{padding: 3% 4%;margin: 0 0 10px;}
        #footer         {width:auto;}
       #footer_info a{padding:2px 17px;}
     #banner{width: auto; float: none;             margin: 20px 0;}
	 #left{width: auto; float: none;             margin: 20px 0;}
	 #right{width: auto; float: none;             margin: 20px 0;}
	 #part2{ width:100%; float:right; margin-left:2px;}
	 #part2 ul li{ list-style:none; }
	
	  #part1{ float:left; height:auto; width:100%;}
}
 
@media screen and (max-width:480px) {
	 #part2{ width:100%;height: auto;}
	  #part1{ float:left; height:auto; width:100%;}
        html            { -webkit-text-size-adjust:none;}
}	/* CSS Document */