/* Imports
----------------------------------------*/
@import url("http://www.livingitlovingit.com/css/screen.css");

blockquote { color: #fff; }
blockquote.box { background: transparent url('/images/layout/boxquote.png') no-repeat; height: 152px; padding-top: 20px;}
th, td { border: none; }

body { background: #616162 url('/images/layout/bg-main.jpg') no-repeat center top; color: #fff; }
body.home { background: #616162 url('/images/home/bg.jpg') no-repeat; }
body.home div.inner { background: transparent url('/images/home/splash.png') no-repeat center 100px; }

#branding, #branding h1 { background: transparent; height: 130px; margin-top: -5px;  }
#branding h1 a { background: transparent url('../images/branding.png') no-repeat; width: 620px; height: 155px; display:block; }
#branding h1 a em { background: transparent url('/images/branding-tape.png') no-repeat; display:block; width: 223px; height: 193px; position: absolute; left: -110px; top: 11px; }

#splash { height: 389px; }

#footer { background-image: url('/images/footer.png'); }
#panel1 ul { margin: 50px 20px 20px 20px; } 
#panel1 ul li { list-style: none; margin-bottom: 0.3em; }

#panel2 #halloween { text-indent: -9999px; background: transparent url('/images/home/halloween.png') no-repeat; display:block; height: 87px; width: 200px; margin: 60px 10px 10px 10px; }
#panel2 #xmas { text-indent: -9999px; background: transparent url('/images/home/xmas.png') no-repeat; display:block; height: 87px; width: 200px; margin: 10px 10px 20px 10px;  }

#secondary-content ul li a, #secondary-content ul li a:link { color: #fff; background: #595b5a; }
#secondary-content ul li a:visited { color: #ccc; }
#secondary-content ul li a:hover { color: #fff; background: #888; }

.tab ul.login li.social a { margin-top: 5px; }
.tab ul.login li.social a.twitter { background-image: url('/images/icons/panel_twitter.png'); width: 33px; height: 33px; display: block;}
.tab ul.login li.social a.facebook { background-image: url('/images/icons/panel_facebook.png'); width: 33px; height: 33px; display: block;}
.tab ul.login li.social a.flickr { background-image: url('/images/icons/panel_flickr.png'); width: 33px; height: 33px; display: block;}

.tab ul.login { margin-left: 540px; }
.tab ul.login li a { color: orange; text-decoration: none; }
.tab ul.login li.social a { text-indent: -9999px; width: 16px; display: block; float: left; }

#main-nav { text-transform: uppercase; }
#main-nav li li { text-transform: none; }

.sf-menu li { background: transparent; }
ul#main-nav li#mnuHome a { background-image: url('/images/nav/home.png'); }

/* Navbar Links */
ul#main-nav a:hover { background-position: 0 0; }

.nav1 a { background-image: url('/images/nav/nav-blue.png'); }
.nav2 a { background-image: url('/images/nav/nav-green.png'); }
.nav3 a { background-image: url('/images/nav/nav-purple.png'); }
.nav4 a { background-image: url('/images/nav/nav-grey.png'); }
.nav5 a { background-image: url('/images/nav/nav-orange.png'); }
ul#main-nav li#mnuMothership a { background-image: url('/images/nav/nav-lili.png'); }

.nav1 ul li a, .nav2 ul li a, .nav3 ul li a, .nav4 ul li a, .nav5 ul li a { background: #5a93c1; color: #fff; text-align: left; padding-left: 5px; padding-right: 5px; }
.nav1 ul li a:hover, .nav2 ul li a:hover, .nav3 ul li a:hover, .nav4 ul li a:hover, .nav5 ul li a:hover { background: #8ac6ea; color: #fff; text-align: left; padding-left: 5px; padding-right: 5px; }
    
.nav1 ul li a { background: #5a93c1; }
.nav1 ul li a:hover { background: #05659e; }
.nav2 ul li a { background: #539932; }
.nav2 ul li a:hover { background: #40712f; }
.nav3 ul li a { background: #9f3478; }
.nav3 ul li a:hover { background: #821e5a; }
.nav4 ul li a { background: #898585; }
.nav4 ul li a:hover { background: #4c4c4c; }
.nav5 ul li a { background: #D18926; }
.nav5 ul li a:hover { background: #EFA422; }

#socialmedia { position: absolute; top: 120px; right: 20px;  }
#socialmedia a { float: left; margin-right: 10px; width: 32px; height: 32px; text-indent: -9999px; display: block; }


#info-panel ul { background-image: url('http://www.livingitlovingit.com/images/home/ft-offer.jpg'); }

#info-panel li#mnu-lili a { background-image: url('../images/home/menu-lili.png'); }
#info-panel li#mnu-venues a { background-image: url('../images/home/menu-venues.png'); }
#info-panel li#mnu-testimonials a { background-image: url('../images/home/menu-testimonials.png'); }
#info-panel li#mnu-cases a { background-image: url('../images/home/menu-cases.png'); }
#info-panel li#mnu-gallery a { background-image: url('../images/home/menu-gallery.png'); }

#info-panel ul.lili { background-image: url('http://www.livingitlovingit.com/images/home/ft-lili.jpg'); }
#info-panel ul.venues { background-image: url('../images/home/ft-venue.jpg'); }
#info-panel ul.testimonials { background-image: url('../images/home/ft-testimonials.jpg'); }
#info-panel ul.cases { background-image: url('../images/home/ft-case-files.jpg'); }
#info-panel ul.gallery { background-image: url('../images/home/ft-gallery.jpg'); }

#feature-highlight { background-image: url('http://livingitlovingit.com/media/2778/csn-160-px.jpg'); height: 160px; }

#showtime { color: #fff; text-align: left; background: transparent; }
#showtime img { float: left; margin-right: 15px; }
#showtime h3 { font-weight: bold; margin: .5em 0; }
#showtime ul { margin: 0; background: transparent; padding-left: 20px;}
#showtime ul li { margin: 0 5px 5px 20px; }
#showtime p { font-size: 0.9em; line-height: 1.3em; margin-right: 20px; }
#showtime div { width: 440px; }

#quicklinks, #venue-search { margin-bottom: 0; }
#quicklinks h3 { margin: 0 0 10px 0; }
#quicklinks li { line-height: 1.3em; width: 100px; float: left; font-size: .9em; }
#quicklinks li a { line-height: 1em; }

.box340 { background: #952d8e url('/images/top-340px.png') no-repeat top; color: #fff; text-align: center; }
.box340  .inner { background: #952d8e url('/images/bottom-340px.png') no-repeat bottom; padding-bottom: 10px; }
.box340 h2, .box340 h3, .box340 p { margin: 18px; }
.box340 a { color: #fff; }
.bgbox { background: transparent url('/images/layout/bottom700px.png') no-repeat bottom; margin-bottom: 20px; }
.bgbox .inner { background: transparent url('/images/layout/top700px.png') no-repeat top;  padding: 30px 20px;}

.fullwidth label { width: 300px; text-align:left; }
.checkboxlist label { float:left; width: auto; }
.checkboxlist input { float:left; }

#site-branding { background-image: url('../images/home/branding.jpg'); }

#gallery { clear: both; }
#gallery a { float:left; margin: 0 15px 15px 0; border: 1px solid #000; padding: 0; width: 75px; height: 75px; text-align:center; overflow: hidden; }

.pack { background: transparent url('/images/layout/bottom700px.png') no-repeat bottom;}
.pack .inner { background: transparent url('/images/layout/top700px.png') no-repeat top;  padding: 30px 20px;}
.pack .details { width: 420px; }
.pack .purchase { margin-left: 10px;  width: 210px;  font-size: .9em;}
.pack h3 { font-size: 1.4em; font-weight: bold; }
.pack .purchase p { margin-right: 0; }
.buynow { float: left; margin-right: 10px; }
.pack .price { font-weight: bold; font-size: 1.4em; }
.pack a { color: #fff; }

#venues h4 { margin-bottom: 0; font-weight: bold; }
#venues p { margin-top: 0; }

#site-info h1 { text-indent: -9999px; background: transparent url('/images/home/gotwhatitakes.png') no-repeat; width: 384px; height: 86px; }
#site-info h2 { text-indent: -9999px; background: transparent url('/images/home/betransported.png') no-repeat; width: 341px; height: 51px;  }

#overview { width: 480px; height: 346px; background: transparent url('/images/home/pnl-caution.png') no-repeat;}
#overview, .type12, #overview .type24, #overview .type32, #overview .type52 { font-weight: bold; }
body.home #overview div { padding: 80px 30px 20px 60px; }
body.home #overview div p { line-height: 1em; margin-bottom: 0; }

.type12 { font-size: 12px; }
.type24 { font-size: 24px; }
.type32 { font-size: 32px; }
.type52 { font-size: 52px; }

.mustard, a.mustard { color: #f4be00; }

#packslides { background: transparent url('/images/home/bg-slider.png') no-repeat; padding-top: 50px; height: 260px; margin-top: 20px; }

#panel1 { height: 255px; background: transparent url('/images/home/bg-panel1.png') no-repeat; }
#panel2 { height: 255px; background: transparent url('/images/home/bg-panel2.png') no-repeat; }