/* 

* Four States of Responsive Web Design
	1.Widescreen
	2.Standard 
	3.Tablet
	4.Mobile
* Concept by Tim Holt www.astronautdesigns.com 31/01/2012

This concept credits:
----------------------------------------------------

* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* 0. Basic style
----------------------------------------------------------------------------------------------------------------- */
*, html {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	background: #fff;
	overflow: -moz-scrollbars-vertical;
	min-height: 100%;
	overflow-y: scroll;
	font: 13px/19px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
}

.three.columns, 
.four.columns,
.nine.columns,
.one-third.columns, 
.one-quarter.columns 
{
	background: #dbeaf0; 
	min-height: 65px; 
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.twelve.columns {
	border-bottom: 0px dashed #ddd;
	min-height: 20px;
	position: relative;
	/* margin-bottom: 30px; */
}

.columns i, .column i {
	background: #fff;
	border-radius: 3px;
	display: block;
	width: 50px;
	padding: 3px 0;
	text-align: center;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -10px;
}
.twelve.columns i {
	top: 87%;
	background: #f9f9f9;
}

.blockquote {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

header h1 {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 15px;
}

p {
	font-family: 'Merriweather', serif;
}

p.copy {
	text-align: center;
	font-size: 11px;
	
}
p.copy a {
	color: #222;
}
.a {background: #DBEAF0 !important;}
.b {background: #A0D1D6 !important;}
.c {background: #F8F4E9 !important;}
.d {background: #BEE2E6 !important;}
.e {background: #F2EBDB !important;}
.f {background: #F4F2E6 !important;}
.g {background: #F0F2ED !important;}

.fullWidth {
	width:100%;
}

.linkNoStyle {
	text-decoration:none;
	
}

.magentaText {
	color:#7e1416;
}

.greyBack {
	background-color:#CCC;
}

.sched {
	border-top:#000 solid thin;
}

.leftSched {
	float:left;
	width:25%;
	
}

.leftSched ul {
	list-style:none;
}

.leftSched ul li {
	padding:20px 0px 25px 5px;
	border-right:thin #000 solid;
	margin-bottom:5px;
	text-align:center;
	color:#7e1416;
	font-size:10px;
	font-weight:bold;
	height:35px;
}

.rightSched {
	float:right;
	width:75%;
	
}

.rightSched ul {
	list-style:none;
}

.rightSched ul li {
	padding:20px 0px 25px 5px;
	margin-bottom:5px;
	text-align:left;
	color:#000;
	font-size:10px;
	font-weight:bold;
	height:35px;
}

/*
.sortableList {
	width:100%;
}

.sortableList ul {
	list-style:none;
}

.sortableList ul li {
	display:inline-block;
	width:30%;
	margin-right:20px;
	
}
*/

.comeSoonBan {
	background-color:#7e1416;
	padding:35px 0px 15px 0px;
	text-align:right;
	color:#FFF;
	width:100%;
	position:absolute; 
	top:475px;
}

.comeSoonBan h1 {
	margin-right:40px;
}

.leftSoonBan {
	float:left;
	width:63%;
}

.rightSoonBan {
	float:right;
	width:30%;
}

.rightSoonBan p {
	font-family: 'Lato', sans-serif;
	font-size:18px;
}


/* Transitions */
.column, .columns, header h1 {
  	   -moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}





/* 1. Widescreen State 
----------------------------------------------------------------------------------------------------------------- */

@media only 
screen and (min-width:1271px) {



/* Indicator */
.w960, .w768, .w320 {display: none;}
.w1176 {display: inline-block;}

.container                                  { position: relative; width: 1176px; margin: 0 auto; padding: 0 15px; }
.column, .columns                           { float: left; display: inline; margin-left: 15px; margin-right: 15px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column                      { width: 68px;  }
.container .two.columns                     { width: 166px; }
.container .three.columns                   { width: 264px; }
.container .four.columns                    { width: 362px; }
.container .five.columns                    { width: 460px; }
.container .six.columns                     { width: 558px; }
.container .seven.columns                   { width: 656px; }
.container .eight.columns                   { width: 754px; }
.container .nine.columns                    { width: 852px; }
.container .ten.columns                     { width: 950px; }
.container .eleven.columns                  { width: 1048px; }
.container .twelve.columns                  { width: 1146px; }

/* Variations */
.container .one-half.columns 				{ width: 558px; }
.container .one-third.columns  				{ width: 362px; }
.container .two-thirds.columns 				{ width: 754px; }
.container .one-quarter.columns  			{ width: 264px; }
.container .three-quarters.columns  		{ width: 852px; }

.container .one-third.columns               { width: 362px; }
.container .two-thirds.columns              { width: 852px; }


/* Styles for components of the website (widescreen sized) */
.spacer {
	width: 100%;
	height: 50px;
}

.floatLeft {
	float:left;
	width: 47%;
}

.floatRight {
	float:right;
	width:47%;
}

.mbanner {
	display:none;
}

h1 {
	font-family: 'Lato', sans-serif;

}

h2 {
	font-family: 'Lato', sans-serif;
	
}

.nav {
	
	height:270px;
	/* background-color:#36F; */
	background-image:url(../images/nav_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:96%;
	font-family: 'Lato', sans-serif;
	font-size:17px;
	text-align:center;
	font-weight:bold;
}

.nav ul {
	margin-top:80px;
	
}

.nav ul li {
	
	list-style:none;
	display:inline-block;
	width:160px;
	
}

.nav ul li a {
	text-decoration:none;
	color:#000;
}

.nav ul li a:hover {
	text-decoration:underline;
	color:#7e1416;
}


.homeBtn {
	display:block;	
	overflow:hidden;
	text-indent:-10000px;
}



.readMore {
	color:#06F;
	text-align:right;
}

.banner {
	height:500px;
	/* background-color:#39F; */
}

.slideLi {
	padding:50px;
	height:325px;
}

.mainArticle {
	min-height:500px;
	/* background-color:#3CF; */
	float:left;
	
}

.columnHeader {
	background-color:#000;
	color:#FFF;
	height:20px;
	padding:5px;
	width:100%;
	font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:18px;
	
}

.articleContent {
	border-bottom:#CCC thin solid;
	
}

.dates {
	font-size:12px;
	color:#2a71b9;
	margin-top:10px;
}

.sideArticle {
	min-height:500px;
	/* background-color:#3FF; */
	float:right;
}


.listingContainer {
	width: 1176px; 
	margin: 0 auto; 
	padding: 0 15px;
}

.listingArea {
	min-height:500px;
	background-color:#CCC;
}

.preLabel {
	background-color:#7e1416;
	margin-top:175px;
	padding:10px;
	color:#FFF;
	width:100px;
	position:absolute; 
	
}

.Inst {
	 margin:0 auto; 
	 width:40%; 
	 height: 70px; 
	 background-color:#7e1416; 
	 color:#FFF; 
	 padding:20px;
}

.InstImg {
	width:8%; 
	float:left; 
	
	margin-top:-5px;
	margin-right:20px;
}

.footerArea {
	min-height:250px;
	background-color:#000;
	background-image:url(../images/footerbg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:10%;
}

/*- OUR DATA HOLDER -*/
ul.ourHolder {
  width: 1176px;
  overflow: hidden;
}
ul.ourHolder li.item {
  width: 350px;
  min-height: 300px;
  overflow: hidden;
  display:inline-block;
  margin-right:2%;
  margin-bottom: 7%;
  
}

ul.ourHolder li.item div img {
	width:50%; 
	float:left; 
	margin-right:10px;
}

div div div.articleContent div img.art_img {
	width:45%;
	float:left;
	margin-right:10px;
}

/*- -*/

/*- FILTER OPTIONS -*/
.sortcont {
	min-height:205px;
}

ul#filterOptions {
  width: 100%;
  min-height: 52px;
  margin: 30px 0;
  overflow: visible;
}
ul#filterOptions li {
  height: 52px;
  margin-right: 2px;
  margin-bottom: 5px;
  display: inline-block;
  float: left;
}
ul#filterOptions li a {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #999;
  background: #cfcfcf;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display: block;
}
ul#filterOptions li a:hover {
  background: #c9c9c9;
}
ul#filterOptions li.active a {
  background: #7e1416;
}
/*- -*/

/*- Book Sellers Listing -*/


.bitem {
  width: 280px;
  overflow: hidden;
  
  
  display:inline-block;

}

/*- -*/




/*--end Widescreen--*/

}


/* 2. Standard State 
----------------------------------------------------------------------------------------------------------------- */
@media only 
screen and (max-width:1270px),
screen and (min-device-width : 769px) and (max-device-width : 1024px) and (orientation : landscape) {

	

/* indicator */

.w1176, .w768, .w320 {display: none;}
.w960 {display: inline-block;}

.container                                  { width: 960px; padding: 0 10px; margin:0 auto; }
.column, .columns                           { margin-left: 10px; margin-right: 10px; }

/* Base Grid */

.container .one.column                      { width: 60px;  }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }

/* Variations */
.container .one-half.columns 				{ width: 460px; }
.container .one-third.columns  				{ width: 300px; }
.container .two-thirds.columns 				{ width: 620px; }
.container .one-quarter.columns  			{ width: 220px; }
.container .three-quarters.columns  		{ width: 700px; }

.spacer {
	width: 100%;
	height: 100px;
}

.floatLeft {
	float:left;
	width: 47%;
}

.floatRight {
	float:right;
	width:47%;
}

.mbanner {
	display:none;
}

h1 {
	font-size:20px;
}


.nav {
	
	height:185px;
	padding-top:65px;
	/* background-color:#36F; */
	background-image:url(../images/nav_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:96%;
	font-family: 'Lato', sans-serif;
	
	text-align:center;
	font-weight:bold;
	
}


.nav ul li {
	
	list-style:none;
	display:inline-block;
	width:132px;
	
	
}

.nav ul li a {
	text-decoration:none;
	color:#000;
}

.nav ul li a:hover {
	text-decoration:underline;
	color:#7e1416;
}

.banner {
	height:350px;
	/* background-color:#39F; */
}

.mainArticle {
	min-height:500px;
	/* background-color:#3CF; */
	float:left;
	
}

.columnHeader {
	background-color:#000;
	color:#FFF;
	height:20px;
	padding:5px;
	width:100%;
	font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:18px;
	
}

.comeSoonBan {
	top:350px;
}

.articleContent {
	border-bottom:#CCC thin solid;
	
}

.dates {
	font-size:12px;
	color:#2a71b9;
	margin-top:10px;
}

.sideArticle {
	min-height:500px;
	/* background-color:#3FF; */
	float:right;
}

.listingContainer {
	width: 960px; 
	margin: 0 auto; 
	padding: 0 15px;
}

.listingArea {
	min-height:500px;
	background-color:#CCC;
}

.preLabel {
	background-color:#7e1416;
	margin-top:135px;
	padding:10px;
	color:#FFF;
	width:100px;
	position:absolute;
}

ul.ourHolder {
  width: 960px;
  overflow: hidden;
}
ul.ourHolder li.item {
  width: 280px;
  overflow: hidden;
  display:inline-block;
  margin-right:2%;
  margin-bottom: 7%;
}

ul.ourHolder li.item div img {
	width:50%; 
	float:left; 
	margin-right:10px;
}

/*- FILTER OPTIONS -*/
ul#filterOptions {
  width: 802px;
  height: 52px;
  margin: 30px 0;
  overflow: hidden;
}
ul#filterOptions li {
  height: 52px;
  margin-right: 2px;
  display: inline-block;
  float: left;
}
ul#filterOptions li a {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #999;
  background: #cfcfcf;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display: block;
}
ul#filterOptions li a:hover {
  background: #c9c9c9;
}
ul#filterOptions li.active a {
  background: #7e1416;
}
/*- -*/


.Inst {
	 margin:0 auto; 
	 width:40%; 
	 height: 70px; 
	 background-color:#7e1416; 
	 color:#FFF; 
	 padding:20px;
}

.InstImg {
	width:8.5%; 
	float:left; 
	margin-right:20px;
}

.footerArea {
	min-height:250px;
	background-color:#000;
	background-image:url(../images/footerbg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:10%;
}

/*--end Standard--*/

.bitem {
  width: 280px;
  overflow: hidden;
  display:inline-block;

}

}



/* 3. Tablet State
----------------------------------------------------------------------------------------------------------------- */

@media only
screen and (max-width:1023px),
screen and (min-device-width:321px) and (max-device-width:768px) and (orientation: portrait) {

/* indicator */
.w1176, .w960, .w320 {display: none;}
.w768 {display: inline-block;}
header h1 { margin-left: 0; }


/* 
	repeat 960 grid, but set max of 700px 
*/

.container                                  { width: 700px; padding: 0 34px; }
#main-content.columns,
#sidebar 									{ margin-left: 0; margin-right: 0; }
#sidebar 									{ width: 100%; }

/* Base Grid */
.container .one.column                      { width: 60px;  }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns,
.container .ten.columns, 					
.container .eleven.columns,
.container .twelve.columns 					{ width: 700px; } /* max is 700px */

/* Variations */
.container .one-half.columns 				{ width: 340px; }
.container .one-third.columns  				{ width: 220px; }
.container .two-thirds.columns 				{ width: 460px; }
.container .one-quarter.columns  			{ width: 160px; }
.container .three-quarters.columns  		{ width: 520px; }

/* Full width */
.fullwidth 									{ margin: 0 -10px;}
.fullwidth .four.columns 					{ width: 340px;}
.fullwidth .three.columns 					{ width: 340px;}
.fullwidth .three.columns.left-sidebar 		{ width: 220px; }
.fullwidth .nine.columns.has-left-sidebar 	{ width: 460px; }

/* Gallery layout */
.gallery.fullwidth 	{margin: 0 -10px;}
.gallery.fullwidth .three.columns 			{width: 220px;}

.spacer {
	width: 100%;
	height: 100px;
}

.floatLeft {
	float:left;
	width: 100%;
}

.floatRight {
	float:right;
	width:100%;
}

.mbanner {
	display:none;
}

.nav {
	
	height:185px;
	padding-top:45px;
	/* background-color:#36F; */
	background-image:url(../images/nav_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:96%;
	font-family: 'Lato', sans-serif;
	
	text-align:center;
	font-weight:bold;
	
}

.nav ul li {
	
	list-style:none;
	display:inline-block;
	width:97px;
	
	
}

.mainArticle {
	width:100%;
	min-height:500px;
	
}

.sideArticle {
	width:100%;
	min-height:500px;
	float:left;
	
}

.comeSoonBan {
	background-color:#7e1416;
	padding:25px 0px 5px 0px;
	text-align:right;
	color:#FFF;
	width:100%;
	position:absolute;
	top:400px; 
	
}

.listingContainer {
	width: 100%; 
	margin: 0 auto; 
	padding: 0 15px;
}

.listingArea {
	width:100%;
	min-height:500px;
	background-color:#CCC;
}

ul.ourHolder {
  width: 100%;
  overflow: hidden;
}
ul.ourHolder li.item {
  width: 90%;
  overflow: hidden;
  margin-bottom: 7%;
  
}

ul.ourHolder li.item div img {
	width:50%; 
	float:left; 
	margin-right:10px;	
}

/*- FILTER OPTIONS -*/
ul#filterOptions {
  width: 680px;
  height: 100%;
  margin: 30px 0;
}
ul#filterOptions li {
  width:100%;
  height: 52px;
  margin-right: 2px;
  list-style:none;
}
ul#filterOptions li a {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #999;
  background: #cfcfcf;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display: block;
}
ul#filterOptions li a:hover {
  background: #c9c9c9;
}
ul#filterOptions li.active a {
  background: #7e1416;
}
/*- -*/

.preLabel {
	background-color:#7e1416;
	margin-top:175px;
	padding:10px;
	color:#FFF;
	width:6.5%;
	position:absolute; 
	
}

.Inst {
	 margin:0 auto; 
	 width:40%; 
	 height: 70px; 
	 background-color:#7e1416; 
	 color:#FFF; 
	 padding:20px;
}

.InstImg {
	width:8.5%; 
	float:left; 
	margin-right:20px;
}

.bitem {
  width: 100%;
  overflow: hidden;
  display:inline-block;

}

}


/*--end Tablet--*/




/* 4. Mobile State
----------------------------------------------------------------------------------------------------------------- */

@media only 
screen and (max-width : 767px),
screen and (min-device-width : 320px) and (max-device-width : 480px) {


/* indicator */
.w1176, .w960, .w768 {display: none;}
.w320 {display: inline-block;}
header h1 {	margin-left: 0; text-align: center; margin-bottom: 10px;}

.container 									{ width: 300px; padding: 0 10px; }
.columns, .column 							{ margin: 0 0 10px; }
.mobile.multi-column 						{ margin: 0 -10px; }
.fullwidth, .gallery.fullwidth				{ margin: 0; }

.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .one-half.columns,
.container .one-third.columns,
.container .two-thirds.columns,
.container .three-quarters.columns 			{ width: 300px; } /* max is 300px */

/* Variations */
.container .one-quarter.columns,
.container .mobile.multi-column .three.columns	{ width: 140px; margin-left: 10px; margin-right: 10px; }

.fullwidth .four.columns,
.fullwidth .three.columns,
.gallery.fullwidth .three.columns,
.fullwidth .three.columns.left-sidebar,
.fullwidth .nine.columns.has-left-sidebar 	{ width: 300px; }

.spacer {
	width: 100%;
	height: 50px;
}

.floatLeft {
	float:left;
	width: 100%;
}

.floatRight {
	float:right;
	width:100%;
}

.m-hide {display: none;}

.mbanner {
	display:block;
	width:100%;
	height:50px;
	background-color:#7e1416;
	background-image:url(../images/mlogo.png);
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	
}

.banner {
	height:150px;
	
	
}

.nav {
	background-image:none;
	text-align:left;
	display:none;
}


.nav ul li {
	padding-left:10px;
	list-style:none;
	display:inline-block;
	width:100%;
	border-bottom:#000 thin solid;
}

.nav ul li .adjust {
	display:block;
	border:none;
	height:0px;
	width:0px;
}

.nav ul li:hover {
	
	background-color:#7e1416;
}

.nav ul li a {
	text-decoration:none;
	color:#000;
}

.nav ul li a:hover {
	color:#FFF;
	text-decoration:none;
}

.comeSoonBan {
	background-color:#7e1416;
	padding:25px 0px 5px 0px;
	text-align:right;
	color:#FFF;
	width:100%;
	position:absolute;
	top:200px; 
	
}

.rightSoonBan p {
	display:none;
}

.mainArticle {
	width:100%;
	min-height:500px;
	/* background-color:#3CF; */

}

.columnHeader {
	background-color:#000;
	color:#FFF;
	height:20px;
	padding:5px;
	width:97%;
	font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:18px;
	
}

div div div.articleContent div img.art_img {
	width:100%;
	float:none;
	margin-right:0px;
}


.listingContainer {
	width: 280px; 
	margin: 0 auto; 
	padding: 0 15px;
}

.listingArea {
	width:100%;
	min-height:500px;
	background-color:#CCC;
}

ul.ourHolder {
  width: 280px;
  overflow: hidden;
}
ul.ourHolder li.item {
  width: 280px;
  overflow: hidden;
  margin-bottom: 7%;
  border-bottom:#000 thin solid;
}

ul.ourHolder li.item div img {
	width:280px; 
	float:left; 
	margin-right:0;
	margin-bottom:10px;
}

/*- FILTER OPTIONS -*/
ul#filterOptions {
  width: 280px;
  height: 100%;
  margin: 30px 0;
}
ul#filterOptions li {
  width:100%;
  height: 52px;
  margin-right: 2px;
  list-style:none;
}
ul#filterOptions li a {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #999;
  background: #cfcfcf;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display: block;
}
ul#filterOptions li a:hover {
  background: #c9c9c9;
}
ul#filterOptions li.active a {
  background: #7e1416;
}
/*- -*/

.preLabel {
	background-color:#7e1416;
	margin-top:300px;
	padding:10px;
	color:#FFF;
	width:30%;
	position:absolute; 
	
}

.Inst {
	 margin:0 auto; 
	 width:250px; 
	 height: 80px; 
	 background-color:#7e1416; 
	 color:#FFF; 
	 padding:20px;
}

.InstImg {
	width:20%; 
	float:left; 
	margin-right:5px;
}

.footLeft {
	display:none;
}

.footRight {
	display:none;
}

.footerArea {
	min-height:150px;
	background-color:#000;
	background-image:url(../images/footerbg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:30%;
}

.bitem {
  width: 100%;
  overflow: hidden;
  display:inline-block;

}

}