/* This stylesheet is used to style the individual pages */





/* HEADER */



.top-banner{
width: 100%;
height: 170px;
background-color: #230c04;
background-position: center;
background-image: url(http://www.affordablekitchenrefacing.com/mobile/images/top-banner.jpg);
background-repeat: no-repeat;
}



.top-banner div{

width: 360px;

height: 170px;

margin: 0px auto;

overflow: hidden;

}





@media screen and (orientation: portrait) {

.top-angie{

width: 50px;

position: absolute;

right: 0;

margin: 4px 4px 0px 0px;

z-index: 1000;	

}

.top-bbb{

width: 50px;

position: absolute;

left: 0;

margin: 4px 4px 0px 0px;

z-index: 1000;	

}

}



/* top-image */



@media screen and (orientation: landscape) {

.top-angie{

width: 100px;

position: absolute;

right: 0;

margin: 0px 0px 0px 0px;

z-index: 1000;	

}

.top-bbb{

width: 100px;

position: absolute;

left: 0;

margin: 0px 0px 0px 0px;

z-index: 1000;	

}

.top-bbb img{

width: 50px;

height: auto;

}



  }



















.top-banner div h2, .top-banner div h3{

position: relative;

text-align: center !important;

}

.top-banner div h2{

top: 80px;

font-size: 18px !important;

text-align: center !important;

color: #ffffff;

}

.top-banner div h2 a, .top-banner div h2 a:hover{

color: #ffffff !important;

} 

.top-banner div h2 span{

font-size: 16pt !important;	

}

.top-banner div h3{

top: 68px;

font-size: 20px !important;

text-align: center !important;

color: #fffe37;

}

.top-banner div h3 a, .top-banner div h3 a:hover{

color: #fffe37 !important;	

}



.insert-home{

width: 100%;

background-color: #230c04;

}

.insert-home-frame{

width: 360px;

height: 203px;

margin: 0px auto;

overflow: hidden;

}



/* NAVIGATION */



.nav{

width: 60%;

}



/* PAGES */

.insert1{

padding: 8px 4px 8px 4px;

background-color: #ffcc00;

border-radius: 10px;

color: #ffffff;

}

.insert1 h4{

color: #670001 /* old #2d7dcc*/;

text-align: center;

}







.list-images{

margin: 0px 0px 0px 0px;

color: #000000;

}



.list-images ul{

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

list-style: none; padding: 0px;}

.list-images li{

width: 75px;

height: 56px;

padding: 0px 0px 0px 0px;

margin: 3px 3px 3px 3px;

list-style: none; padding: 0px;  float: left;

overflow: hidden;

}



.list-images li a{

width: 75px;

height: 56px;

padding: 0px 0px 0px 0px;

margin: 3px 3px 3px 3px;

list-style: none; padding: 0px; float: left;

position: absolute;

overflow: hidden;

}



.list-images li a:hover{

width: 75px;

height: 56px;

padding: 0px 0px 0px 0px;

margin: 3px 3px 3px 3px;

list-style: none; padding: 0px; float: left;

position: absolute;

overflow: hidden;

}



.list-images img {



}



.party-hours{

padding: 10px;

margin: 20px 0px 0px 0px;

background-color: #ffcc00;

border-radius: 10px;

}





.locations-holder{



}

.each-location{

width: 218px;

padding: 10px;

margin: 0px auto;

margin-bottom: 20px;

background-color: #ebebeb;

border-radius: 10px;

}

.each-location img{

border-radius: 10px;

}

.each-location h4{

text-align: center;

}

.each-location p{

text-align: center;

}



h2{

color: #230c04;

}



/* Testimonials */



.testimonials-list{



}

.testimonials-list p{

padding: 10px;

background-color: #ebebeb;

}



/* =================================== */







/* ============== BEFORE AND AFTER PAGE ============== */



#demo3 {

width: 340px;

padding: 0px;

margin: 0px auto;

}



#demo3 ul {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#demo3 li {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

list-style: none;

border: #4b4b4b 6px solid;

float: left;

}



#demo3 img {

border: none !important;

}

#demo3 img a{

border: none !important;

}

.ba-message{

padding: 0px 0px 0px 0px;

text-align: center;

}



#baHover{

margin-top: 20px;

}

#baHover img{

max-width: 340px;

height: auto;

border: none !important;

}





.prev4 {



}

.next4 {

margin: 0px 0px 0px 50px;

}



.main-footer{

background-color: #fffe37;



}

.main-footer h4{

background-color: #fffe37;

}

/* box-shadow: */









/*  */

.license{

text-align: center;	

	}



.clr{

clear: both;

}