html, body {
height: 100%;
margin: 0;
padding: 0;
color:#FFFFFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background:#000000;
}

.display { width:300px; height:200px; border: 2px solid #000; }
.js .display { display:none; }


img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

.bg1 {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}


#content {
position:relative;
z-index:1;
height:100%;
width:340px; 
margin-left:80px;
}

#address {z-index:4; position:absolute; bottom:0; right:0; margin:0px 0px 20px 0px; background:url(../images/bar.png); width:540; padding:10px 20px 10px 10px; text-align:right; line-height:1.6em; letter-spacing:0.05em;}
#moveIt {z-index:4; position:absolute; bottom:0; left:0; margin:0px 20px 29px 190px}
#showIt {z-index:4; position:absolute; bottom:0; left:0; margin:0px 20px 30px 180px}
.boldAddress {font-weight:bold;}
.opening {font-size:0.86em; letter-spacing:1px;}
.opening a:link {text-decoration:none; color:#999999; }
.opening a:visited {text-decoration:none; color:#999999; }
.opening a:active {text-decoration:none; color:#999999; }
.opening a:hover {text-decoration:underline; color:#999999; }

.slogan {font-size:0.6em; line-height:1.4em;}

.hand {cursor:pointer; border:0; outline:none;}


#intro {padding:35px 0px 0px 15px; }
#contentframe{overflow: hidden;	height: 100%; text-align:left; z-index: 3; width:340px; background:url(../images/bar.png) repeat-y;}
#logo{z-index:4; position:absolute; top:0; right:0; margin:20px 20px 20px 0px}

/*NAVIGATION*/

/*#navigationRight{z-index:4; position:absolute; top:0; right:0; margin:280px 15px 20px 0px}
#navigationLeft{z-index:4; position:absolute; top:0; margin:280px 0px 20px 5px}*/

#navigationRight{z-index:4; position:absolute; bottom:0; margin:0px 0px 15px 355px}
#navigationLeft{z-index:4; position:absolute; bottom:0; margin:0px 0px 15px 90px}

#portfolio {width:340px; height:42px; border:0; margin-top:30px; padding:0;} 
#portfolioOn {width:325px; border:0; padding-bottom:5px; margin:0; font-size:0.75em; line-height:1.5em; }

#pricing {width:340px; height:42px; border:0;  padding:0;} 
#pricingOn {width:325px; border:0; padding-bottom:5px; margin:0; font-size:0.75em; line-height:1.5em; }

#contact {width:340px; height:42px; border:0; padding:0;} 
#contactOn {width:325px; border:0; padding-bottom:5px; margin:0; font-size:0.75em; line-height:1.5em; }

#hiddenContent {list-style:none; margin:0; padding:0; list-style-position:outside;}
#hiddenContent li {margin:0; padding:0;}

#navList {list-style-position:outside; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none;}
#navList li {padding-left:15px; padding-bottom:10px; text-align:justify; }
#navList a {color:#FFFFFF; text-decoration:none;}
#navList a:hover {text-decoration:underline;}

#whiteLine {width:340px; height:1px; border:0;  padding:0; background:url(../images/navigation/white_line.png)} 

.slogan {font-size:0.6em; margin: 15px 0px 0px 15px; color:#ffffff;}