/* reset */
*{margin:0; padding:0; border:0; outline:0;}
body{font:normal 12px verdana,sans-serif; background:url(../images/bg.png) repeat-x #1b1b1b;}
ul{list-style:none;}
.B{font-weight:700;}

.Container{width:980px; margin:0 auto;}
.Head, .Body, .Foot{width:100%; position:relative;}
.Head{height:120px; background:url(../images/header.png) no-repeat;}
.Body{height:680px; background:url(../images/bodybg.png) no-repeat;}
.Foot{height:110px; background:url(../images/feetbg.png) no-repeat; color:#999; text-align:center; padding-top:90px; height:20px;}

.Toplink{position:relative; float:left; left:820px; top:30px;}
.Menu{position:absolute;top:0; left:0;}
.MenuHover{z-index:1;}
#MenuDrawing, #MenuDesign, #MenuBio{ width:205px; height:120px; position:absolute;  top:0; left:0; display:none;}
#MenuDrawing{background:url(../images/menu-drawing.png) no-repeat; top:106px; left:29px;}
#MenuDesign{background:url(../images/menu-design.png) no-repeat; top:226px; left:29px;}
#MenuBio{width:125px; height:100px; background:url(../images/menu-bio.png) no-repeat; top:106px; left:842px;}
.MenuMap{position:absolute; top:0; left:0;  z-index:2;}

#gallery{position:absolute; width:540px; height:445px; top:265px; left:235px; z-index:3; overflow:hidden;}
#gallery ul li{display:inline;}
#gallery ul img{border:2px solid #eee; margin:5px;}
#DrawingList, #DesignList{height:450px;}
#BioList{height:450px;}

#BioList{position:relative; background:url(../images/biobg.png) no-repeat 20px 5px;}
#BioList table, #BioList span { position:absolute; }
#BioList .photo { top:5px; right:25px; z-index:1 }
#BioList .name { font-size:24px; font-weight:700; top:25px; left:39px; color:#c00;}
#BioList .tagline { top:65px; left:40px; font-size:18px; color:#666; font-weight:700;}
#BioList table { top:120px; left:35px;}
#BioList table th{font-weight:700; color:#000; font-size:14px; text-align:left;padding:10px 0 5px 0;}
#BioList table td{height:18px; padding-right:10px;}

/*--------------popup-------------------------*/	

#backgroundPopup{ display:none; position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; border:none;
 z-index:3;}
#contact{display:none; position:absolute; /* hack for internet explorer 6*/ height:420px; width:620px; z-index:4;}
#contactbg { background:url(../images/envelope.gif) no-repeat; width:620px; height:420px; position:absolute; top:0; left:0;}
#aboutcontent { height:620px; width:420px; }
#contact .popupContentClose a{position:absolute; right:45px; top:25px; display:block; font-size:18px; color:#666; text-decoration:none;}
#contact .popupContentClose a:hover{color:#099;}
#contact a {font-size:12px; color:#069;}
#contact a:hover {color:#f90;}
#contactspan{position:absolute; top:200px; left:200px;}