body
{
	background:url(example_assets/bg_pattern.jpg) repeat;
	font-family:Verdana, Geneva, sans-serif;
	/*font-size:12px;
	color:#999;*/
	font-size:15px;
	color:#373737;
	line-height:1.625;
	margin: 0px;
}


.accordion
{
	width:1200px;
	margin:5px auto;
	list-style:none;
	padding:0px;
}


/*
hides the images and text from within the accordion;

this style will be applied only before the 
accordion is instantiated or if the user doesn't have
javascript enabled;

feel free to replace this style with your own
*/
.accordion img, .accordion .caption
{
	position:absolute;
	left:-9999px;
}


/*this is for example_api.html*/
#custom_controls
{
	width:220px;
	margin:0px auto;
}
.mobile-market, .mobile-slider, .mobile-footer {display: none;}
/* Responsive CSS */

/* ================================================================================ */
/* Tablet LAYOUT: 768px  */
/* ================================================================================ */
@media handheld, only screen and (max-width: 320px) {
	.mobile-market ul li {list-style: none; float: none !important; width: 65% !important;}
	
	.nb-banner {width: auto !important;}
}
@media handheld, only screen and (max-width:800px) {
	body.home .wrapper {height: 313px !important;}
	
	.nb-banner, .cssmenu ul {width: 768px !important;}
	
	.cssmenu li a {padding: 11px 22px 0 22px !important;}
	
	.desktop-market { display: none;}
	
	.mobile-market {display: block;}
	
	.mobile-market table {margin-left: auto; margin-right: auto; background-image: url(/National_Library/oe_/http://newbaymedia.com/wp-content/themes/nbmc/images/our_markets.png) !important;background-position: top left !important; background-repeat: no-repeat; width: 100% !important; padding-bottom: 45px;}
	
	.mobile-market ul {text-align: center; /*margin: auto;*/}
	
	.mobile-market ul li {list-style: none; float: left; width: 18%;}
	
	.mobile-market ul li img{width: 100%;}
	
	.ei-slider {height: 333px !important;}
	
	ul.ei-slider-large li a img {width: 100% !important; float: right; height: 85% !important;}
	
	.ei-slider-thumbs {margin: -40px 0 auto auto !important;}
	
}
/* ================================================================================ */
/* Small Tablet LAYOUT: 600px  */
/* ================================================================================ */

@media handheld, only screen and (max-width:600px) {
	body.home .wrapper {height: 280px !important;}
	
	.nb-banner, .cssmenu ul {width: 600px !important;}
	
	input#s {width: 130px;}
	
	.cssmenu li a {padding: 11px 8px 0 8px !important;}
	
	.desktop-market { display: none;}
	
	.mobile-market {display: block;}
	
	.mobile-market table {margin-left: auto; margin-right: auto; background-image: url(/National_Library/oe_/http://newbaymedia.com/wp-content/themes/nbmc/images/our_markets.png) !important;background-position: top left !important; background-repeat: no-repeat; width: 100% !important; padding-bottom: 45px; background-size: 100% auto;}
	
	.mobile-market ul {text-align: center; margin: auto;}
	
	.mobile-market ul li {list-style: none; float: left; width: 18%;}
	
	.mobile-market ul li img{width: 100%;}
	
	.ei-slider {height: 300px !important;}
	
	ul.ei-slider-large li a img {width: 100% !important; float: right; height: 95% !important;}
}


/* ================================================================================ */
/* MOBILE LAYOUT: 320px  */
/* ================================================================================ */

 
@media handheld, only screen and (min-width: 480px) and (max-width:568px) {
	body.home .wrapper {height: 100px !important;}
	
	.desktop-slider, .desktop-footer , .desktop-market{display: none;}
	
	.mobile-slider, .mobile-footer, .mobile-market {display: block;}
	
	.mobile-market table {margin-left: auto; margin-right: auto; background-image: url(/National_Library/oe_/http://newbaymedia.com/wp-content/themes/nbmc/images/our_markets.png) !important;background-position: top !important; background-repeat: no-repeat; width: 100% !important; background-size: 100% auto;}
	
	.mobile-slider {display: block;}
	
	.mobile-market ul {text-align: center; margin: auto;}
	
	.mobile-market ul li {list-style: none; float: left; width: 17%;}
		
	.mobile-slider p {position: absolute; margin-left: 15px;}
	
	.mobile-slider p img {float: left;}
	
	.mobile-slider p span {font-size: 12px; line-height: 22px; width: 50%; float: left; text-align: left; margin-left: 10px; margin-top: 7px;}

}
@media handheld, only screen and (min-width: 320px) and (max-width: 650px) {

	/*.nb-banner {background-image: url(/National_Library/oe_/http://newbaymedia.com/wp-content/themes/nbmc/images/header_mobile_1.gif); background-repeat: no-repeat;}*/
	
	.nb-banner {width: auto !important;}

	form#searchform {display: none;}
	
	body.home .wrapper {height: 150px !important;}
	
	.desktop-slider, .desktop-footer, .desktop-market {display: none;}
	
	.mobile-slider, .mobile-footer, .mobile-market {display: block;}
	
	.mobile-market table {margin-left: auto; margin-right: auto; background-image: url(/National_Library/oe_/http://newbaymedia.com/wp-content/themes/nbmc/images/our_markets.png) !important;background-position: top !important; background-repeat: no-repeat; width: 100% !important; background-size: 100% auto;}
	
	.mobile-slider {display: block;}
	
	.mobile-market ul {text-align: center; margin: auto;}
			
	.mobile-slider p {position: absolute; margin-left: 15px;color:#ffffff;font-weight:bold;}
	
	.mobile-slider p img {float: left;}
	
	.mobile-slider p span {font-size: 12px; line-height: 22px; width: 40%; float: left; text-align: left; margin-left: 15px; margin-top: 7px;}
	
	.page-template-sidebar-page-php #primary {float: left !important; width: 320px !important;}
	
	#main #secondary {float: left !important; clear: both !important; margin: 0px 0px 0px 20px !important;}	
	
}
