/* CSS 2009 K&Q Sound Genesis
   www.MarjorieLazaro.com */
   
   
* { padding: 0; margin: 0 }

html, body {
	width: 100%;
	height: 99%;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #fff;
	background: #000 url(images/bg_page.jpg) repeat-x 0 0; 
	text-align: center
}


h1 { color: #fff; font-size: 15px; font-weight: normal; text-align: left }
h2 { color: #ffca4c; font-size: 15px; font-weight: bold; text-align: left }
h3 { color: #858e61; font-size: 18px; text-align: left }
h4 { font-size: 14px; text-align: left }

.title { display: block; width: 100px; float: left; color: #ffca4c; font-size: 15px; font-weight: bold; text-align: left }

p { font-size: 15px; text-align: justify; font-weight: normal }
em { color: #ffca4c; font-style: normal; text-transform: uppercase }

div, span, p, ul, ol { margin: 0; padding: 0 }
ul li, ol li { list-style-type: none }

.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.sep { height: 10px }

.texte-blanc { color: #fff }
.texte-centre { text-align: center }
.texte-gauche { text-align: left }
.texte-droite { text-align: right }

.texte-petit { font-size: 10px }
.texte-gras { font-weight: bold }

a:link { font-size: 12px; color: #fff; cursor: pointer; text-decoration: none }
a:visited { color: #fff; cursor: pointer; text-decoration: none }
a:visited:hover { color: #fff; cursor: pointer; text-decoration: underline }
a:hover { color: #fff; cursor: pointer; text-decoration: underline }
a:active { color: #fff; cursor: pointer; text-decoration: none }
:focus { outline: 0 }
a img { border: 0 }


/* LAYOUT */
#wrapper { width: 988px; margin: 0 auto; text-align: center }
.header { margin: 15px auto 0 }
.home { width: 938px; height: 682px; border: 5px solid #fff; padding: 0 35px 0 0; background: #000 url(images/bg_home.jpg) no-repeat 0 0 }
.page { width: 938px; height: 900px; border: 5px solid #fff; border-bottom: 0; padding: 0 35px 40px 0; background: #3a0000 url(images/bg_content.jpg) no-repeat 0 0 }

.welcome { width: 640px; text-align: justify; margin: 90px 0 0 30px; color: #fff; font-size: 15px; font-weight: normal }
p a { color: #ffdd94; text-decoration: underline }

.flash-title { float: left }
.flash-product { position: absolute; z-index: 10; top: 108px; margin-left: 293px }


.middle-block { float: left; position: absolute; top: 408px; z-index: 50 }
.middle-block .flash-logo { margin-left: -17px }

.twoCols { position: absolute; z-index: 30; top: 560px; width: 940px; text-align: justify }
.twoCols-first { float: left; width: 220px; padding-left: 65px }
.twoCols-second { float: left; width: 642px; padding-left: 10px }

/* NAVIGATION */
.navigation { margin-top: 12px; width: 130px; position: relative }
.navigation ul li a, .navigation ul li a:visited { display: block; text-decoration: none; color: #ffdd94; font-size: 14px; width: 130px; height: 20px; line-height: 19px; padding-left: 15px; text-align: left }
.navigation ul { list-style-type: none }
.navigation ul li { float: left; margin-right: 1px; position: relative }
.navigation ul li ul { display: none }

/* specific to non IE browsers */
.navigation ul li:hover a { color: #ffca4c; background: #8e0202 url(images/bg_active_nav.jpg) 0 0 no-repeat }
.navigation ul li:hover ul { display: block; position: absolute; top:0; left: 145px; width: 140px }
.navigation ul li:hover ul li a.hide { background: #dfc184; color: #000 }
.navigation ul li:hover ul li:hover a.hide { width: 140px }
.navigation ul li:hover ul li ul { display: none }
.navigation ul li:hover ul li a { display: block; z-index: 50; background: none; color: #fff; width: 140px; border: 1px solid #8e0202; border-right: 0; padding-left: 5px; margin: 0 }
.navigation ul li:hover ul li a:hover { color: #ffca4c }


/* HOME PAGE */
.home .news { position: absolute; top: 560px; width: 640px; margin-left: 305px; text-align: justify }

/* PRODUCTS PAGE */
.product-01, .product-02 { width: 485px; height: 190px }
.product-01 p, .product-02 p { margin-top: 15px; width: 260px; text-align: left }
.product-01 { position: absolute; top: -37px; margin-left: 488px }
.product-02 { position: absolute; top: 580px; margin-left: 488px }


/* shadow */
.out {
  width: 46px;
  height: 43px;
  display: block;
  float: left; 
  background: #1b0000;  
  position: relative;
  margin: 3px 20px 0 3px;
}
.in { position:relative; padding: 3px }
.ltin { left: -3px }
.tpin { top: -3px }