@charset "utf-8";
/* CSS Document */

/* Global */
body { text-align: center;}
html, body {min-width:720px; height:100%; margin:0;}
body, html, tr, td { background-color: #000; color:#dedede; font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
h1,h2,h3,h4,h5,h6 { color:#FFF; }
h3,h4,h5,h6 { font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; text-transform:uppercase;}
ul {margin-left:13px; padding-left:-5px;}
a, a:visited { font-size:inherit; color:#ccc; line-height:inherit; text-decoration:underline;}
a, a:hover, a:active {color:#FFF; text-decoration:underline;}

.clear {clear:both;}
.left-element {text-align:left; } /* !IMPORTANT! Edit width depends on element width */
.right-element {text-align: right; }

/* Header */
div#headerwrap { position:absolute; width:100%; #top:0; top:0; left:0; #left:0; height:40px; z-index:99}
body>div#headerwrap { position:fixed; }
div#header { height:40px; width:625px; margin:0 auto; }

/* Navigation */
#menu { position:relative; width:625px; z-index:99; text-align:center;}
.kwicks { list-style-type: none; list-style-position:outside; position: relative;  margin:0px; padding: 0; background-color: transparent;}
.kwicks li { display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 80px; height: 40px; margin-right: 0px; background-image:url(../images/navisprite.jpg); background-repeat:no-repeat;}
.kwicks a { display:block; height:40px; text-indent:-9999px; outline:none; }
#kwick1 { background-position:0px 0px;}
#kwick2 { background-position:-150px 0px;}
#kwick3 { background-position:-300px 0px;}
#kwick4 { background-position:-450px 0px;}
#kwick1.active, #kwick1:hover { background-position: 0px bottom; }
#kwick2.active, #kwick2:hover { background-position: -150px bottom; }
#kwick3.active, #kwick3:hover { background-position: -300px bottom; }
#kwick4.active, #kwick4:hover { background-position: -450px bottom; }

/* Content */
div.wrapper {padding-top:50px; text-align: left; margin-left: auto; margin-right: auto; border: 1px solid #000; width:624px; padding-bottom:40px;}
div.showcase {padding-top:45px; text-align: left; margin-left: auto; margin-right: auto; width:95%; z-index:-99999}
#isi {vertical-align:middle; z-index:1; text-align:left;}

/* Slideshow container */
.pics, .pics img {height:416px;width:624px;padding:0;margin:0;overflow:hidden, border:none;background:none;}
.pics img {top:0;left:0}

/* Footer */
div#footerwrap {width:100%; position:absolute; bottom:0px; left:0; vertical-align:middle; z-index:99;}
body>div#footerwrap { position:fixed; vertical-align:middle;}
div#footer { width:625px; margin:0 auto;}
.foot { background:url(../images/bottom-fade.png) repeat-x top center; position:relative; width:625px; z-index:999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:0.8em; color:#333; line-height:14px; vertical-align:middle;}
.foot a, .footer a:visited { font-size:inherit; color:inherit; line-height:inherit; text-decoration:underline;}
.foot a:hover, a:active {color:#CCC; text-decoration:underline;}