/* --simple reset-- */

html, body, ul, ol, li
{
	margin: 0;
	padding: 0;
}

body { background: #fff; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }


/* --code-- */

body {
	margin:0;
	padding:0;
	color:#333; 
	font: 1em/1.7em Cochin, Times, serif; 
	background: #6f6f6f url(bkgndimages/MuseumWallCS.jpg) repeat-x left top;
}

#content {
	margin: 0 20px; 
	float: left;
	height: 600px;
}

.unit {
	margin: 56px 0px 0 20px; 
	padding: 0;
	float: left;
}

.alt {/* modify this to add style to the units containing text*/
	margin-right: 0;
	height:	540px;
	width:  500px;
	overflow: hidden;
	text-align: right;
	font: 0.7em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
}

.alt p	{
	text-align: justify;
	position: absolute;
	right: 0;
	width: 40%;
}

.combosizerV	{
	text-align: center;
	margin:  0 auto;
}

.combosizerH	{
	text-align: center;
	margin:  0 auto;
}

.exit	{
	font: 2em/1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
	opacity:0.8;
	_filter:alpha(opacity=80);
	-webkit-opacity:.8;
}
	
.exit a:link, .exit a:visited	{
	text-decoration: none;
	color: #6f6859;
}
	
a.walkon:link, a.walkon:visited {
	float: right;
	color: #6f6859;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

a.walkback:link, a.walkback:visited {
	float: left;
	color: #6f6859;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

/* rules for normal screens */
@media all and (min-width: 980px) {
}	

/* iPad Portrait */
@media screen and (device-width: 768px) and (orientation: portrait) {
body {
	background: #6f6f6f url(bkgndimages/MuseumWall1024.jpg) repeat-x left top;
	font: 1.2em/1.8em Cochin, Times, serif;
	}
#content {
	height: 946px;
}
.alt p	{
	display: none;
}
a.walkon, a.walkback	{
	display: none;
	}
}

/* iPad Landscape */
@media screen and (device-width: 768px) and (orientation: landscape) { /* no dado rail in the background picture */
body {
	background: #6f6f6f url(bkgndimages/MuseumWall768NoDado.jpg) repeat-x left top;
	font: 1.2em/1.8em Cochin, Times, serif;
	overflow:  hidden;
	}
.alt p	{
	width: 50%;
}

a.walkon, a.walkback	{
	display: none;
	}
}

/* iPhone, Android */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
}

/* iPhone 4-specific */
@media screen and (-webkit-min-device-pixel-ratio: 2) {  
}



#leftsection {
	margin: 0;
	padding: 95px 50px 0 50px;
	float: left;
	width: 300px; 
}



#rightsection {
	margin: 0; 
	padding: 95px 50px 0 50px;
	float: left;
	width: 300px; 
}	


.fiftypercent	{
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-opacity:.6;
}

.galimage	{
	text-align: center;
	margin:  0 auto;
}

img.painting	{
	margin:  0 auto;
	-webkit-box-shadow: 5px 5px 25px #61605A;
	-moz-box-shadow: 5px 5px 25px #61605A;
}

.cords	{
	margin:  0 auto;
	width: 85%;
	display: block;
	-webkit-box-shadow: 1px 5px 12px #9e9e9e;
	-moz-box-shadow: 1px 5px 12px #9e9e9e;
}