@media screen and (min-width: 980px){
	#wrapper{ width:970px; margin:0px auto}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body {
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* Mobile (Landscape) /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        #wrapper, #header, #sidebar1, #sidebar2, #footer  { width:440px; padding:0; margin:0 auto }
		#main, #mainLeft, #mainRight, #mainFull { width:420px; margin:0 auto }
		#header { height:185px; background-image:none }
		#logo, #logo img, img { height:auto; max-width:95%; margin:-25px 0 10px 5px }
		.row-fluid, .item-page, .contact, .login, .search, .nav-stacked, form, .profile, .weblink-category { width:90%; margin:5px auto }
		#copyright, #user2 .moduletable, #user2 .moduletable_menu { margin:0 auto; float:left; width:280px }
		#copyright { margin:0 0 10px 10px }
		.blog-featured {width:420px; margin:0 auto;}
		.moduletable_flashImages, #faded, #faded img  { width:420px; height:128px; margin:0 15px 30px 15px; clear:both; background-color:#fff }
		.moduletable_social { float:left; margin:5px 0 5px 5px }
		.moduletable, .moduletable_menu { width:400px; margin:10px auto }
		.moduletable_join { width:420px; margin:20px auto 10px auto }
		.moduletable_buttons, .moduletable_buttons img { width:440px; height:auto; margin:5px auto }
		#nav {float:none; display:none; width:420px; height:35px }
		.mmenu select { margin:5px 0 0 0; height:35px; width:420px }
		.acymailing_module, .acymailing_module input { float:left }
		.btn-group, .btn-group .caret { display:none }
		.blog-featured a.btn { float:none }
		.img-rounded {display:none}
		#footer {background-image:none}
		.moduletable_bluegr, .moduletable_green, .moduletable_peach, .moduletable {background-color:#fff}
		.nsb_container {margin-top:12px; float:left}
}


/*  Mobile (Portrait) /* Note: Design for a width of 320px  */
@media only screen and (max-width: 479px) {
        #wrapper, #header, #sidebar1, #sidebar2, #footer  { width:300px; padding:0; margin:0 auto }
		#main, #mainLeft, #mainRight, #mainFull { width:280px; margin:0 auto }
		#header { height:170px; background-image:none }
		#logo, #logo img, img { height:auto; max-width:95%; margin:-25px 0 10px 5px }
		.row-fluid, .item-page, .contact, .login, .search, .nav-stacked, form, .profile, .weblink-category { width:90%; margin:5px auto }
		#copyright, #user2 .moduletable, #user2 .moduletable_menu { margin:0 auto; float:left; width:280px }
		#copyright { margin:0 0 10px 10px }
		.moduletable_flashImages, #faded, #faded img  { width:280px; height:86px; margin:0 auto 15px auto; clear:both }
		.moduletable_social { float:left; margin:5px 0 5px 5px }
		.moduletable, .moduletable_menu { width:250px; margin:10px auto }
		.moduletable_join { width:250px; margin:20px auto 10px auto }
		.moduletable_buttons, .moduletable_buttons img { width:250px; height:auto; margin:5px auto }
		#nav { float:none; display:none; width:280px; height:35px }
		.mmenu select { margin:5px 0 0 0; height:35px; width:280px }
		.acymailing_module, .acymailing_module input { float:left }
		.btn-group, .btn-group .caret { display:none }
		.blog-featured a.btn { float:none }
		.img-rounded {display:none}
		#footer {background-image:none}
		.moduletable_bluegr, .moduletable_green, .moduletable_peach, .moduletable {background-color:#fff}
		.nsb_container {margin-top:12px; float:left}

}
	

.mnav { display:table-cell }