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

body { margin-top: -110px; }

div#site { width:800px; height:453px; margin:auto; margin-top: 13%; position:relative; background-color:#4c4c4c;}
div#site-inner { width:780px; height:433px; margin:auto; top: 10px; position:relative; background-color:#363636; z-index:6;}
div#navi { width:780px; height:20px;  background-color:#363636; position:absolute; z-index:3; top:5px;}


div#navi-left { width:460px; height:20px; float:left; text-align:left;}
div#navi-right { width:300px; height:20px; float:right; text-align:right;}
div#navi div#navi-left { width:440px; height:20px; float:left; text-align:left;}
div#navi div#navi-right { width:340px; height:20px; float:right; text-align:right;}

div#screen { width:780px; height:410px; background-color:#FFFFFF;background-image:url(../img/loading-animation.gif); background-position:center; background-repeat:no-repeat; position:absolute; z-index:2; top:0px;}
div#screen div#image { width:780px; height:410px;  }
div#screen div#info { width:193px; height:195px; background-color:#fff; position:absolute; z-index:2; top:208px; left:580px;}
div#screen div#info div#info-inner { width:170px; margin:auto; margin-top:10px; color:#000;}

div#projects-services div#progallery { position:absolute; top:208px; left:580px; }
div#projects-services { width:780px; height:410px; background-color:#FFFFFF; background-image:url(../img/loading-animation.gif); background-position:center; background-repeat:no-repeat; position:absolute; z-index:2; top:0px;}
div#projects-services div#image { width:780px; height:410px;  }
div#projects-services div#info { width:243px; height:390px; background-color:#fff; position:absolute; z-index:2; top:10px; left:10px;}
div#projects-services div#info div#info-inner { width:220px; margin:auto; margin-top:10px; color:#000;}
div#projects-services div#progallery div#ngg-gallery-9 { width: 200px; height: 200px; }
div#projects-services div#progallery div#ngg-gallery-9 div#info { background:none; position:absolute; z-index: 50; }
div#projects-services div#progallery div#ngg-gallery-9 div#info2 { position:absolute; z-index: 50; }
div#projects-services div#progallery div#ngg-gallery-9 div#info-title { display: none; }


div#screen-gallery { width:780px; height:340px;  position:absolute; z-index:2; top:0px;}
div#screen-gallery div#image { width:780px; height:410px;  }
div#screen-gallery div#info { width:378px; height:105px; background-color:#fff; position:absolute; z-index:2; top:10px; left:10px; display:none;}
div#screen-gallery div#info div#info-inner { width:355px; margin:auto; margin-top:30px; color:#000;}
div#screen-gallery div#info-title { position:absolute; z-index:3; left:22px; top:20px; } 
div#screen-gallery div#info2 {width:780px; height:195px;  position:absolute; z-index:2; top:155px; left:0px; }

div#screen-gallery-select { width:780px; height:44px; background-color:#fff; position:absolute; z-index:2; top:357px;}

div#screen-contact { width:780px; height:410px; background-color:#FFFFFF;background-image:url(../img/loading-animation.gif); background-position:center; background-repeat:no-repeat; position:absolute; z-index:2; top:0px;}
div#screen-contact div#image { width:780px; height:410px;  }
div#screen-contact div#info { width:483px; height:390px; background-color:#fff; position:absolute; z-index:2; top:10px; left:10px;}
div#screen-contact div#info div#info-inner { width:463px; margin:auto; margin-top:10px; color:#000;}
div#screen-contact div#info div#info-inner div#col1 { width:180px; float:left;  }
div#screen-contact div#info div#info-inner div#col2 { width:270px; float:right; border-left:1px solid #ccc;}

div#screen-imprint { width:780px; height:410px; background-color:#FFFFFF;background-image:url(../img/loading-animation.gif); background-position:center; background-repeat:no-repeat; position:absolute; z-index:2; top:0px;}
div#screen-imprint div#image { width:780px; height:410px;  }
div#screen-imprint div#info { width:223px; height:390px; background-color:#fff; position:absolute; z-index:2; top:10px; left:10px;}
div#screen-imprint div#info div#info-inner { width:200px; margin:auto; margin-top:10px; color:#000;}

div#screen-services { width:780px; height:410px; background-color:#FFFFFF;background-image:url(../img/loading-animation.gif); background-position:center; background-repeat:no-repeat; position:absolute; z-index:2; top:0px;}
div#screen-services div#image { width:780px; height:410px;  }
div#screen-services div#info { width:243px; height:390px; background-color:#fff; position:absolute; z-index:2; top:10px; left:10px;}
div#screen-services div#info div#info-inner { width:220px; margin:auto; margin-top:10px; color:#000;}


div#logo { position:absolute; width:200px; height:60px; z-index:3; left:580px; top:55px;}
div#logo2 { position:absolute; width:200px; height:60px; z-index:3; left:580px; top:55px;}

/* div#info-inner { width:173px; height:130px; position:absolute; z-index:3; top:263px; left:590px;} */
/* div#title { width:193px; background-color:#1e1e1e; position:absolute; z-index:2; top:215px; left:580px; height:30px; line-height:38px;} */
div#foot { width:780px; height:23px; background-color:#363636; position:absolute; z-index:3; top:410px;}
div#footer { width:780px; height:20px; margin:auto; text-align:center;}

/* LAYOUT DEBUG 
div#site { background-color:#616161;}
div#site-inner { background-color:#ccc;}
div#navi-left { background-color:#666699; }
div#navi-right { background-color:#999; }
div#screen { background-color:#0033CC;}
div#foot { background-color:#003300; }*/