html { height:100%;}
body { height:100%; min-height:534px; position:absolute; top:0;left:0; margin:0;padding:0; width:100%; background-color:#000; }
div.clear { height: 1px; font-size: 1px; clear: both; overflow: hidden; }
a:hover, a:active, a:visited, a:link {color:#000;}

/* HEADER ##########################################################################*/

div#size { display:block; width:990px; height:600px;}

div#container {display:block;  position:absolute; width:100%; min-width:990px; height:534px; top:50%; margin-top:-267px; }

div#top {display:block;  width:366px; height:60px; margin:0 0 0 100px;}

div#top a#logo { display:block; float:left; width:210px; height:21px; margin-top:16px; background: url(../images/images.gif) no-repeat; background-position: -27px 0; overflow:hidden; }
div#top a#logo img { margin-left: -27px; border:none; }

div#top div#menu { display:block; float:right; margin-top:20px; width:125px; height:25px;}
div#top div#menu a { display: block; height: 25px; float: left; background: url('../images/images.gif'); }

div#top div#menu span#spacer { display:block; float:left; width:1px; height:25px; background: url(../images/images.gif) -27px -74px; font-size: 1px; overflow:hidden;}
div#top div#menu span#spacer img { border:none; margin:-74px 0 0 -27px;}

div#top div#menu a#link_portfolio { width: 63px; background-position: -27px -22px; overflow:hidden; }
div#top div#menu a#link_portfolio img { border:none; margin:-22px 0 0 -27px; }
div#top div#menu a#link_portfolio:hover img, div#top div#menu a#link_portfolio.active img { margin:-48px 0 0 -27px; }

div#top div#menu a#link_contact { width: 60px; background-position: -189px -22px; overflow:hidden; }
div#top div#menu a#link_contact img { border:none; margin:-22px 0 0 -189px;  }
div#top div#menu a#link_contact:hover img, div#top div#menu a#link_contact.active img { margin:-48px 0 0 -189px;  }

div#left { position:absolute; width:100px; height:520px; left:0;}
div#left a { display: block; height: 504px; width:26px; background: url('../images/images.gif') no-repeat; margin:16px 0 0 29px; overflow:hidden; }
div#left a img { border:none; }

/* CONTENT ##########################################################################*/

div#content { width:85%; height:460px; margin:0 60px 0 100px; background-color:#0a0a0a; border: 1px solid #2f2f2f; overflow:auto;} 

/*div#gallery {width:12596px;}*/
div#gallery {width:12650px;}  /* with borders */
div#gallery img {float: left; margin-left:20px; margin-top:20px; border:#333 solid 1px;}

/* FOOTER ##########################################################################*/

div#footer {width:85%; height:34px; margin:0 60px 0 100px;}
div#footer div#right {display:block; width:350px; float:right; margin-left:500px;}

div#footer div#right span, div#footer a { display: block; height: 14px; float:right; background: url('../images/images.gif'); }

div#footer div#right span#mobile { width: 121px; background-position: -29px -74px; margin-top:19px; overflow:hidden; }
div#footer div#right span#mobile img {border:none; margin:-74px 0 0 -29px;}

div#footer div#right span#spacer { width: 1px; background-position: -27px -80px; margin: 19px 15px 0 15px; overflow:hidden;}
div#footer div#right span#spacer img { border:none; margin:-80px 0 0 -27px; }

div#footer div#right a#email { width: 170px; background-position: -29px -89px; margin:19px 10px 0 0; overflow:hidden; }
div#footer div#right a#email img { border:none; margin:-89px 0 0 -29px;}