/*large viewport*/
@media screen and (min-width: 50px) {

/*clear defaults*/
body, h1, h2, h3, p, ul, li 	{ padding: 0px; margin: 0px;}

h1, h2, h3 	{	font-size: 1em; font-weight: normal;}
a 			{	text-decoration: none;}
a img 		{	border: none;}
ul 			{	list-style-type: none;}
img {    max-width: 100%; height: auto;}

/*home page*/

body {	background: white;
		font-family: serif;}
		
div#content {	
				min-height: 600px;
				width: 80%;
				margin-left: auto;
				margin-right: auto;}
		
h1#homewelcome {font-size: 1.5em;	
					padding-top: 2rem;
					margin-left: 2.5%;
					}		
					
p.hometext	{	width: 78%;
				margin-left: 2.5%;
				font-size: 1.2em;
				margin-top: 1em;}
				
p.homeendtext	{	
				margin-left: 2.5%;
				font-size: 1.2em;
				margin-top: 1em;}
				
div#homeleftcolumn {	width: 25.6%;
						margin-left: 2.5%;
						margin-top: 2em;
						min-height: 200px;
						float: left;
						text-align: center;}
						
div#homecentrecolumn {	width: 23.5%;
						margin-left: 10%;
						margin-top: 2em;
						min-height: 200px;
						float: left;
						text-align: center;
						 overflow: visible;}	

div#homerightcolumn {	width: 27%;
						margin-left: 10%;
						margin-top: 2em;
						min-height: 200px;
						float: left;
						text-align: center;}

h2.titletext	{	font-size: 1.2em;
					margin-top: .6em;}						
						
p.artist	{		margin-top: .6em;}					
						
p.detailsprice	{		margin-top: .6em;
						padding-left: 35%;
						padding-bottom: 2em;
						text-align: center;}	

p.tendetailsprice	{		margin-top: .6em;
						padding-left: 5%;
						padding-bottom: 2em;
						text-align: center;}	
p.bmrdetailsprice	{		margin-top: .6em;
						padding-left: 5%;
						padding-bottom: 2em;
						text-align: center;}
p.alobdetailsprice	{		margin-top: .6em;
						padding-left: 5%;
						padding-bottom: 2em;
						text-align: center;}
p.lmswdetailsprice	{		margin-top: .6em;
						padding-left: 5%;
						padding-bottom: 2em;
						text-align: center;}	
p.ombdetailsprice	{		margin-top: .6em;
						padding-left: 5%;
						padding-bottom: 2em;
						text-align: center;}	

span.boldgrey		{	color: gray;
						}						
						
div#bpleftcolumn {	width: 40%;
						margin-left: 2.5%;
						margin-top: 3rem;
						min-height: 200px;
						float: left;
						text-align: center;}
						
	

div#bprightcolumn {	width: 40%;
						margin-left: 10%;
						margin-top: 3rem;
						min-height: 200px;
						float: left;
						text-align: left;}	
						
div#samplepagecolumn {	width: 60%;
						margin-left: 2.5%;
						margin-top: 3em;
						text-align: center;
						float: left;}
						
div#samplepagecolumn img {padding-bottom: 1em;}

h1.bookpage	{		font-variant: small-caps;
					color: #BA0000;
					font-size: 1.5em;
					padding-bottom: 1em;}		

h2.contents	{		
					color: #BA0000;
					font-size: 1.5em;
					padding-bottom: 1em;}	

div#contentscolumn {	width: 30%;
						margin-left: 5%;
						margin-top: 3em;
						text-align: left;
						float: left;}		

div#atdcontentscolumn {	width: 30%;
						margin-left: 5%;
						margin-top: 3.5rem;
						text-align: left;
						float: left;}							
						
p.bookpage	{	font-size: 1.2em;}		

p.warning {color: red;
			font-size: 1.2em;}	
			
img#lmswhome 	{width: 100%;
				height: auto;
				text-align: left;
				
				position: relative;
				}
				
div#bannerbox	 {width: 100%;
				}
				
div#buttoncon	{margin-left: 6rem;
					margin-top: -3.2rem;
					margin-bottom: 1rem;}
					
span#biggerprice 	{font-size: 1.5em;}

h3	{}
			
}