html,body {
height:100%
}

body {
background:#444;
color:#CCCCCC;
text-align:center;
padding:0;
letter-spacing:.08em
}

#container {
width:955px;
min-height:100%;
height:auto !important;
margin:0 auto ;
text-align:center;
}

#header { position:absolute; top:5%; left:0%; width:100%; font-family:'Josefin Sans', sans-serif;
}

#header .title {text-transform:uppercase; letter-spacing:.15em; color:#CCCCCC; font-size:325%; line-height:120% }
#header a.title:hover {text-decoration:none}


.menu {
font-size:110%; position:absolute; top:100%; display:block; left:0%; width:100%
}

.menu ul {
list-style:none;
padding:0
}

.menu li {
display:inline;
margin-right:30px
}

.menu a {
text-align:center;
color:#888;
margin:1%
}

.menu a:hover,.menu .current {
color:#fff;
text-decoration:none
}

.menu li.last {
margin-right:0
}


#slidebox {
text-align:center;
position:relative;
width:400px;
margin:0 auto -1%
}

.footer,.push { 
clear:both;}

.footer {font-family:Helvetica, sans-serif;
position:fixed; z-index:100; bottom:0; height:5%; width:100%; text-align:center; background:#444; font-size:75%
}

.footer p {
margin-top:1%
}

#content {
position:absolute; font-family:Helvetica, sans-serif;
top:20%; width:800px; left:10%; right:10%;
color:#FFF;
font-size:90%;
line-height:130%;
letter-spacing:.05em;
margin:0 auto;
padding:0 0 5% ;
}

#content ul {
text-align:left;
list-style:none;
padding:0 0 2%
}

#content ul h1 {margin-top:.5%;}

#content ul.center {
float:none;
margin:1% auto
}

#content ul.left {
float:left}

#content ul li {
color:#FFF;
padding-left:40px
}

#content ul ul {
border:none;
margin:0
}

#content ul ul li {
padding-left:0
}

#content p {
padding:.5%
}

hr {margin:2% auto; }

h1,h2,h3 {
font-weight:normal;
font-family:Tahoma, Optima, sans-serif;
font-size:120%;
color:#CCC;
letter-spacing:.07em;
line-height:130%;
margin:0 0 10px;
padding:5px 0;
}

h2 {
font-size:120%;
text-align:center;
padding-left:0
}

h3 {
font-size:140%;
font-weight:400
}

img {
border:none
}

img.left, img.right {
border:1px solid #CCC;
background:#333;
margin:1% 0 1% 1%;
padding:.3%
}

img.left {
float:left;
margin:1% .5% 1% 0
}

img.right {float:right;
}

a {
color:#CCCCCC;
outline:none;
text-decoration:none;
font-size:101%
}

a:hover {
color:#FFF;
text-decoration:underline
}

blockquote {
text-align:justify;
font-style:italic;
line-height:130%;
font-size:105%;
width:80%;
margin:0 auto 1%;
background:#BBB;
border:1px solid #333;
color:#333;
padding:10px 20px 10px 20px;
}

blockquote span {
font-style:normal;
font-size:110%;
display:block;
text-align:right;
position:relative;
top:10px;right:10px; padding-bottom:10px
}

input,textarea {
font-size:110%;
color:333;
font-family:Optima, Palatino, "Times New Roman"
}

form {
text-align:left;
width:60%;
border:1px solid #CCC;
font-family:Tahoma, Optima, sans-serif;
font-size:90%;
margin:8% auto 0;
padding:1.5%
}

input {
display:block;
border:1px solid #666666;
margin-bottom:5px;
height:22px;
background:#CCCCCC;
padding:4px
}

.message textarea {
border:1px solid #666666;
margin-bottom:5px;
height:120px;
background:#CCCCCC;
padding:4px
}

input.submit {
width:auto;
height:32px;
font-size:100%;
color:#FFF;
background:#999;
border:1px solid #CCCCCC;
cursor:pointer;
margin:10px 0;
padding:4px
}

.error {
text-align:center;
background:#216363;
width:60%;
border:1px dotted #FFF;
margin:10px auto;
padding:5px
}

div.contact_form em.error,div.contact_form form em {
background:red
} 

.jbgallery {position:absolute; top:21%; right:0%; width:100%; height:100%}
.jbgallery,.jbgallery table {overflow:hidden; margin:0 auto; height:100%  }
.jbgallery table { }
/*html.ie6{overflow:hidden;}*/

html.ie6 .jbgallery div{position:absolute;}

.jbgallery td{text-align:center;}
.jbgallery img{margin:auto auto; }
.jbgallery img.centered{min-height:auto; min-width:auto;}