@charset "utf-8";
/* CSS Document */
html body{ width:100%; line-height:15px;}
h1{ font-size:16px; border-bottom:1px #222 solid; color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
h2{ font-size:16px; border-bottom:1px #222 solid; color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
h3{ font-size:12px;  color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
h4{ font-size:12px;  color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
body { background-color:#000; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;}
#outermain{ float:left; margin:0px; width:100%; }
#topbar{ float:left; margin:0px; width:1000px; height: 105px; padding:5px 0px 10px 0px; margin:0 0 20px 20px;   }
#topbarillo{ float:left; margin:0px; width:800px; height: 35px; padding:10px 0px 10px 0px;  }
#logo{float:left; margin-left:0px;  }
#date{float:right;  width:200px; height: 100px; }
#date img{float:right; padding:15px 10px 0px 0px; }
a {  color: #999; text-decoration: none;   }
a:hover {color:#ccc;  }
a:selected {color:#ccc;  }

#mainNav{ float:left; width:310px; margin: 20px 0px 0px 0px; height:25px; padding-left:0px; text-align:right;  }
#mainNav ul {  margin:0px; padding:0px; font: 700 14px Arial, Helvetica, sans-serif;   }
#mainNav ul li { float:left; font-size:14px; list-style:none; height:18px; margin-bottom:2px; }
#mainNav ul  li a {  color: #fff; text-decoration: none; padding: 6px 5px 0px 0px; margin-right:2px;   }
#mainNav ul li a:hover {color:#999;  text-decoration:underline;  }
#mainNav ul li a.selected { color:#ccc; background-color:#333; }

.mainNav2{ float:left; width:480px; margin:0px; margin-right:50px; padding:20px 0px 0px 0px;  padding-left:0px; text-align:left; color:#999;  }
.mainNav2 ul {  margin:0px; padding:0px; font: 300 11px Arial, Helvetica, sans-serif;   }
.mainNav2 ul li {  list-style:none;  height:18px;  margin:0px; padding:0px }
.mainNav2 ul  li a {  color: #999; text-decoration: none; padding: 6px 55px 0px 0px; margin-right:2px; margin:0px;   }
.mainNav2 ul li a:hover {color:#ccc;  }
.mainNav2 ul li a.selected { color:#ccc; }
.mainNav2 h2 {  font: 11px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;  }
#midbar{ float:left;  width:980px;  padding:25px 0px 25px 20px; margin:20px 0 20px 0px; border-bottom:1px #222 solid; border-top:1px #222 solid; background-image:url(../images/trans_dot.png)   }
#midbar1{ float:left;  width:340px; color:#fff }
#midbar2{  float:left; width:360px; color:#fff; margin-left:30px; }
#midbar3{  float:left; width:220px; color:#fff; margin-left:30px; } 

#midbar h1{ color:#C3C191}
#midbar h2{ color:#C3C191}

#mainbanner{   float:left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 20px; width:980px; height:384px; color:#fff; overflow:hidden;}
#mainbannercontent{   float:left; padding:0px 0px 0px 0px; margin: 10px 0px 0px 10px; width:980px;  color:#fff; }
#projectsind{ float:left; width:100%; min-width:1000px; max-width:1700px; padding-top:0px;  margin: 0px 0px 0px 20px;}
.project{ float:left; width:200px; height:94px; background-color:#050E13; margin: 20px 20px 0px 0px; border:thin #050E13  }
.project_inner{ float:left; width:200px; height:90px; background-color:#050E13; margin: 0px 0px 5px 0px;}
.projectimg{ float:left; width:196px; height:68px; background-color:#000; margin: 2px 2px 2px 2px; }
.projecttxt{ float:left; height:18px; width:190px;  margin: 2px 2px 2px 2px;padding:0px 0px 0px 4px; color:#2E536E; }
.projecttxt a{ text-decoration: none; color:#2E536E; font:9px normal Verdana, Arial, Helvetica, sans-serif ;  }
.projecttxt a:hover{ color:#2F5C79; }
.projecttxt a:hover{ color:#0177FA; }
.projecttxt h1{ color:#4680A9; margin:0px; font:9px normal Verdana, Arial, Helvetica, sans-serif ; padding-bottom:4px;}

.intro p{ padding:170px 300px 10px 0px; color:#777; font-size:9px }
.clear{ clear:both;}
.latest_line{ color:#999; float:left; height:30px; width:983px;   }
#probox{ width:900px; height:550px; padding:5px; background-color:#000000}
#proboxcontent{ width:880px; height:520px; padding:10px; background-color:#111}
.about{ width:500px; height:400px;   }
.intro{ width:980px; height:450px; background-image: url(../images/graphic_communication.jpg); background-repeat:no-repeat; }



#gallery {position:relative; height:390px }
#gallery a {float:left;position:absolute;}
#gallery a img { border:none;}
#gallery a.show { z-index:500}
#gallery .caption {z-index:600; background-color:#000; color:#C5C2B1; height:30px; width:100%; position:absolute;bottom:0;}
#gallery .caption .content { margin:5px 0px 5px 20px;}
#gallery .caption .content h3 { margin:0;padding:0; color:#C5C2B1;}