@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	color: #444242;
	line-height: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	background-repeat: repeat;
	background-image: url(../images/boardBkgrnd.jpg);
}

.logo { 
	background-image:url(../images/MPlogo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 190px;
	width: 520px;
	float: left;
	padding: 20px 0px 0px 50px;
	align-content: center;
 }

.logoShift {
	background-image: url(../images/MPlogo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 210px;
	width: 480px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 20px;
	align-content: center;
 }
.logoNewCon { 
	background-image:url(../images/MPlogo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 190px;
	width: 510px;
	float: left;
	padding: 20px 0px 0px 40px;
	align-content: center;
 }
 
 .phone {
	height: 56px;
	width: 400px;
	padding-top: 136px;
	text-align: center;
	line-height: 24	px;
	float: left;
	font-size: 14px;
}

.phone_type {
	font-size: 32px;
}

.page {
	width: 980px;
	height: 1036px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}

#home_photoChanger {
	float: left;
	height: 360px;
	width: 980px;
}

nav {
	float: left;
	height: 45px;
	margin-top: -10px;
	margin-left: -10px;
	width: 980px;
	text-align: center;
	color: #4B2C60;
}

nav li {
	list-style-type: none;
	display: inline;
	margin-right: 16px;
	margin-left: 0px;
}

.columnContainer {
	float: left;
	height: 420px;
	width: 980px;
	text-align: center;
}

.bigColumn {
	float: left;
	height: 270px;
	width: 320px;
	padding-left: 25px;
	padding-right: 20px;
	line-height: 1.5em;
	text-align: left;
	margin-left: 30px;
	margin-top: 20px;
}

.smallColumn {
	float: left;
	width: 320px;
	margin-top: 20px;
	margin-right: 200px;
	border-right: 1px solid #4B2C60;
	font-weight: 400;
	border-left: 1px solid #4B2C60;
	border-right: 1px solid #4B2C60;
	
}

.smallColumnA {
	float: left;
	margin-top: -10px;
	width: 155px;
	line-height: 24px;
	text-align: left;
	font-weight: 400;
	border-left: 1px solid #4B2C60;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.smallColumnB {
	float: left;
	width: 135px;
	margin-top: -10px;
	text-align: left;
	line-height: 24px;
	border-right: 1px solid #4B2C60;
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.smallColumn2 {
	float: left;
	height: 270px;
	width: 230px;
	margin-top: -37px;
	line-height: 24px;
}

.moreSpace {
	line-height: 28px;
	}

.leadZero {
	line-height: 0px;
	}

.lead22 {
	line-height: 22px;
	}

.smallColumn2 a:link {
	color: #4B2C60;
	}
.smallColumn2 a:hover {
	color: #9d90a6;
	}
.smallColumn2 a:visited {
	color: #4B2C60;
	}
	
.homeQuote {
	float: right;
	width: 480px;
	height: 55px;
	margin-right: 60px;
	text-align: right;
	margin-top: 40px;
	font-weight: 200;
}

.swoosh {
	float: left;
	height: 57px;
	width: 980px;
}

.bodytxt {
	font-weight:200;
	font-size: 13px;
	line-height: 20px;
}
.minusSpace {
	margin-top: 5px;
}
.minusMoreSpace {
	margin-top: -5px;
}
.moreSpace {
	width: 980px;
	height: 10px;
}

footer {
	height: 15px;
	width: 970px;
	float: left;
	margin-top: 20px;
	font-size: .85em;
	color: #444242;
	padding: 5px 10px 10px 0px;
}
	
h1 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: left;
	font-weight: 600;
	color: #3f2550;
}

h2 { margin-top: 0px; margin-bottom: 10px; font-size: 22px; font-weight: 400;  color: #4B2C60; }

h3 { margin: 0 0 0 0; font-size: 22px; line-height: 28px; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-weight: 100; color: #4B2C60; }

h4 { margin-top: 0px; margin-bottom: 10px;  font-size: 18px; line-height: 15px; font-weight: 600;  color: #4B2C60; }

p { margin:0; padding:0 0 10px 0; }

a:link { color: #b1a87f; text-decoration: none; }

a:hover { color: #998768; }

a:visited {
	color: #b1a87f;
	text-decoration: none;
}

.subHead {
	font-size: 22px;
	color: #4B2C60;
}

.paintSubhead {font-size: 13px; line-height: 2.7em; font-weight: 600;}


.paintSubhead2 {font-size: 13px; line-height: 2.5em; font-weight: 600;}
.repaintPage {
	width: 980px;
	height: 1237px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}

.repaintPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image: url(../images/repaintingBanner.jpg);
}

#repaint_photo1 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 16px;
	margin-left: 450px;
}
#repaint_photo2 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 16px;
	margin-left: 8px;
}
#repaint_photo3 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 8px;
	margin-left: 450px;
}
#repaint_photo4 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.repaintColumnContainer {
	float: left;
	height: 620px;
	width: 950px;
	font-weight: 200;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.martensenPaintingLg {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #4B2C60;
	}
#repaintTitle {
	float: left;
	height: 120px;
	width: 448px;
	margin-top: 120px;
	margin-left: 40px;
}
.repaintColumn1 {
	float: left;
	height: 440px;
	width: 260px;
	text-align: left;
	margin-top: 10px;
	margin-left: 55px;
	padding-top: 10px;
	background-image: url(../images/erikLadder.jpg);
	background-repeat: no-repeat;
}

.repaintColumn2{
	float: left;
	width: 220px;
	height: 435px;
	text-align: left;
	margin-top: 23px;
	margin-left: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin-right: 25px;
	border-right: thin solid #4B2C60;
	border-left: thin solid #4B2C60;
}

.repaintColumn3{
	float: left;
	height: 450px;
	width: 300px;
	text-align: left;
	height: 435px;
	margin-top: 25px;
	margin-right: 10px;
}

.repaintQuote{
	float: left;
	width: 860px;
	height: 80px;
	margin-top: 40px;
	margin-left: 50px;
	text-align: left;
}

#repaintSwoosh {
	background-image: url(../images/swoosh_repaint.jpg);
	float: left;
	height: 57px;
	width: 980px;
	background-repeat: no-repeat;
}

.newConPage {
	width: 980px;
	height: 1097px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}

.newConPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image: url(../images/newConstructionBanner.jpg);
}

#newCon_photo1 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 16px;
	margin-left: 20px;
	background-image: url(../images/specialtyAppBanner.jpg);
}
#newCon_photo2 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 200px;
}
#newCon_photo3 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 8px;
	margin-left: 20px;
}
#newCon_photo4 {
	float: left;
	height: 160px;
	width: 250px;
	margin-top: 8px;
	margin-left: 8px;
}
.newConColumnContainer {
	float: left;
	height: 475px;
	width: 980px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-image: url(../images/van.jpg);
}
.newConColumn1 {
	float: left;
	height: 290px;
	width: 210px;
	text-align: center;
	margin-left: 80px;
	padding-left: 40px;
	padding-right: 50px;
	border-right: thin solid #4B2C60;
	margin-top: 20px;
}
.newConColumn2 {
	float: left;
	height: 230px;
	width: 390px;
	padding-left: 55px;
	height: 290px;
	line-height: 1.5em;
	text-align: left;
	margin-top: 20px;
	padding-right: 55px;
	margin-right: 0px;
}

.newConQuote{
	float: left;
	width: 800px;
	height: 80px;
	margin-top: 50px;
	margin-left: 80px;
	text-align: right;
	line-height: 22px;
}

.colorConPage {
	width: 980px;
	height: 1112px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}
.colorConColumnContainer {
	float: left;
	height: 495px;
	width: 980px;
	text-align: center;
}
.colorConColumn1 {
	height: 330px;
	width: 830px;
	text-align: left;
	margin-left: 90px;
	margin-top: 20px;
}

.colorConPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image:url(../images/colorConsultBanner.jpg);
}

.colorConQuote{
	float: left;
	width: 860px;
	height: 85px;
	margin-left: 90px;
	text-align: left;
	margin-top: 20px;
}
.specAppPage {
	width: 980px;
	height: 1317px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}
.specAppPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image: url(../images/specialtyAppBanner.jpg);
}
.specAppColumnContainer {
	float: left;
	height: 695px;
	width: 980px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.specAppColumn1 {
	float: left;
	height: 620px;
	width: 310px;
	text-align: left;
	padding-left: 180px;
	padding-right: 50px;
	background-image: url(../images/swallow.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	background-position: 0% 100%;
	border-right: thin solid #4B2C60;
}

.centered {
	text-align: center;
}

.purpleBold {
	color: #4B2C60;
	font-weight: bold;
}

.specAppColumn2 {
	float: left;
	height: 230px;
	width: 270px;
	padding-left: 55px;
	height: 640px;
	line-height: 1.5em;
	text-align: left;
	margin-top: 20px;
	padding-right: 55px;
	margin-right: 50px;
}

.galleryPage {
	width: 980px;
	height: 1820px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), -3px 3px 5px rgba(0, 0, 0, 0.5);
}
.galleryColumnContainer {
	float: left;
	height: 1220px;
	width: 980px;
	text-align: center;
	background-image: url(../images/swooshGallery.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;
}
.galleryPhoto1 {
	float: left;
	height: 225px;
	width: 300px;
	text-align: left;
	margin-top: 10px;
}
.galleryPhoto1V {
	float: left;
	height: 300px;
	width: 225px;
	text-align: left;
	margin-left: 75px;
	margin-top: 10px;
}
.galleryPhoto1brush {
	float: left;
	height: 225px;
	width: 169px;
	text-align: left;
	margin-top: 10px;
}
.galleryPhoto2roller {
	float: left;
	height: 225px;
	width: 175px;
	text-align: left;
	margin-top: 10px;
	margin-right: 20px;
}

.galleryPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image: url(../images/galleryBanner.jpg);
}

.galleryQuote{
	float: left;
	width: 860px;
	height: 90px;
	margin-top: 30px;
	margin-left: 50px;
	text-align: left;
}
.galleryHead {
	float: left;
	height: 25px;
	width: 850px;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	margin-left: 75px;
	font-size: 14px;
	font-weight: 600;
	color: #4B2C60;
}
.galleryPhoto2 {
	height: 225px;
	width: 300px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.galleryPhotoDesc {
	float: left;
	height: 225px;
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	text-align: left;
}
.galleryPhotoDesc2 {
	float: left;
	height: 225px;
	width: 136px;
	margin-left: 20px;
	margin-top: 10px;
	text-align: left;
}

.contactPage {
	width: 980px;
	height: 968px;
	margin: 0px auto 0px auto;
	background-color: #fff;
	box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.5),-3px 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.5),-3px 3px 5px rgba(0, 0, 0, 0.5);
}

.contactPhotoHead {
	height: 360px;
	width: 980px;
	float: left;
	background-image: url(../images/contactBanner.jpg);
	background-repeat: no-repeat;
}

#contact_photo {
	float: left;
	height: 328px;
	width: 508px;
	margin-top: 16px;
	margin-left: 20px;
	background-image: url(../images/contactErik.jpg);
}
#contactContents {
	float: left;
	height: 309px;
	width: 790px;
	margin-left: 110px;
}
#contactContents {
}
#colorConLeftCol {
	float: left;
	height: 218px;
	width: 325px;
	margin-left: 90px;
	margin-top: 20px;
	margin-right: 30px;
}

.watchSlideshow {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	margin-top: -180px;
	text-decoration: none;
	color: #FFFFFF;
}
.watchSlideshow a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.watchSlideshow a:hover {
	color: #998768;
	text-decoration: none;
}

.watchSlideshow a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#SAphotoChanger {
	height: 800px;
	width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.no_background {
	background-color: #050505;
	background-image: none;
	height: 800px;
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.galleryPhoto1 li{
	list-style-type:none;
}
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#FFFFFF;
padding: 0px;
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#FFFFFF;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
#sitePage {
	background-color: #FFFFFF;
	padding: 20px;
	height: 420px;
	width: 700px;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	align-items: center;
}
.noDot  {
	list-style-type:none;
}
.page header h6 {
	width: 200px;
	height: 10px;
	margin-top: -10px;
	color: #FFFFFF;
	font-size: 4px;
}