/* big banana creative - 2010.02.18 */
body { background-color: black; min-height: 600px; min-width: 1227px;}
img, a:link, a:visited, a:hover {border: none; outline-style: none;}

#noscript-padding {padding-top: 3.5em;}
#noscript-warning {letter-spacing: 1px; background-color: #ae0000; color: white; left: 0px; padding: 5px 0px; position: fixed; text-align: center; top: 0px; height: 12px; font-family: sans-serif; font-size: 11px; font-weight: bold; margin: 0px; z-index: 101; width: 100%;}

#box { padding: 0px; margin-top: 5%; margin-left: auto; margin-right: auto; height: 600px; width: 1227px; }

#left { padding-top: 37px; margin-bottom: 37px; position: relative; height: 372px; width: 273px; float: left;}
#logo { position: relative; width: 219px; height: 11px; padding-left: 2px;padding-bottom: 12px;}
#navi { height: 110px; width: 221px;}

.port img { margin: 11px 0px 2px 0px; opacity: 0.40;}
.port img:hover {opacity: 1.00; cursor:pointer;}
.port img:active { opacity: 0.75; cursor:pointer;}
/*
.port img:active2 { opacity: 0.75; cursor:pointer;}
.port img:active3 { opacity: 0.75; cursor:pointer;}
.port img:active4 { opacity: 0.75; cursor:pointer;}
*/
.ports img { margin: 11px 0px 2px 0px; opacity: 1.00; cursor:pointer;}
.ports img:active { opacity: 1.00;cursor:pointer;}

.port {height: 19px;} 
.ports {height: 19px;}

.empty {}

.ihaveyou {display: none}
.iseeyou {display:block}
.inactive {opacity: 0.25; cursor:pointer;}
.isactive {opacity: 1.00; cursor:pointer;}

#demo{position:relative;height: 396px;width:156px; padding-left: 63px; overflow: hidden;}
#democ {width: 156px;height: auto;position: relative; top: 396px;}

#empty {background-image: url(/images/empty.gif); background-repeat: repeat; height: 600px; width: 900px; position: absolute; z-index: 100;}
#gallery {text-align: center; float: right; right: 54px; height: 600px; width: 900px; position: relative; top: 0px; overflow: hidden;}
#galleryc {width: auto; height: auto; position: relative; top: 0px;}

#gb1 {height: 198px}
#gb2 {height: 198px}
#gb3 {height: 198px}
#gb4 {height: 198px}

#home_image{height: 600px; width: 900px; position: relative;}
#bio_image {height: 600px; width: 900px; position: relative;}
#bio_photo {height: 600px; width: 400px; position: relative;}
#bio_text  {height: 600px; width: 500px; position: relative;}

#con_image{height: 600px; width: 900px; position: relative;}

#con_text {height: 600px; width: 500px; position: relative;}
#con_photo{height: 600px; width: 400px; position: relative;}
#spacer   {height: 200px; width: 500px; position: relative;}
/*
#con_text {height: 200px; width: 500px;}
#con_photo{display: none;}
*/
.con_link {height:  25px; width: 500px; position: relative;}
.con_link img {opacity: 0.40;}
.con_link img:hover {opacity: 1.00; cursor:pointer;}
.con_link img:active { opacity: 0.75; cursor:pointer;}


/* -------------------------------------------------- */
/* -------------------------------------------------- */
form {margin: 0px; padding-top: 9px;}
input, textarea{letter-spacing: 3px; background-color: #4c4c4c; -webkit-border-radius: 2px;  border: none; color: #fefffe; width: 41px; font-size: 7px; text-align: right;
}
input {margin-left: 178px; height: 10px; padding: 0px;}
input:focus {outline: 0;}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
.galleria{list-style:none;width:156px}
.galleria li{display:block;width:21px;height:21px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

*{margin:0;padding:0}
a{text-decoration:none;outline:none;}
.gd1{position: relative; float: right;}
.gd1 li{width:21px;height:21px; margin: 10px 0px 2px 5px;background:#000;}
.gd1 li div{left:0px}

#main_image{height: 600px; width: 900px; position: relative;}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
.galleria2{list-style:none;width:156px}
.galleria2 li{display:block;width:21px;height:21px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria2 li a{display:none}
.galleria2 li div{position:absolute;display:none;top:0;left:180px}
.galleria2 li div img{cursor:pointer}
.galleria2 li.active div img,.galleria2 li.active div{display:block}
.galleria2 li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria2 li .caption{display:block;padding-top:.5em}
* html .galleria2 li div span{width:400px} /* MSIE bug */

.gd2{position: relative; float: right;}
.gd2 li{width:21px;height:21px; margin: 10px 0px 2px 5px;background:#000;}
.gd2 li div{left:0px}

#main_image2{height: 600px; width: 900px; position: relative;}