/*
Theme Name: Village Paint and Decorating By Chris White
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alte_haas_groteskregular';
    src: url('altehaasgroteskregular-webfont.eot');
    src: url('altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('altehaasgroteskregular-webfont.woff') format('woff'),
         url('altehaasgroteskregular-webfont.ttf') format('truetype'),
         url('altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'franchiseregular';
    src: url('franchise-bold-hinted-webfont.eot');
    src: url('franchise-bold-hinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('franchise-bold-hinted-webfont.woff') format('woff'),
         url('franchise-bold-hinted-webfont.ttf') format('truetype'),
         url('franchise-bold-hinted-webfont.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'regencielight';
    src: url('regencielight-webfont.eot');
    src: url('regencielight-webfont.eot?#iefix') format('embedded-opentype'),
         url('regencielight-webfont.woff') format('woff'),
         url('regencielight-webfont.ttf') format('truetype'),
         url('regencielight-webfont.svg#regencielight') format('svg');
    font-weight: normal;
    font-style: normal;

}

p {
	margin-bottom: 15px;
}

img {
	border:0;
}

body {
	line-height: 1;
background-color: #f9f5dc;
}

#main {
	width:100%;
}

.back-5,.back-80, .back-photo-264, .back-photo-266 {
	background: black;
}

.back-68, .back-17, .back-19, .back-11, .back-13, .back-15, .back-96 {
	background-color:#f9f5dc;
}

.back-photo-5,.back-photo-80,.back-photo-264,.back-photo-266 {
height:960px;
    position: fixed;
    width: 1400px;
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/04/vp-background-final.png');
	margin-left:-700px;
	left:50%;
    z-index: -10;
}

.back-photo-68, .back-photo-17, .back-photo-19, .back-photo-11, .back-photo-13, .back-photo-15, .back-photo-96 {
height:750px;
    position: fixed;
    width: 1400px;
	background-color:#f9f5dc;
	margin-left:-700px;
	left:50%;
    z-index: -10;
}



.vpheader {
	width:960px;
	height:140px;
	margin: 0 auto;
}

.vpheader-left {
	height:120px;
margin-top: 10px;
	float:left;
	width:245px;	
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/03/vp-logo.png');
	background-repeat: no-repeat;
}


.vpheader-center {
	height:140px;
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/10/ben-moore-signature-store3.png');
	background-repeat: no-repeat;
	float:left;
	width:394px;	
	text-align: center;
}
.vpheader-center-social {
	width:200px;
	height:40px;
	float:left;
}

.vpheader-right {
	height:139px;
	float:left;
	width:320px;	
	background-color:#3c577e;
}

.vp-top-menu {
	margin: 0 auto;
	height: 66px;
	width: 980px;
}

.vp-bottom-menu {
 bottom: 30px;
    height: 66px;
    position: absolute;
    width: 980px;
}


.vp-bottom-menu2 {
 bottom: 30px;
    height: 66px;
    position: absolute;
margin-left: -55px;
}

#sliderslider {
overflow:hidden;
background-image: url("vp-light-background.png");
width:650px;
margin-top: 30px;
padding: 20px 15% 20px 20px;
}


		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
	font-family:'bebas_neueregular';
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 35%;
			width: 560px;
			height: 380px;
			padding: 16px;
			text-align:center;
			background-color: #f9f5dc;
			z-index:1002;
			overflow: auto;
			font-family:'bebas_neueregular';
		}




.home2 {
background-image: url("vp-light-background.png");
width:185px;
height:190px;
margin-top: 0px;
padding: 2px;
float:left;
margin: -132px 5px 0 5px;
}

.vp-top-menu-in {
	width: 980px;
	height: 66px;
	margin: 0 auto;
}

.vp-top-menu-in2 {
	width: 1060px;
	height: 66px;
	margin: 0 auto;
}

.top-menu li {
	list-style: none;
}

.top-menu li a {
	margin: 8px 10px;
	float: left;
	height: 40px;
	width: 225px;
	padding: 15px 0px 0 0;
	text-transform: uppercase;
	text-align:center;
font-size: 28px;
	color: white;
    font-family: 'bebas_neueregular';
	text-decoration: none;
}


.top-menu2 li {
	list-style: none;
}

.top-menu2 li a {
margin: 8px 5px;
	float: left;
	height: 40px;
width: 155px;
	padding: 15px 0px 0 0;
	text-transform: uppercase;
	text-align:center;
font-size: 23px;
	color: white;
    font-family: 'bebas_neueregular';
	text-decoration: none;
}


#menu-item-24 a {
	background-color:#761d1c;
}

#menu-item-23 a {
	background-color:#bd8d39;
}

#menu-item-22 a {
	background-color:#3c577e;
}

#menu-item-21 a {
	background-color:#6e8550;
}

#menu-item-24 a:hover {
	background-color:#4f1615;
}

#menu-item-23 a:hover {
	background-color:#906c2c;
}

#menu-item-22 a:hover {
	background-color:#27374f;
}

#menu-item-21 a:hover {
	background-color:#4d5d38;
}


.hours {
	margin:5px 10px 0 0;
	color: white;
    font-family: 'alte_haas_groteskregular';
	font-size: 14px;
	text-align:right;
line-height: 20px;

}


.above-video {
    font-family: 'alte_haas_groteskregular';
	background-color:#761d1c;
	color:white;
font-size: 14px;
padding: 12px;
line-height: 20px;
margin-bottom: 10px;
text-align: center;
}


.contact-us {
	color: white;
    font-family: 'alte_haas_groteskregular';
	font-size: 16px;
	text-decoration:none;
}

.contact-us-text {
	color: white;
	float:right;
    font-family: 'alte_haas_groteskregular';
	font-size: 16px;
line-height: 24px;
	text-decoration:none;
}

.content {
	width:960px;
	margin: 0 auto;
	min-height:1200px;
}


.home-page-left {
	width: 225px;
	float:left;
	height: 330px;
	margin-right: 10px;
	background-image: url('vp-light-background.png');
padding: 66px 0;
}

h2 {
    font-family: 'bebas_neueregular';
	font-size: 28px;
	text-align:center;
	margin-top:10px;
	text-decoration:none;
	color:black;
line-height: 25px;
}

.left-text {
	color: black;
	float:left;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
	padding:10px;
}

.left-text-link {
	color: #761d1c;
    font-family: 'alte_haas_groteskregular';
	font-size: 22px;
margin: 10px 0 0 0;
float: left;
text-align:center;
text-decoration: none;
	width:200px;
}

.home-page-half-box-left {
	background-image: url('vp-light-background.png');
	width: 470px;
	float:left;
	height: 170px;
	margin: 0 10px 10px 0;
	line-height: 18px;
	padding-top:5px;
}

.home-page-half-box-right {
	width: 470px;
	float:left;
	height: 160px;
	margin: 25px 0 0 10px;
}


.home-page-half-box-video-left {
	width: 470px;
	float:left;
	height: 330px;
	margin: 0 10px 0 0;
}

.home-page-half-box-video-right {
	width: 470px;
	float:left;
	height: 330px;
	margin: 0 0 0 10px;
}


.home-page-half-box-leftb {
	background-image: url('vp-light-background.png');
	width: 470px;
	float:left;
	height: 190px;
	margin: 10px 10px 0 0;
	line-height: 18px;
	padding-top:5px;
}

.leftb {
width:210px;
float:left;
height: 170px;
padding:10px
}

.leftbr {
width:230px;
float:left;
height: 170px;
padding:10px
margin-left:10px;
}



.home-page-half-box-rightb {
	width: 470px;
	float:left;
	height: 190px;
	margin: 0px 0 0 10px;
}

.home-page-center {
	width: 470px;
	float:left;
	height: 330px;
	margin: 0 10px;
}

.home-page-center-photo {
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/03/village-paint-home-page-1.jpg');
	width: 470px;
	height: 330px;
}

.home-page-center-photo1 {
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/03/village-paint-home-page-1.jpg');
	width: 470px;
	height: 330px;
}

.home-page-center-photo2 {
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2014/01/village-paint-home-page2.jpg');
	width: 470px;
	height: 330px;
}




.home-page-center-photo:hover {
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/03/village-paint-home-page-2.jpg');
	width: 470px;
	height: 330px;
}


.home-page-right {
	width: 225px;
	float:left;
	height: 330px;
	margin-left: 10px;
	background-image: url('vp-light-background.png');
padding: 66px 0;
}

.right-text {
	color: black;
	float:left;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
	padding:10px;
}

.right-text-link {
	color: black;
    font-family: 'alte_haas_groteskregular';
	margin-top:10px;
	font-size: 18px;
margin-top: 20px;
float: left;
}


.home-tip {
width:960px;
float:left;
}


.footer {
	width:100%;
	float:left;
margin-top: 120px;
	height:100px;
}

.footer-back {
	background-image: url('http://villagepaintltd.com/wp-content/uploads/2013/03/footer-back.png');
	height:100px;
	width:100%;
	margin: 0 auto;
}

.footer-text {
	color:white;
	text-align:center;
    font-family: 'alte_haas_groteskregular';
padding-top: 70px;
}


.paper-under {
	width:450px;
	margin:40px auto;
	padding:10px;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
line-height: 20px;
background-image: url('vp-light-background.png');
}


.wallpaper-under {
	width:300px;
	margin:450px auto 0;
	padding:10px;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
line-height: 20px;
}

.paper-under ul li {
margin-left: 50px;
line-height: 30px;
}

.inside-page-left {
	width: 450px;
	float:left;
	margin-right: 10px;
	line-height: 20px;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
	padding:10px;
}

.home-tip-text {
padding:10px;
text-align:center;
}


.home-tip-text-link {

}


.inside-page-full {
	width: 960px;
	float:left;
	margin-right: 10px;
	background-image: url('vp-light-background.png');

}

.inside-page-title {
    font-family: 'bebas_neueregular';
	font-size: 40px;
	float:left;
	text-align:left;
	width: 450px;
	margin:10px 0 20px 0px;
	text-transform: uppercase;
	text-decoration:none;
	color:black;
line-height: 35px;
}

.inside-page-text {
	color: black;
	float:left;
    font-family: 'alte_haas_groteskregular';
	font-size: 15px;
line-height: 20px;
	padding:10px;
}

.inside-page-right {
	width: 470px;
	float:left;
	height: 330px;
	margin-left: 10px;
	background-image: url('vp-light-background.png');

}


.inside-slider {
	float:right;
	margin-right:10px;
	margin-top: 10px;
}


.slider_selections {
    font-family: 'bebas_neueregular';
}


h3 {
font-size: 20px;
margin-bottom: 10px;
line-height: 25px;
}


#vendor_links li {
margin-left: 40px;
}


#vendor_links li a {
color: black;
}


.benmoore {
}

.benmoore-head {
    font-family: 'bebas_neueregular';
	font-size: 20px;
	text-align:center;
	margin-top:10px;
	text-decoration:none;
	color:black;
}


.benmoore-body {
color: black;
float: left;
font-family: 'alte_haas_groteskregular';
font-size: 15px;
padding: 10px;
}



.featuredphotocenter {
margin: 0 auto;
display: block;
}







