@charset "utf-8";
/* CSS Document */
/*BOF General Style*/
@import url(https://fonts.googleapis.com/css?family=Lobster);
* { margin: 0; padding: 0;}
body{background-color:#342637; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:20px; margin:0 auto}
.mainContent {background:url(../images/lifetimeBG.jpg) no-repeat 50% 0%; height:1227px;
background-size: 1500px 1227px;
-o-background-size: 1500px 1227px;
-webkit-background-size: 1500px 1227px;
-khtml-background-size: 1500px 1227px;
-moz-background-size: 1500px 1227px;
margin:0 auto;}
.testimonialContent2{
margin-left: 5px;
font-size: 17px;
padding-top: 10px;
}
input, textarea{
padding:5px !important;
}
#contact_form_wrap{
min-height:400px;
}
.gFont{
font-family: 'Lobster', cursive;
color:#fff;
margin-bottom:5px;
font-size:25px;
text-shadow:1px 1px 1px #000
}
.testimonialContent{
padding-top: 63px;
margin-left: 5px;
height: 225px;
font-size: 17px;
}
.TestimonialTitle{
font-weight: bold;
?
}
.testSmall{
font-weight: bold;
font-size: 12px;
}
.testimonialPic{
float: left;
padding:5px;
}
.header {background:url(../images/headerBg.jpg) no-repeat; width:1024px; height:392px;}
.headerMove{padding-top:12px}
.linksHeader {padding-top:290px; padding-left:65px}
.linksHeader a {float:left; padding-left:20px}
.home { background:url(../images/home.png) no-repeat; width:83px; height:46px; display:block}
.home:hover { background:url(../images/home_over.png) no-repeat; width:83px; height:46px; display:block}
.about { background:url(../images/about.png) no-repeat; width:113px; height:46px; display:block}
.about:hover { background:url(../images/about_over.png) no-repeat; width:113px; height:46px; display:block}
.services { background:url(../images/services.png) no-repeat; width:96px; height:46px; display:block; margin-left:8px}
.services:hover { background:url(../images/services_over.png) no-repeat; width:96px; height:46px; display:block; }
.portfolio { background:url(../images/portfolio.png) no-repeat; width:97px; height:46px; display:block; margin-left:8px}
.portfolio:hover { background:url(../images/portfolio_over.png) no-repeat; width:97px; height:46px; display:block; }
.contact { background:url(../images/contact.png) no-repeat; width:134px; height:46px; display:block; margin-left:5px}
.contact:hover { background:url(../images/contact_over.png) no-repeat; width:134px; height:46px; display:block; }
.testimonials { background:url(../images/testimonials.png) no-repeat; width:151px; height:46px; display:block; margin-left:1px}
.testimonials:hover { background:url(../images/testimonials_over.png) no-repeat; width:151px; height:46px; display:block; }
.shop { background:url(../images/shop.png) no-repeat; width:71px; height:46px; display:block; margin-left:5px}
.shop:hover { background:url(../images/shop_over.png) no-repeat; width:71px; height:46px; display:block; }
.footer {background:url(../images/footerBg.png) no-repeat center; width:1024px; height:90px;}
.centerPiece {background: url(../images/centerBg.png) repeat-y center; width:1024px;}
.copyrights {font-size:12px; color:#fff; font-style:italic; font-weight:bold; width:935px; padding-left:87px}
.linksFaceYou{ width:1024px;
position:absolute; margin-top: 129px;
margin-left: 117px;
}
/*EOF General Style*/
.clearboth{
clear:both;
}
/* BOF Contact Form */
#contact_form_wrap {width:900px; text-align:left; padding-top:60px; background:url(http://www.lifetimecreation.com/images/bgContact.jpg) no-repeat 235px}
.message {display:none;}
.errors {color:#900; font-size:12px}
.textfield { background-color:#6f5176; border:1px #999 solid; color:#fff; width:350px; height:25px; font-size:17px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
.yourname { background-color:#6f5176; border:1px #999 solid; color:#fff; width:350px; height:25px; font-size:17px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
.textarea {background-color:#6f5176; border:1px #999 solid; color:#fff; width:716px; height:200px; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.button {
width: 235px;
height: 73px;
background: url(http://www.lifetimecreation.com/images/sendmessagebtn.png) no-repeat;
border: none;
}
.button:hover {cursor:pointer}
.titlePages2 { width:323px; height:75px; background: url(http://www.lifetimecreation.com/images/getintouch.png) no-repeat; float:left; margin-left:57px}
.input {padding-top:10px; height: 83px;}
.otherways {color:#FFF; font-size:14px; background-color:#5b2f64; -moz-border-radius: 5px; border-radius: 5px; padding:5px; text-align:left; width:300px; float: left;
margin-left: 62px;
margin-top: 10px;}
.infoContact {color: white;
font-size: 12px;
padding-left: 64px;}
/* EOF Contact Form */
/* BOF Slider */
#slider {
width: 514px; /* important to be same as image width */
height: 322px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-top:3px;
}
#sliderContent {
width: 456px; /* important to be same as image width or wider */
position: absolute;
top: 22px;
margin-left: 41px;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 0px;
background-color: purple;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
.frameSlider {background:url(../images/frameNews.png) no-repeat; width:510px; height:366px; float:left; margin-left:50px}
/* EOF Slider */
/* BOF Index */
.newsBox {width: 401px; float: left; text-align: left;padding-top: 0.3px; padding-left: 5px;}
.newsBox img {padding-bottom:5px;}
.newsFrame {color:#FFF; font-size:14px; background-color:#5b2f64; -moz-border-radius: 5px;
border-radius: 5px; padding:5px; height:213px; overflow:auto}
.disclamer {color:#FFF; font-size:14px; background-color:#5b2f64; -moz-border-radius: 5px;
border-radius: 5px; padding:5px; width: 800px; margin-top: 10px; text-align:left}
.disclamer a {text-decoration:none; color: #e3aaf0; font-weight:bold}
.disclamer a:hover {color:#FFF}
.disclamerTitle{ padding-left: 88px;
padding-top: 20px;}
/* EOF Index */
/* BOF About */
.AboutUsTitle{padding-left:60px}
.aboutusBox { color:#FFF; font-size:14px; background-color:#5b2f64; -moz-border-radius: 5px;
border-radius: 5px; padding:8px; text-align:left; width:850px}
.aboutusBox a {text-decoration:none; color: #e3aaf0; font-weight:bold}
.aboutusBox a:hover{color:#FFF}
.pictureQueenie {float: left; padding-left: 50px;}
.aboutOwner {color:#FFF; font-size:14px; background-color:#5b2f64; -moz-border-radius: 5px;
border-radius: 5px; padding:8px; text-align:left; width:620px; float:left; margin-top:2px}
.spacer{padding:20px}
.email {color:#e3aaf0; text-decoration:none;}
.email:hover{color:#fff;}
/* EOF About */
/*BOF Services*/
#accordion{width:850px;}
h3 a{background: url(../images/arrow.png) no-repeat right}
.portfolioPage{width:903px}
.portfolioTitle {padding-left:66px;}
.portfolioFrame {background:url(../images/frameBGPortfolio.png) no-repeat; width:250px; height:176px; float:left; margin-top: 12px;
margin-left: 66px;}
.portfolioFrame img {padding-top: 10px;
padding-left: 18px;}
.closes{font-size:12px; color:#CCC}
.servicesPack ul {list-style-type: disc;
display: list-item;}
/*EOF Services*/
/*BOF Portfolio*/
div.fadehover {
position: relative;
}
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.b {
position: absolute;
left: 0;
top: 0;
}
.fadehover p {position: absolute;
margin-top: 176px;
margin-left: 35px;
color: white;
background: url(../images/bgGalleryTitle.png) no-repeat 0px;
width: 187px;
height: 46px;
font-size: 20px;}
.fadehover p:hover {color: #5b2f64}
a {text-decoration:none;}
.portfolioPage .spacer{padding-top:60px}
ul {padding:0px; margin: 0;}
ul li { display: inline; }
.portfolioPage img {margin:10px;}
.imgBg {background: url(../images/bgGalleryImg.png) no-repeat 7px 5px;
width: 174px;
height: 125px;
float: left;
margin-left: 5px;
}
.portfolioMain .spacer{
clear: both;
margin-top: 30px;
}
/*EOF Portfolio*/
/*BOFAudio Mute*/
#jp_container_1 {width:1024px}
div.jp-video div.jp-controls,
div.jp-interface div.jp-controls li {
display:inline;
float: right;
padding-right:113px
}
div.jp-interface div.jp-controls a {
display:block;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
width:40px;
height:40px;
}
a.jp-play {
background: url(../images/jplayer.blue.png) 0 0 no-repeat;
}
a.jp-play:hover {
background: url(../images/jplayer.blue.png) -41px 0 no-repeat;
}
a.jp-pause {
background: url(../images/jplayer.blue.png) 0 -42px no-repeat;
display: none;
}
a.jp-pause:hover {
background: url(../images/jplayer.blue.png) -41px -42px no-repeat;
}
/*EOF Audio Mute*/