* {margin:0px; padding:0px; border:0px;}
body {margin:0; padding:0; background:#7399b1; color:#231f20; font-family:Arial, sans-serif; font-size:11px; line-height:14px; text-align:left; font-weight:normal;}
a:link, a:visited, a:active {color:#231f20; text-decoration:none;}
a:hover {color:#f0f2f4; text-decoration:none;}

/*Global*/
#container {position:absolute; left:50%; top:50%; width:900px; height:600px; margin-top:-300px; /*half of height*/ margin-left:-450px; /*half of width*/ overflow:hidden; z-index:20;}
.logo {position:absolute; top:0px; left:0px; border:none; z-index:30;}

h1 {padding:0 0 20px 0; margin:0; font-size:15px; line-height:20px; font-weight:bold; font-style:oblique; color:#231f20;}
p {padding:0 0 10px 0;}
b {font-style:oblique;}
i {font-size:9px; font-weight:normal; font-style:normal; margin:0; padding:8px 0 0 0px; color:#231f20;}

/*Menu*/
#menu {position:absolute; top:0px; right:-4px; list-style:none;}
#menu li {display:inline; padding:0 0 0 0px;}
#menu li a {font-weight:normal; padding:0 4px 0 10px; background:transparent url(img/menu-image.gif) no-repeat center left;}
#menu li a:hover {font-weight:normal;}
#menu li.selected a.current {font-weight:bold;}

/*Project Menu*/
#project-menu {position:absolute; top:15px; right:-10px; font-size:11px; list-style:none;}
#project-menu li {display:inline; font-size:11px; padding:0 10px 0 4px; background:transparent url(img/menu-image.gif) no-repeat center right;}
#project-menu li a {font-size:11px; font-weight:normal;}
#project-menu li a:hover {fomt-size:11px; font-weight:normal;}
#project-menu li.selected {font-size:11px; font-weight:bold;}
#project-menu li ul li.selected a.current {font-size:11px; font-weight:bold;}

/*Projects Hard-Coded Menu*/
#projects {position:absolute; top:0px; right:201px; list-style:none;}
#projects li {display:inline;}
#projects li a {font-weight:normal;}
#projects li a:hover {font-weight:normal;}
#projects li.selected {font-weight:bold;}

/*Pages*/
.content {position:absolute; top:50px; left:0px; width:900px; height:483px; background:url(/img/box.gif); background-repeat:no-repeat; overflow:hidden; z-index:10;}
.project-content {position:absolute; top:50px; left:0px; width:900px; height:483px; background:url(/img/project-box.gif); background-repeat:no-repeat; overfow:hidden; z-index:10;}

.slideshow {position:absolute; top:20px; right:20px; z-index:20;}
.copy {position:absolute; top:20px; left:20px; width:286px; height:443px; overflow:auto; z-index:20;}

/*Home Page*/
.home-slideshow {position:absolute; top:20px; right:20px; width:559px; height:443px; z-index:20;}
.home-slideshow img {float:left; margin:0 0 1px 1px; padding:0px; border:0px;}
.home-headline {padding:0 0 10px 0; margin:0; font-size:18px; line-height:26px; font-weight:bold; font-style:oblique; color:#231f20;}

/*Project Pages*/
.project-copy {position:absolute; top:20px; left:20px; width:286px; height:383px; overflow:auto; z-index:20;}

/*About Page*/
.about-copy {position:absolute; top:20px; left:240px; width:640px; height:443px; overflow:auto;}

/*Collaborators Page*/
.collaborators-copy {position:absolute; top:20px; left:326px; width:554px; height:443px; z-index:20;}
.collaborators-slideshow {position:absolute; top:20px; left:20px; z-index:20;}

/*Footer*/
.footer {position:absolute; bottom:48px; right:0px; color:#9eb8ca; font-size:9px; z-index:20;}
.footer a {color:#9eb8ca; font-size:9px;}
.footer a:hover {color:#f0f2f4;}