*,
body { margin:0; padding:0; border:none; outline-style:none; outline-width:0 }
* { font-size:15px; font-family:Georgia, serif; color:#a0a0a0; font-weight:normal }
a { text-decoration:none }
a:hover { color:#0098cb }
p { padding: 10px 0 }
h1,
h2,
h3,
h4,
h5 { padding:20px 0 10px }
h1 { font-size:50px }
h2 { font-size:40px }
h3 { font-size:30px }
h4 { font-size:20px }
h5 { font-size:15px }

html,
body,
.loading { width:100%; height:100%  }
.loading { background:url(../images/loading2.gif) center middle no-repeat }
.hidden { width:1px; height:1px; overflow:hidden }

.wrapper { width:980px; margin:0 auto }
.left { float:left }
.right { float:right }
.clear { clear:both }

body,
#body { background-color:#111 }

.menu { padding:20px 0 0 100px }
.menu li { float:left; padding:0 20px; list-style:none }
.menu li a { font-size:20px; padding:020px; line-height:48px; display:block; color:#a0a0a0 }
.menu li a:hover { color:#0098cb }

.gototop { padding:20px 80px 70px; text-align:right }
.gototop a { padding:0 15px 0 0; height:15px; font-size:15px; line-height:15px; background:url(../images/gototop.png) right 0 no-repeat; display:block  }

#gohome { padding:20px 0  }
#gohome a { color:#fff  }

.more { font-size:1em; padding:0 30px 0 0; background:url(../images/more.png) right 0 no-repeat }


#home { background-color:#111 }
#home .part1 h1 { font-size:50px; color:#a0a0a0; text-align:center; padding:30px 0 }
#home .part1 h2 { font-size:20px; line-height:150%; color:#818181; padding:20px 0 20px 80px; background:url(../images/lamp.jpg) 0 20px no-repeat; margin:0 150px }

#home .part2 { background:url(../images/fibreoptic.jpg) center top no-repeat; height:248px }

#home .part3 p { padding:20px 120px; color:#636363; line-height:200% }
#home .part3 .featured { width:820px; margin:0 auto; padding:50px 0 100px }
#home .part3 .featured .left,
#home .part3 .featured .right { width:400px }
#home .part3 .featured h2 { padding:0 0 20px; color:#a0a0a0; font-size:25px }
#home .part3 .featured p { padding:0; color:#636363; font-size:17px }



#about { background-color:#161616 }

#about .part1 { width:820px; margin:0 auto }
#about .part1 .left { width:300px }
#about .part1 .right { width:480px }
#about .part1 h1 { font-size:50px; color:#a0a0a0; padding:0 0 30px }
#about .part1 h2 { font-size:20px; color:#818181; line-height:200%; padding:0 0 20px }
#about .part1 p { padding:0 0 20px; color:#636363; line-height:200% }

#about .part2 { width:860px; margin:0 auto; padding:0 0 120px }
#about .part2 h1 { font-size:40px; color:#a0a0a0; text-align:center; padding:80px 0 50px }
#about .part2 .left,
#about .part2 .right { width:400px }
#about .part2 .left .left,
#about .part2 .right .left { width:90px; padding:5px 0 0 }
#about .part2 .left .right,
#about .part2 .right .right { width:300px }
#about .part2 h2 { padding:0 0 10px; color:#a0a0a0; font-size:20px }
#about .part2 p { padding:0; line-height:200%; color:#636363; font-size:14px }


#solution { background-color:#1a1a1a }

#solution .part1 { width:770px; margin:0 auto; padding:0 }
#solution .part1 .left { width:300px }
#solution .part1 .right { width:480px }
#solution .part1 h1 { font-size:50px; color:#cfcfcf; padding:0 0 10px }
#solution .part1 h2 { font-size:20px; color:#a0a0a0; line-height:200%; padding:0 0 30px }
#solution .part1 p { font-size:15px; color:#818181; line-height:200%; padding:0 0 50px }

#solution .part2 { width:770px; margin:0 auto; padding:0 0 120px }
#solution .part2 .left { width:400px }
#solution .part2 .right { width:300px }
#solution .part2 h2 { padding:0 0 20px; color:#cfcfcf; font-size:25px }
#solution .part2 p { padding:0; line-height:200%; color:#818181; font-size:17px }

#solution .part3 { background:url(../images/computers.jpg) center top no-repeat; height:400px }


#web { background-color:#212121 }

#web .part1 { width:800px; margin:0 auto; padding:0 0 40px }
#web .part1 .left { width:300px }
#web .part1 .right { width:480px }
#web .part1 h1 { font-size:50px; color:#cfcfcf; padding:0 0 10px }
#web .part1 h2 { font-size:20px; color:#a0a0a0; line-height:200%; padding:0 0 30px }
#web .part1 p { font-size:15px; color:#818181; line-height:200%; padding:0 0 10px }

#web .part2 { width:840px; margin:0 auto; padding:0 0 120px }
#web .part2 .item { float:left; padding:0 20px }
#web .part2 h2 { font-size:30px; color:#cfcfcf; line-height:200%; padding:0 20px 30px }


#insert_news { display:none }
#news { background-color:#1a1a1a }
#news .part1 { width:800px; margin:0 auto; padding:0 0 40px }
#news p { color:#aaa; line-height:200%  }
#news h1,
#news h2,
#news h3,
#news h4 { color:#fff  }
#news h4 { padding:30px 0 0  }


#contact { background-color:#1a1a1a  }
#contact .part1 { width:800px; margin:0 auto; padding:0 0 40px }
#contact .part1 .left { width:450px }
#contact .part1 .right { width:320px }
#contact .part1 h1 { font-size:40px; color:#cfcfcf; padding:0 0 20px }
#contact .part1 h2 { font-size:17px; color:#a0a0a0; line-height:200%; padding:0 0 10px }
#contact .part1 .right h1 { font-size:35px; color:#cfcfcf; padding:0 0 20px }
#contact .part1 .right h2 { font-size:17px; color:#a0a0a0; line-height:200%; padding:0 0 10px; font-style:italic }
#contact .part1 p { font-size:15px; color:#818181; line-height:200%; padding:0 0 10px }
#contact .part1 a { font-size:1em }
#contact .part1 strong { color:#cfcfcf; font-size:25px; font-style:normal }
#contact label { margin-bottom:5px; display:block }
#contact input,
#contact select,
#contact textarea { width:400px; margin-bottom:20px; padding:3px 0; color:#333 }
#contact textarea { height:200px }
#contact option { color:#666; padding:5px 3px }
#contact input[type="submit"] { width:auto; background-color:#0098cb; padding:3px 10px; color:#fff }


#foot {  background-color:#111; padding:40px 0 50px }
#foot .menu { padding:0 0 20px; margin:0 auto; width:470px }
#foot .menu li { border-left:1px solid #333; float:left; list-style:none; padding:0 20px }
#foot .menu li.first { border:none }
#foot .menu li a { padding:2px 0; color:#0098cb; font-size:17px; padding:0; font-size:15px; line-height:150% }
#foot .menu li.first a { padding-left:0 }
#foot .menu li a:hover { color:#fff }
#foot .copy { font-size:14px; color:#666; line-height:250%; text-align:center }


.overlay { display:none; z-index:10000; background-color:#333; width:675px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000 }
.overlay .close { background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:36px; width:36px }

.overlay #img { border:1px solid #666; }

.overlay .next, 
.overlay .prev { position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.overlay .prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; }
.overlay .next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; }
.overlay .next:hover, 
.overlay .prev:hover { text-decoration:underline; background-color:#000; }

.overlay .disabled { visibility:hidden; }

.overlay .info { position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666 }
.overlay .info strong { display:block; color:#ccc; font-size:17px }
.overlay .info a { color:#fff; font-size:1em }
.overlay .info a:hover { color:#0098cb; font-size:1em }

.overlay .progress { position:absolute; top:45%; left:50%; display:none; background:url(../images/loading.gif) 0 0 no-repeat; width:32px; height:32px }
.overlay .next, 
.overlay .prev, 
.overlay .info { background:#333 !important; background:rgba(0, 0, 0, 0.6) }

.overlay .next, 
.overlay .prev { position:absolute; top:40%; -moz-border-radius:5px; -webkit-border-radius:5px } 
.overlay .progress { position:absolute; top:45%; left:50%; display:none }