body  {background-color: #333; font-family: trebuchet ms, sans-serif; margin: 0; padding: 0;
       width:1000px; margin:0 auto}
#box  {position:absolute; width:1000px; height:590px; font-size:12px; line-height:16px; text-align:left; z-index:10;
       margin-top:-295px; top:50%}

#out, #fram, #nav, #main, #logo, #menu {position:absolute}
#out  {width: 250px; height: 590px; left:   0px;   top:  0px}
#fram {width: 744px; height: 588px; left: 254px;   top:  0px}
#nav  {width: 240px; height: 590px; left:   5px;   top:  5px}
#main {width: 736px; height: 580px; left: 259px;   top:  5px}
#logo {left:0px; bottom:6px;}
#menu {left:-20px; top:318px;}

#out  {background-color: #FFF}
#fram {background-color: #111; border: #99C solid 1px}
#nav  {text-align: left; background:url(/img/bkgd.jpg) no-repeat}
#main {background-color: #333}
h4    {margin:10px 0 -12px 20px}

#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:#AAA}
.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}