* {margin:0; padding:0;}
body {font-family:Arial, sans-serif; color:#fff; background:#000; overflow:hidden;}

.black {visibility:hidden;}
.white {position:absolute; top:225px; left:0px;}
.img_white {visibility:hidden; position:absolute;}

h1, h2, h3, p, form {font-size:0.9em;}
h1 {color:yellow; margin-bottom:15px}
h2 {font-weight:bold; color:yellow;}
.high {margin-bottom:15px}
p {text-align:left; margin:0 0 10px 0;}
ul {list-style-type:none;}
ul.home {padding-left:90px; margin-bottom:8px;}
ul.home li {font-size:1em; margin-bottom:8px;}
li {display:inline;}
li.links {margin-bottom:5px;}
li li {font-size:1.1em;}

.image-header {float:left; margin:0px 12px 0px 0px; width:80px; height:105px;}

.gray {color:gray;} .red {color:red;} .green {color:green;} .blue {color:blue;} .yellow {color:yellow;} .cyan {color:cyan;} .magenta {color:magenta;}

a {color:#fff; font-size:0.9em; font-weight:bold;}
a:hover {background:#fff; color:#000; text-decoration:none;}

a.selected {background:#fff; color:#000;}
a.top          {float:left; text-decoration:none; font-size:0.8em; text-align:center; padding:5px 0px 9px 0px;  width:109px; height:4px;}
a.left         {float:left; text-decoration:none; font-size:0.8em; text-align:right;  padding:5px 0px 9px 0px;  width:1000px; height:4px; margin:0px 0px 3px 0px;}
a.prev, a.next {float:left; text-decoration:none; font-size:1em; text-align:center; padding:0px 0px 15px 0px; width:42px;  height:4px; cursor:pointer;}

a.graphic:hover, a.graphic.selected {background:red; color:#fff;} 
a.web:hover, a.web.selected {background:green; color:#fff;} 
a.d3:hover, a.d3.selected {background:blue; color:#fff;}
a.articles:hover, a.articles.selected {background:yellow; color:#000;}

a.copyrights { text-decoration:none; font-weight:normal;}

a.noback {background:none;}

textarea {overflow:scroll; overflow-x:hidden; overflow-y:auto;}

/*** OUT BOXES ***/
.left-top {float:left;}
.left-top, .right-top, .left-middle, .right-middle, .left-bottom, .right-bottom {position:absolute;}
.left-middle, .right-middle, .left-bottom, .right-bottom {border-top:1px solid #333;}

.left-top, .left-middle, .left-bottom    {width:18%;}
.right-top, .right-middle, .right-bottom  {left:18%;}
.right-top, .right-middle, .right-bottom {width:82%;}

.left-top, .right-top    {height:80px;}
.left-middle, .right-middle {top:80px;}

.left-bottom, .right-bottom {height:50px; bottom:0px;}


/*** IN BOXES ***/
.left-top-in, .left-middle-in-1, .left-middle-in-2, .left-bottom-in, .right-top-in, 
.right-middle-in-1, .right-middle-in-2, .right-bottom-in, .right-bottom-in-2, .right-bottom-in-3, .right-bottom-in-4 {position:absolute;}

.left-top-in, .left-middle-in-1, .left-bottom-in, .left-middle-in-2 {right:25px; text-align:right;}
.right-top-in, .right-middle-in-1, .right-middle-in-2, .right-bottom-in                 {left:25px;}
.right-bottom-in-2 {left:840px;}
.right-bottom-in-3 {left:25px; bottom:15px; width:670px; font-size:0.9em;}
.right-bottom-in-4 {left:700px;}

.left-top-in  {bottom:-7px; font-size:1.6em;}
.right-top-in {bottom:0px;}

.right-top-in, .right-middle-in-1 {width:768px;}

.left-middle-in-1, .right-middle-in-1 {top:18px;}
.left-middle-in-2 {top:45px;}
.right-middle-in-2 {top:50px; font-size:0.9em;}
.right-middle-in-2 li {display:list-item; margin-left:15px;}
.right-middle-in-2 li.sitemap {text-align:center; font-size:1.2em; margin-left:0; position:relative; bottom:5px; clear:both;}
.right-middle-in-2 ul {list-style-type:disc; font-size:0.9em;}
.right-middle-in-2 ul .sitemap {list-style-type:none;}


.left-middle-in-1, .left-bottom-in {width:200px;}

.left-bottom-in  {top:-13px; font-size:0.75em;}
.right-bottom-in {top:-10px;}
.right-bottom-in-2 {top:-45px;}
.right-bottom-in-4 {top:-18px; font-size:0.9em;}


/*** IN CONTENT ***/
.column-1  {float:left; width:768px; font-size:1.1em;}
.column-2  {float:left; width:384px;}
.column-3  {float:left; width:256px;}
.column-4  {float:left; width:192px;}
.column-6  {float:left; width:109px; height:200px;}
.column-7  {float:left; width:140px; height:160px; position:relative; top:-10px; left:-10px; text-align:center;}
.column-7s {float:left; width:105px; height:120px; position:relative; top:-10px; left:-10px; text-align:center;}
.column-x  {float:left; margin-right:5px;}
.column-x img {margin-bottom:5px;}
.column-xl {float:left; margin-left:20px;}

#flashcontent {position:relative; left:30px; top:0px; width:700px;}


/*** GALLERY ***/
.demo {position:absolute; left:25px; top:55px; width:790px;}

span.caption {font-size:0.8em; position:relative; top:5px; width:190px; display:block;}

.gallery_demo li {background:#000; width:40px; height:56px;}
.gallery_demo li.a3 {background:#000; width:80px; height:56px;}
.gallery_demo li.square {width:56px; height:56px;}
.gallery_demo li.panoramic {width:76px; height:26px;}
.gallery_demo li.skyscraper {width:20px; height:56px;}

.gallery_demo li.card-v {width:25px; height:40px;}
.gallery_demo li.card-h {width:60px; height:40px;}
.gallery_demo li.card-s {width:40px; height:40px;}

.galleria_container {float:left; width:400px; height:350px;}

.galleria li {display:block; float:left; margin:0px 5px 5px 0px; overflow:hidden;}

/*** TOOLTIP ***/

img { border: 0pt none ; }
a.tt { cursor: help; }
.tt { font-size: 0.9em; font-weight: normal; text-decoration: none; text-align: left;}
.tt span { display: none;}
.tt img {position:relative; top:2px; right:2px;}
.tt:hover { background: transparent none repeat scroll 0% 0%; position: relative; text-decoration: none; z-index: 1000; color: rgb(170, 170, 255); }
.tt:hover span.tooltip { padding: 15px 0pt 0pt; color: rgb(17, 17, 17); display: block; position: absolute; top: 0px; left: -10px; width: 200px; text-align: left; text-decoration: none; z-index: 2000; }
.tt:hover span.top { padding: 30px 8px 0pt; background: transparent url('images/bubble.png') no-repeat scroll center top; display: block; }
.tt:hover span.middle { padding: 0pt 8px; background: transparent url('images/bubble_filler.png') repeat scroll center bottom; display: block; }
.tt:hover span.bottom { padding: 3px 8px 10px; background: transparent url('images/bubble.png') no-repeat scroll center bottom; display: block; color: rgb(84, 137, 18); }