/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-rotating-panels.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {
	background-color: #E2ECC7;
	background-image: url(../images/logofade.gif);
}
#wrapper {
	clear: both;
	margin: auto;
	width: 100%;
	vertical-align:top;
}
* {
vertical-align:top;
}
#wrapper h2{
padding-top: 350px;
font-size: normal;
}
.sanlorenzo{
	display: inline-block;
	width:23%;
	background-image: url(../images/sanlorenzo250x.jpg);
		background-repeat: no-repeat;
	background-size: contain;
    margin-bottom: 1px;
    zoom: 1;
    *display: inline
}
.saintarnold{
	display: inline-block;
	width:23%;
	background-image: url(../images/StArnold250x.jpg);
		background-repeat: no-repeat;
	background-size: contain;

}
.sainthonore{
	display: inline-block;
	width:23%;
	background-image: url(../images/sthonore250x.jpg);
		background-repeat: no-repeat;
	background-size: contain;
}
.saintvincent{
	display: inline-block;
	width:23%;
	background-image: url(../images/stvincent250x.jpg);
		background-repeat: no-repeat;
	background-size: contain;
}
#footer {
    position: relative;
    clear: both;
    height: 20px;
    margin-top: 150px;
    text-align: center;
}
#maincontent {
width: 80%;
margin: auto;
padding: 20px;
border: 2px;
#background-image: url('../images/teal-light.png');
background-color: #E2ECC7;
#F3FDD7;
object-fit: fill;
background-size: auto 100%;
 }
.painting {
	float: right;
max-width:100%;
max-height:auto
}
.orderbox {
width: 25%;
margin-top: -25px;
position: relative;
float:left;
}
.personalinfo {
width: 50%;
margin-top: -25px;
position: relative;
float:right;
}
	
legend { padding-left: 0; }
legend,label { color: Blue; }
label {
width: 140px;
text-align: right;
padding-right: 5px;
float: left;
}

fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	}
	
fieldset fieldset { background: none; }
 #button { font-weight: 900; font-style: normal; box-shadow: 3px 3px 0px; border-radius: 9px; background: rgb(154, 238, 223);} 
 #button:hover { box-shadow: 3px 3px 0px; border-radius: 11px; background: rgb(162, 238, 154);} 
 
	
fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
table {
width: 50%;
float: left;
}
td {
text-align: center;
}
@media (min-width: 961px)
{
	#muse_css_mq
	{
		background-color: #FFFFFF;
	}

	#bp_infinity.active
	{
		display: block;
	}

	#page
	{
		max-width: 1920px;
	}

}

@media (max-width: 960px)
{
h2,p { font-size: 0.8em;
}
	#muse_css_mq
	{
		background-color: #0003c0;
	}

	#bp_960.active
	{
		display: block;
	}

	#page
	{
		max-width: 960px;
	}

	body
	{
		min-width: 320px;
	}

#wrapper h2{
padding-top: 100px;
font-size: normal;
}
}
#header {
z-index: 4;
	height: 8em;
	background: transparent url("../images/bannertuscanmobilefrendly1366x213.jpg") no-repeat center top;
	background-size: cover;
	}
#header img {
margin-left: 15%;
margin-top: -1%;
float: left;
}
.clear { clear:both; }