html {
         height: 100%; width:100%;       overflow:hidden;
}
body {
         padding-bottom: 0px; background-color: #ffffff; font-style: normal; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: arial; height: 100%; color: #666666; padding-top: 0px;width:100%;  overflow:hidden;
}
img {
         border-bottom: 0px; border-left: 0px; margin: 0px 0px -4px; border-top: 0px; border-right: 0px
}
h1       {font-style: normal; font-family: arial; color: #ffffff; font-size: 48pt; text-decoration: none;}
a:link {
         font-style: normal; font-family: arial; color: #666666; text-decoration: none
}
a:visited {
         font-style: normal; font-family: arial; color: #666666; text-decoration: none
}
a:hover {
         font-style: normal; font-family: arial; color: #000000; text-decoration: none; font-weight:600;
}
a:active {
         font-style: normal; font-family: arial; color: #00ff00; text-decoration: none; font-weight:600;
}
a:focus {
         font-style: normal; font-family: arial; color: #000000; text-decoration: none; font-weight:600;
}
ul#portfolio {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px;
}
ul#portfolio li {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; float: left; border-top: 0px; list-style-image: none; border-right: 0px; padding-top: 0px
}
ul#portfolio li.loading {
         background: url(../gfx/loading-lightbox-demo.gif) no-repeat center center
}
div#wrapper {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 0px; padding-right: 0px; height: 0px; border-top: 0px; border-right: 0px; padding-top: 0px
}
#logodiv {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: auto; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px
}
#menudiv {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 10px auto auto; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px
}
#tags {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 10px auto auto; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 20px; font-size:12pt;
}
.infobox {
         background-image: url(../gfx/bbbg.png); border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; height: 27px; border-top: 0px; border-right: 0px; padding-top: 0px
}
.zoombox {
         background-image: url(../gfx/btbg.png); border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; height: 27px; border-top: 0px; border-right: 0px; padding-top: 0px
}
img.buttonleft {
         float: left
}
img.buttonright {
         float: right
}
#vtable {
         border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; table-layout: fixed; height: 100%; overflow: hidden; border-top: 0px; border-right: 0px; padding-top: 0px
}
#vrowtop {

}
#vrowmiddle {

}
#vrowbottom {

}
#vcelltop {
         text-align: center; height: 33%; font-size: 10pt; vertical-align: middle
}
#vcellmiddle {
         border-bottom: 0px; text-align: center; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; height: 33%; vertical-align: middle; border-top: 0px; border-right: 0px; padding-top: 0px
}
#vcellbottom {
         text-align: center; height: 33%; vertical-align: middle
}
.red {
         background-color: #ff0000
}
.white {
         background-color: #ffffff
}
.boxgrid {
         position: relative; text-align: left; margin: 0px; width: 300px; float: none; height: 302px; overflow: hidden;
         cursor: url("drag.cur"),auto;
}
.boxgrid img {
         border-bottom: #000000 1px solid; position: absolute; border-left: #000000 1px solid; border-top: #000000 1px solid; top: 0px; border-right: #000000 0px solid; left: 0px
}
.boxgrid p {
         padding-bottom: 0px; padding-left: 10px; padding-right: 10px; font: 10pt "lucida grande", arial, sans-serif; color: #ffffff; padding-top: 0px
}
.boxcaption {
         position: absolute; filter: progid:dximagetransform.microsoft.alpha(opacity=80); width: 100%; background: #000; float: left; height: 227px; opacity: .8;
}
.boxcaptionup {
         position: absolute; filter: progid:dximagetransform.microsoft.alpha(opacity=80); width: 100%; background: #000; float: left; height: 120px; opacity: .8;text-align:center;
}
.captionfull .boxcaption {
         top: 302px; left: 0px
}
.captionfull .boxcaptionup {
         top: -152px; left: 0px
}

/*lightbox styles*/
#overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); *background: #fff; *filter: alpha(opacity=80); display: none; z-index:9999; }

#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox.loading { background: #fff url('../gfx/loading-lightbox-demo.gif') no-repeat 50% 50%; }

         #lightbox a.close { color: #111; background: #fff; position: absolute; right: 0; top: 0; display: block; font-size: 10px; z-index: 5; padding: 8px 14px 4px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

         #lightbox a.prev, #lightbox a.next { position: absolute; top: 50%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

         #lightbox a.next { left: auto; right: 0; }

         #lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }

/*text styles*/
.category {margin:0px;padding:0px;padding-right:10px; margin-left:5px; font-size: 10pt; font-style: normal; font-family: arial; color: #aaaaaa; font-weight:600;vertical-align:top;text-align:right;width:70px;border-style:solid;border-color:#aaaaaa;border-width:0px;border-top-width:1px;}
.info {margin:0px; padding:0px;font-size: 12px; font-style: normal; font-family: arial; color: #ffffff; text-decoration: none; vertical-align:top;border-style:solid;border-color:#aaaaaa;border-width:0px;border-top-width:1px;}
.info2 {margin:0px; padding:0px;font-size: 12px; font-style: normal; font-family: arial; color: #ffffff; text-decoration: none;}

.heading1 {font-size: 10pt; font-style: normal; font-family: arial; color: #aaaaaa; font-weight:600; display:inline;}
.subheading {}
.zoom {padding: 2px; margin-top:30px; font-size: 60px; font-style: normal; font-family: arial; color: #aaaaaa;font-weight:700; }

.transparent {
         filter: progid:dximagetransform.microsoft.alpha(opacity=80); background: #000; opacity: .8;
          -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;width:265px;height:280px;text-align:left;
          margin-left:1px;
          float:left;
	 padding:10px;
	 padding-right:25px;

}
.center {backgound-color:#00ff00;width:3000px;}
.note	{font-size: 10pt; font-style: normal; font-family: arial; color: #aaaaaa; font-weight:200;}