/**
* Site Name:Little Empire Music.com
* Site URI:http://littleempiremusic.com/
* Description:Little Empire Music web page
*
* Version:1
*
* Author:Aquabox
* Author URI:http://www.aquabox.ca
*
* Client:Little Empire Music
* Written by:Aquabox
* Last updated:October 12th,2009
*
* All contents (c) Aquabox and/or the owner of the site.
*/
/**
* Colors:* lt. pruple #2e1942
*/
/** 
* Ensures #footer is positioned at the bottom of the viewport
* Reference:*/
html,body{margin:0;padding:0;height:100%;}
#container{min-height:100%;position:relative;}
body{background:#000 url(../img/bg_page.jpg) 0 0 repeat-y;background-attachment:fixed;}
/* =Generic
---------------------------------------------------------------------- */
a{color:#f0f0f0;padding:3px 6px;background:url(../img/black.png);}
a:hover{background:#2e1942;color:#fff;}
.opaque{background:#000;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.2;z-index:-1;transform:rotate(-355deg);box-shadow:0px 1px 1px #000;}
/* =Header Decoration
---------------------------------------------------------------------- */
#header-decoration{height:20px;background:#000;opacity:.8;}
/* =Header
---------------------------------------------------------------------- */
#header{margin-top:30px;}
#logo h1{background:url(../img/lem_logo.png) 0 0 no-repeat;width:401px;height:222px;text-indent:-999em;}
#flyout{background:url(../img/bg_flyout.png) 10px 0 no-repeat;margin-top:50px;color:#fff;}
#flyout h2{margin-top:75px;margin-left:0;font-weight:normal;font-family:georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;font-style:italic;font-size:26px;text-shadow:#000 0px 1px 1px;line-height:.9;}
.line-first,.line-second,.line-third{display:block;margin-bottom:10px;}
/* =Content
---------------------------------------------------------------------- */
#content{overflow:hidden;margin-top:75px;padding-bottom:100px;color:#f0f0f0;text-shadow:#000 0 1px 1px;font-family:'Helvetica Neue',helvetica,arial,sans-serif;font-size:16px;}
#content .section{position:relative;}
#content ul{list-style:none;}
#client_list ul li{margin-left:0;}
#content h4{margin:0 0 .5em 0px;font-size:17px;text-transform:uppercase;}
#content .tel{margin-left:-30px;}
.header-contact,.header-clients{text-indent:-999em;position:relative;top:50px;left:-60px;transform:rotate(270deg);}
.header-contact{background:url(../img/contact.png) 0 0 no-repeat;width:209px;height:60px;top:70px;}
.header-clients{background:url(../img/clients.png) 0 0 no-repeat;width:209px;height:60px;}
.box{background:url(../img/bg_content-box.png) 0 0 no-repeat;position:relative;padding:10px;margin:5px;}
/* =Footer
---------------------------------------------------------------------- */
#footer{/* background:url(../img/footer_border.png) 0 0 repeat-x;*/
border-top:1px solid #333;position:absolute;height:100px;width:100%;overflow:hidden;bottom:0;text-shadow:#000 0 1px 1px;color:#fff;font-family:georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;font-size:12px;letter-spacing:.1em;}
#footer .opaque{opacity:.6;transform:rotate(180deg);box-shadow:0;}
#inner-footer{margin-top:15px;padding-bottom:15px;position:relative;overflow:hidden;}
#inner-footer p{margin:10px 0 0;}
.credits{position:absolute;top:30px;right:0px;font-size:12px;}
/* Nice Mozilla/Gecko Effects */
.header-contact,.header-clients{-moz-transform:rotate(270deg);}
.opaque{-moz-transform:rotate(-355deg);-moz-box-shadow:0px 1px 1px #000;}
#footer .opaque{-moz-transform:rotate(180deg);-moz-box-shadow:0;}
/* Nice Webkit Effects */
a{-webkit-transition-duration:.33s;-webkit-transition-property:color,background;-webkit-border-radius:3px;}
.header-contact,.header-clients{-webkit-transform:rotate(270deg);}
.opaque{-webkit-transform:rotate(-355deg);-webkit-box-shadow:0px 1px 1px #000;}
#footer .opaque{-webkit-transform:rotate(180deg);-webkit-box-shadow:0;}
/* Firefox 3 fixes */
html.no-csstransforms.ff3 .header-contact{background-image:url(../img/contact-rotated.png);height:209px;width:60px;top:0;left:0;}
html.no-csstransforms.ff3 .header-clients{background-image:url(../img/clients-rotated.png);height:209px;width:60px;top:-10px;left:0;}
html.no-csstransforms.ff3 .opaque{opacity:.05;}