/*======================================
     LPJ
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body{background:#FFF url(../img/index/bg.jpg) repeat-x; margin:0;padding:0; }


/**************************************/
/*              HEADER                */
/**************************************/
#header{background:url(../img/index/header-bg.png) no-repeat; height:150px;position:relative; z-index: 100;}
.logoLPJ{position:absolute;top:5px;left:5px; z-index: 99;}
#header span.logoPhotobook{background:url(images/header/logoPhotobook.png) no-repeat;height:46px;width:237px;position:absolute;top:13px;right:20px;}

#header ul#headerMenu {clear:both;list-style:none;position:absolute;top:71px;right:0px;}
#header ul#headerMenu li{float:left;display:inline;padding: 0 0 0 3px;}
#header ul#headerMenu li.separador{background:url(images/header/headerBlueSeparador.png) no-repeat;}
#header ul#headerMenu li.last{background:url(images/header/headerBlueSeparador.png) no-repeat; width:3px;height:33px;}
#header ul#headerMenu li a{color:#fff;font-weight:bold;text-transform:uppercase;text-align:center;_width:70px;height:23px;padding:9px 15px 3px 15px;display:block;font-size:1.0em;}
#header ul#headerMenu li a:hover,ul#headerMenu li a:active{background-color: #1d6fa7;}
#header ul#headerMenu li a.selected{background-position:bottom left;background-color: #1d6fa7;}

#headerMenu li em {font-weight: normal; font-size:90%; background-color: #1D6FA7; width: 100%; position: absolute; top: 30px; right: 0px; text-align: center; padding: 5px 0; font-style: normal; z-index: 2; display: none; }

#header ul#subMenu {clear:both;list-style:none;position:absolute;top:115px;right:0px; background-color: #1D6FA7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#header ul#subMenu li{float:left;display:inline;padding: 0px; border-right: 1px solid #FFF;}
#header ul#subMenu li.last{padding: 0 3px 0 3px; border-right: 0px;}
#header ul#subMenu li a{color:#FFF;font-weight:bold;text-transform:uppercase;text-align:center;_width:70px;padding:3px 15px 5px 15px; display:block; font-size:.95em;}
#header ul#subMenu li a:hover,ul#subMenu li a:active, #header ul#subMenu li a.selected {background-color:#FFF; color:#1D6FA7;}



#header #divLogin {position:absolute;top:0px;right:0px; color: #FFF; line-height: 100%; background-color:#333; -moz-border-radius:0px 0px 5px 5px;  -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius:.5em; font-size:.95em; padding:5px 10px;}
#header #divLogin label {padding: 0 5px;}
#header #divLogin input.button {padding: 2px; border: 1px solid #333; font-size:100%;}
#header #divLogin input.button:hover {background-color:#000; color: #FFF;}
#header #divLogin a {float:left; color: #FFF; font-weight:bold;}

#panelWrap {position:absolute;top:0px;right:0px; width:500px;}
#panelWrap p {margin:0;}

#panelWrap #panel {background: #754c24; height: 100px; width:500px; display: none;}
#panelWrap .slide {border-top: solid 4px #422410; background: url(images/header/btn-slide.png) no-repeat center top;}
#panelWrap .btn-slide { background: url(images/header/white-arrow.gif) no-repeat right -50px; text-align: center; width: 144px; height: 30px; padding: 10px 10px 0 0; margin: 0 auto; display: block; color: #fff; text-decoration: none; }
#panelWrap .active { background-position: right 12px;}





/**************************************/
/*             NAVIGATION             */
/**************************************/



/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#container a {display: block;}

/**************************************/
/*            TABS/BUTTON           */
/**************************************/

/*-tab-*/
#tab {font-size: 120%; height: 27px; margin: 0px; text-transform: uppercase; position:relative;}
#tab li{float: left;line-height: 27px;margin: 0 2px 0 0;}
#tab li a{color: #d8d8d8;display: block;float: left;padding: 0 0 0 15px;font-weight:bold;}
#tab li a span{display: block;float: left;height: 27px;padding: 0 13px 0 0;}
#tab li.active a{background: url(images/button/tab-left.png) no-repeat left;}
#tab li.active a span{background: url(images/button/tab.png) no-repeat right;color: #ffffff; }
#tab li a:hover{background: url(images/button/tab-left.png) no-repeat left;color: #ffffff;text-decoration: none;}
#tab li a:hover span{background: url(images/button/tab.png) no-repeat right;}
.contentTab {height:300px; position:absolute; width:100%; overflow:hidden;}
/**************************************/
/*               FOOTER               */
/**************************************/
#footerContainer {background-color:#191919;border-top:3px solid #444444;display:block;padding:0 0 10px 0; width:100%;}
#footerLinks {color:#FFF; margin:10px 0;}
#footerLinks li {width:150px; margin: 10px 40px; _margin: 10px 35px; color:#FFF; float: left;}


#footerLinks dt {color:#ccc; margin:10px 0; border-bottom:1px solid #999;}
#footerLinks dd a {color:#FFF; padding:1px;}
#footerLinks dd a:hover {background-color:#191919; color:#999;}
li.span-4 {float:left;margin-right:10px; _margin:0px; text-align:center}
li.last {margin-right:0;}

#footer {background-color:#2B2B2B;padding:10px 0;margin:20px auto;width:950px; text-align:center;color:#FFF;letter-spacing: 0.2em; font-size:1.0em;}
#footer h3 {margin:0 0 5px 0;}
#footer p {color:#999;}