body {background:#757575; padding:0px; margin:0px; font-family:arial,sans-serif; font-size:12px; color:#c7c7c7; }

#content {position:relative; top:75px; margin-bottom:60px; height:402px text-align:center; font-family:arial,sans-serif; font-size:12px; color:#000; }
#hmcontent { text-align:center; margin-top:87px; margin-bottom:16px;}
#hmlogo {margin-bottom:55px; }
#hmimg1 {border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; margin-right:20px;}
#hmimg {border:1px solid #000; margin-right:8px; margin-left:8px;}

.clients { font-family:arial,sans-serif; font-size:12px; color:#555; line-height:20px; text-align:justify;}
.contact { font-family:arial,sans-serif; font-size:12px; color:#555; line-height:16px;}

#clienttitle  { font-family:arial,sans-serif; font-size:12px; color:#333; border-bottom:1px solid #eee; width:560px;}

#imgwrap {position:relative; right:0px; top:0px; }
#bigimg {position:absolute; right:0px; top:0px; display:none; }
*html #bigimg {position:absolute; right:0px; top:0px; display:none;}

.menu {font-size:24px;}

a, a:visited {color:#c7c7c7; text-decoration:none; }
a:hover, a:visited:hover {color:#ecebeb; text-decoration:none;}

a.sub {color:#c7c7c7; text-decoration:none; font-size:16px;}
a.sub:hover, a.sub:visited:hover {color:#ecebeb; text-decoration:none;}

.menu a.subon {color:#fff; text-decoration:none; font-size:16px;}
.menu a.subon:hover, a.subon:visited:hover {color:#fff; text-decoration:none;}


.menu a.on {color:#ecebeb; }

#prev{visibility:hidden;   }
#next{visibility:visible; }

#x{border:1px solid #fff;}


.next {padding:0px 0px 17px 0px;}
.next, .next a, .next a:visited {font:11px arial; color:#c7c7c7;  text-decoration:none;  }
.next a:hover {text-decoration:none;  }


.copyright {font:11px verdana;color:#c7c7c7;  }



/* --------------- Lightbox code ---------------- */
#wrap {
width:490px;
margin:0 auto;
background:#fff;
border:1px solid;
overflow:hidden;
padding:10px;
}
#wrap a {
float:left;
outline:0;
}
#wrap img {
width:100px;
height:100px;
border:1px solid #000;
margin:10px;
vertical-align:bottom;
}
.lightbox {
position:fixed; 
top:0;
left:-999em;
height:100%;
width:100%;
text-align:center;
z-index:1;
}
.lightbox:target {
left:0;
}
.lightbox.target {
left:0;
}
.lightbox:target + .lightbox .next {
left:50%;top:285px;
margin-left:350px;
position:fixed;
height:55px;
width:60px;
background:url(img/arrow_r.gif);
outline:0;
}
.lightbox:target + .lightbox .previous {
left:50%;top:285px;
margin-left:-430px;
position:fixed;
height:55px;
width:60px;
background:url(img/arrow_l.gif);
outline:0;
}
.lightbox .dark {
position:fixed;
height:5000px;
width:5000px;
margin:-2500px;
background:#000;
opacity:.5;
filter:alpha(opacity=50);
}
.lightbox img {
position:relative;
border:0;
vertical-align:bottom;
margin-top:120px;
background:#fff; 
padding:5px;
border:1px solid #000;
-moz-box-shadow:0 0 20px #000; 
-webkit-box-shadow:0 0 20px #000;
}
.lightbox .title {
background:#fff; 
position:fixed;
text-align:center;
padding:18px;
border-bottom:1px solid;
-moz-box-shadow:0 0 20px #000; 
-webkit-box-shadow:0 0 20px #000;
}
.lightbox:target .title {
top:0;left:0;right:0;
}
.lightbox.target .title {
top:0;left:0;right:0;
}
.lightbox .x {
width:32px; 
height:32px; 
background:url(img/arrow_l.gif); 
position:fixed;
cursor:pointer;
}
.lightbox:target .x {
top:10px;right:10px;
}
.lightbox.target .x {
top:10px;right:10px;
}
#close, #close:focus {
position:fixed;
width:32px;
height:32px;
right:10px;
top:10px;
z-index:2;
outline:none;
}