/*
   style.css
   maxImage
   
   Created by Aaron Vanderzwan on 2009-02-11.
   Copyright 2009 Aaron Vanderzwan. All rights reserved.
*/


* {
margin:0;
padding:0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
z-index:1 !important;
}

html {
text-align: center;
background-color:#000;
}

body {
background-size: 100%;
background-repeat: no-repeat;
}

h1 {
font-size: 20px;
margin: 75px 0 55px 0;
font-weight: normal;
color: #eee;
text-decoration:none;
}

h1 a {
font-size: 20px;
font-weight: normal;
color: #eee;
text-decoration:none;
}

h1 a:hover {
font-weight: normal;
color: #eee;
text-decoration:none;
}

h2 {
color: #fff;
font-size: 15px;
font-weight: normal;
}

ul,li {
list-style-type:none;
}

li {
color:#ccc;
}

a {
color:#ccc;
}

a:hover {
color:#999;
}

p {
color:#ccc;
margin:0 0 10px;
line-height:1.3em;
}

img {
border:none;
}

img.maximage,
img.bgmaximage,
img.slidemaximage {
display:none;
z-index:9;
}

#wrapper {
background:url('/img/overlays/06.png') repeat;
z-index: 2;
min-height: 1000px;
padding-bottom: 150px;
}

#atmosphere {
background: url('/slide/slide-p01.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#rain {
background: url('/slide/slide-p02.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#jungle {
background: url('/slide/slide-p03.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#cicada {
background: url('/slide/slide-p16.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#forest {
background: url('/slide/slide-p04.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#water {
background: url('/slide/slide-p05.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#sea {
background: url('/slide/slide-p06.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#heartbeat {
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#outside {
background: url('/slide/slide-p08.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#washingmachine {
background: url('/slide/slide-p09.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#acoustic {
background: url('/slide/slide-p10.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#temple {
background: url('/slide/slide-p11.jpg') no-repeat;
z-index: 2;
height: 100%;
width: 100%;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#piano {
background: url('/slide/slide-p12.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#rhythm {
background: url('/slide/slide-p13.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

#ryuteki {
background: url('/slide/slide-p14.jpg') no-repeat;
z-index: 2;
background-size: 100%;
background-color: #000;
min-height: 1000px;
padding-bottom: 150px;
}

.liquid {
margin:0 0 0 7 10px;
position:relative;
width:auto;
}

.maximage_resized {
background:#e0e0e0;
top:20px;
opacity:0.8;
padding:10px;
position:absolute;
right:15px;
}

.home .maximage {
position:fixed !important;
}

.loader {
position:absolute;
z-index:9999;
width:39px;
height:39px;
top:49%;
left:49%
}

.container2 {
margin: 0px auto;
width: 600px;
text-align: left;
overflow: hidden;
border-radius: 10px;
}

#wrapper2 {
background-color:#000;
-moz-box-shadow:0 0 10px #333333;
z-index:2;
height:100%;
width:100%;
}

#feed span {
background:url('/img/bg-body.png') repeat left center;
list-style: none;
margin-bottom: 10px;
padding: 7px;
text-align:left;
line-height: 250%;
color: #CCC;
font-size:12px;
}

ul.nav li {
background-color: #fff;
margin: 10px 0 0 0;
border-radius: 5px;
opacity: 0.7;
}

ul.nav li a {
display: block;
padding: 7px;
text-decoration: none;
color: #666;
font-size: 10pt;
}

ul.nav li a:hover {
text-decoration: underline;
color: #000;
}

.header {
  background:url('/img/bg-body.png') repeat left top;
  padding:10px;
  text-align:left;
  width: 100%;
  height: 30px;
}

.h-left {
float: left;
}

.h-right {
float: right;
}

ul.topnav {
list-style: none;
margin: 0;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

ul.topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
}

ul.topnav li.last {
padding: 0 20px 0 0;
}

ul.topnav li a {
padding: 8px 5px;
color: white;
display: block;
text-decoration: none;
float: left;
font-size: 12px;
}

.container {
margin: 0 auto;
width: 95%;
overflow: hidden;
}

.bloc_area {
float: left;
overflow: hidden;
width: 48%;
text-align: left;
margin: 0 10px 35px 10px;
min-width: 280px;
}

.side {
background:url('/img/bg-body2.png') repeat left center;
list-style: none;
margin: 0;
float: left;
width:580px;
padding:5px 10px 10px 10px;
color:#000;
}

.left-side {
background:url('/img/bg-body2.png') repeat left center;
list-style: none;
margin: 0;
float: left;
width:90px;
padding:5px 0px 10px 10px;
}

.right-side {
background:url('/img/bg-body2.png') repeat left center;
list-style: none;
margin: 0;
float: right;
width:490px;
padding:5px 10px 10px 0px;
}

.side li {
border-bottom:solid 1px #666;
line-height: 200%;
color:#000;
}

.side p {
line-height: 200%;
color: #fff;
text-align: center;
padding-top: 25px;
font-size: 15px;
}

.left-side li {
border-bottom:solid 1px #666;
line-height: 200%;
color:#000;
}

.right-side li {
border-bottom:solid 1px #666;
line-height: 200%;
color:#000;
}

.side li a {
color:#fff;
}

.left-side li a {
color:#fff;
}

.right-side li a {
color:#fff;
}

.container h3 {

}

.title {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 20px;
}

ul.nav {
list-style: none;
margin: 0;
}

#foot{
    bottom:0px;
    height:25px;
    width:100%;
    padding-left:10px;
    padding-top:10px;
    background:url('/img/bg-body.png') repeat left bottom;
}
#foot ul {
float: left;
list-style: none;
}
#foot li {
float: left;
padding-right:10px;
}
#foot3{
    bottom:0px;
    height:25px;
    width:100%;
    padding-left:10px;
    padding-top:10px;
    background-color:#000;
}
#foot3 ul {
float: left;
list-style: none;
}
#foot3 li {
float: left;
padding-right:10px;
}
#foot2 {
float: right;
color: #AAA;
text-align: right;
padding-right:20px;
font-size: 12px;
}
#foot2 a {
text-decoration:none;
}
#foot2 a:hover {
text-decoration:none;
}