/** {^_^} < CSS by Jean-Sien Kin, http://jeansienkin.com for Floating Territories, 2008 )

1. body
2. #logo
3. #nav
4. #about
5. #flashcontent
6. #updates
7. #projects
7b. id#projects
8. #main
9. p#thanks
10. p#contact

-----

11. bg-color of: #main a:hover, #about a:hover, li#updates, #nav ul li a:hover
12. border-color of: #nav, #about, #projects a img, #main

-----

13. Easiest Tooltip jQuery 

**/


/**1. body**/
body {
background-color:#f60;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
padding-top:0;
margin-top:0;
}

/**2. #logo**/
#logo {
float:right;
position:relative;
right:11.5em;
top:-3em;
z-index:2;
}

/**3. #nav**/
#nav {
background-color:#000;
border-bottom-style:solid;
border-bottom-width:60px;
color:#FFF;
float:none;
font-weight:700;
line-height:150%;
padding-bottom: 0em;
padding-top:1em;
position:fixed;
right:0;
top:30px;
width:150px;
z-index:3;
}

#nav ul {
margin:0;
padding:0;
}

#nav ul li {
display:block;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

#nav ul li a {
color:#FFF;
display:block;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
}

#nav ul li a:hover {
color:#000;
display:block;
font-weight:700;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
}

#nav ul li ul li a {
color: aqua;
display:block;
font-size:10px;
font-weight:700;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
text-transform:uppercase;
}

#nav ul li ul li a:hover {
color:#FFF;
display:block;
font-size:10px;
font-weight:700;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
text-transform:uppercase;
}

/**4. #about**/
#about {
background-color:#FFF;
border-left-style:solid;
border-left-width:30px;
clear:none;
float:right;
font-size:11px;
font-weight:700;
padding:1em .5em 2em .8em;
position:relative;
width:300px;
z-index:3;
}

#about a {
color:#000;
font-style:normal;
font-weight:400;
text-decoration:underline;
}

/**5. #flashcontent**/
#flashcontent {
background-color:#FFF;
float:right;
height:350px;
margin-right:142px;
margin-top:40px;
padding-left:10px;
padding-top:2em;
position:relative;
z-index:0;
}

/**6. #updates**/
#updates ul {
margin-left:0;
padding:0;
}

#updates ul li {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

li#updates {
display:block;
padding:.5em 1em 1em .5em;
position:absolute;
right:10px;
top:400px;
width:200px;
}

#updates ul li a {
color:#000;
font-size:16px;
font-weight:700;
text-decoration:none;
}

#updates ul li a:hover {
background-color:#000;
color:#FFF;
font-size:16px;
font-weight:700;
text-decoration:none;
}

/**7. #projects**/
#projects {
display: block;
float:none;
height:730px;
margin:4em 160px 20em auto;
overflow:hidden;
position:relative;
width:800px;
}

#projects ul li {
list-style-type:none;
}

#projects a img {
position: relative;
border-style:solid;
border-width:10px;
z-index:0;
}

#projects a:hover img {
border-color:#FFF;
border-style:solid;
border-width:10px;
z-index:1;
}

/**7b. id#projects**/
#meddeb-th {
float:none;
position:absolute;
right:200px;
top:100px;
}

#khalili-th {
position:absolute;
right:130px;
top:80px;
}

#ath-th {
position:absolute;
right:40px;
top:5px;
}

#ist-th {
position:absolute;
right:230px;
top:200px;
}

#toufic-th {
position:absolute;
left:140px;
top:130px;
}

#demalau-th {
position:absolute;
right:200px;
top:300px;
}

#jouanno-th {
position:absolute;
left:160px;
top:520px;
}

#friedman-th {
position:absolute;
right:380px;
top:340px;
}

#dockx-th {
position:absolute;
right:560px;
top:540px;
}

#rolnik-th {
position:absolute;
right:385px;
top:0;
}

#unready-th {
position:absolute;
top:350px;
}

#gillick-th {
position:absolute;
top: 20px;
left: 4px;
}

#meyer-th {
position:absolute;
top: 220px;
left: 8px;
}

#welcome-th {
position:absolute;
top: 10px;
right: 250px;
}

#manifesta-th {
position:absolute;
top: 180px;
right: 50px;
}


/**8. #main**/
#main {
background-color:#FFF;

border-top-style:solid;
border-top-width:50px;
clear:both;
display:block;
float:right;
font-size:14px;
font-weight:700;
padding-left:20px;
padding-right:10px;
padding-top:15px;
position:relative;
right:200px;
width:500px;
}

#main a {
color:#000;
text-decoration:underline;
}

/**9. #thanks**/
div#thanks {
padding-top:3em;
margin-bottom:60em;
}

/**10. #contact**/
div#contact {
padding-top:3em;
margin-bottom:60em;
}

/**11. bg-color of: #main a:hover, #about a:hover, li#updates, #nav ul li a:hover**/
#main a:hover, #about a:hover, li#updates, #nav ul li a:hover {
background-color:aqua;
}

/**12. border-color of: #nav, #about, #projects a img, #main **/
#nav, #about, #projects a img, #main {
border-color:aqua;  
}

/**13. easiest tooltip**/
#tooltip{
font-size: 1.3em;
font-weight: bold;
z-index: 4;
position:absolute;
background:#fff;
padding:2px 5px;
color:#000;
display:none;
}	

/**have to clean this**/
a.blacklink{
color:aqua;
}
	
a:hover.blacklink{
text-decoration:none;
background:black;
}

#pressrelease{
color: aqua;
}