body  {background-color: #333; font-family: trebuchet ms, sans-serif; margin: 0; padding: 0;}
#out, #fram, #nav, #main, #logo, #menu { position: absolute; margin: 0; padding: 0; }
#box  {width:1000px; height: 590px; position: relative; margin: 0; padding: 0; }
#out  {width: 250px; height: 590px; background-color: #FFF; left:   0px; top: 0px; }
#fram {width: 744px; height: 588px; background-color: #111; left: 254px; top: 0px; border: #99C solid 1px; }
#nav  {width: 240px; height: 590px;                         left:   5px; top: 5px; text-align: left; background:url(/img/bkgd.jpg) no-repeat; }
#main {width: 736px; height: 580px; background-color: #333; left: 259px; top: 5px; }
h4    {margin: 10px 0 -16px 20px; }
#logo {right: 0px; bottom: 10px; }

#menu {left: 20px; top: 330px; }
#menu li, #portfolio li, #home {list-style:none; display:block; text-decoration: none; margin-bottom: 3px; }
#menu li, #portfolio li, b#home {color:#63C;}
b#home {margin-left:20px; margin-top: 20px}
a#home,    #portfolio li p {color:#222;}
#menu li, #home, h4 {font-size:14px; line-height:21px; font-weight:bold; text-transform: uppercase; color: #666; }
#portfolio li   {font-size:12px; line-height:20px; font-weight:normal; margin: 0 0 3px -20px; }
#menu      li a:link,  #menu          li a:active, #menu          li a:visited         {color:#777}
#portfolio li a:link,  #projects-menu li a:active, #projects-menu li a:visited, a#home {color:#666}
a#home:hover,
#menu      li a:hover, #menu     li.selected,
#portfolio li a:hover, #projects-menu li.selected  {color:#63C;}
.selected p {padding: 0 20px 0 12px; margin: 0; font-size: 11px; line-height: 12px;}

#ul, #ur, #ll, #lr {position: absolute; width:368px; height:290px; margin: 0px; padding: 0px; background-color: #333;}
#ul, #ur, #lr      {font-family:trebuchet ms, sans-serif; font-size:11px; line-height:14px; text-align:left; color: #AAA; overflow:auto; }
#ul p, #ur p, #lr p{margin: 10px;}
#ul b, #ur b       {color: #FFF; }
#lr a, #lr p       {color: #222; font-size: 14px; font-weight: bold; }
#lr b              {color: #000; font-size: 18px; font-weight: bold; }

#meg     {position: absolute; top: 0;  left: 0; }
#contact {position: absolute; top: 40; left: 0; }

#ul {top:   0px; left: 0px; }
#ur {top:   0px; right:0px; }
#ll {bottom:0px; left: 0px; }
#lr {bottom:0px; right:0px; }

a:link, a:visited, a:active {color:#666; text-decoration:none;}
a:hover {color:#63C; text-decoration:none;}
a#home {padding: 20px 0 0 20px; text-decoration: none; color: #666;}

/*About & Contact Pages*/
h1 {font-size:14px; text-transform:uppercase; margin:0px; padding:0px; color:#ccc;}
b {color:#ccc;}
#about-copy {position:absolute; top:0px; left:0px; width:736px; height:580px; text-align:left; font-size:12px; line-height:16px; color:#aaaaaa;}
.about-column-one {position:absolute; top:20px; left:20px; width:250px; height:540px;}
.about-column-two {position:absolute; top:20px; left:290px; width:426px; height:540px;}
.sub-list {font-size:11px; line-height:14px; padding:0px 0 0 10px; margin:-10px 0 0 0;}
.contact-copy {position:absolute; top:20px; left:20px; width:696px; height:540px;}