/* alexandra DAISY ginsberg */

body {
	/*background-image: url(images/bg_crosses.gif);*/
	background-attachment: fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

h2 {
	font-size: 24px;
	font-weight: lighter;
}

h3 {
	font-size: 16px;
}

h4 { font-weight: normal;}

#header{
	float: left;
	background: #FFFFFF;
	padding-top: 20px;
	padding-left:10px;
	height:100%;
	width: 200px;
	position: fixed;
}

.style7 {color: #999999}
.style8 {color: #000000}
.style9 {color: #666666}


#credittext {
	position: fixed;
	bottom: 30px;
}

#logo a {
	background-color:#FFFFFF;
	color:#000000;
}


/* links*/

 a:link {
	color: white;
	text-decoration: none;
	font-weight: normal;
	background-color:#000000;
	

 }
 a:visited {
	text-decoration: none;
	color: white; 
	font-weight: normal;
	background-color:#000000;
 }
 
 a:hover  {
	text-decoration: none;
	color: #FF0099;
	font-weight: normal;
	background-color:white;
}
 
 a:active {
	text-decoration: none;
	color: #CCFF00; 
	font-weight: normal;
	background-color:white;
}

/* Layout*/

#pagecontainer {
	float:inherit;
	width:30%;
	padding-left: 300px;
}

#contentbg {
	background-color: white;
	z-index:1
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.60;
	}
	
#content {
	background-color: #FFFFFF;
	width: 90%;
	padding:4px;
	
}

.pic {
	border: 1px solid #333333;
}	
	
	
.caption {
	font-weight: bold;
	color: #000000;
}

/* M E N U */

#menu {
	position: absolute;
	right: 410px;
	top: -30px;

}

#menucontainer{
	width: 640px;
	height:360px;
	background-color: white;
	z-index:1
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.60;
	position: absolute;
	left: 40px;
	top: 40px;
}

ul#off {list-style-type:none; padding:0; margin:0; margin:1em auto; position:inherit;}
ul#off li {display:block;}
ul#off a {display:block; width:0; height:0; position:absolute; text-decoration:none; font-size:0.9em; line-height:25px;}

ul#off a.architecture1 {top:85px; left:15px;}
ul#off a.architecture2 {top:110px; left:65px;}
ul#off a.architecture3 {top:60px; left:90px;}
ul#off a.architecture4 {top:85px; left:140px;}
ul#off a.drawings {top:35px; left:165px;}
ul#off a.graphicdesign {top:60px; left:215px;}
ul#off a.setdesign {top:135px; left:115px;}
ul#off a.productdesign {top:160px; left:165px;}
ul#off a.animation {top:110px; left:190px;}
ul#off a.research {top:85px; left:265px;}
ul#off a.webdesign {top:135px; left:240px;}
ul#off a.interaction {top:110px; left:315px;}


ul#off a em.top {
	display:block; 
	font-style:normal; 
	width:25px; 
	height:25px; 
	color:#000; 
	position:absolute; 
	top:0; 
	left:25px; 
	cursor:pointer;
	font-weight: bold;
}

ul#off a em.middle {
	display:block;
	font-style:normal;
	font-weight: bold;
	width:75px;
	height:25px;
	color:#000;
	position:absolute;
	top:25px;
	left:0;
	cursor:pointer;
	text-align:center;
	color:#000000;
	background-color: #CCCCCC;
}
ul#off a em.bottom {
	display:block;
	font-style:normal;
	font-weight: bold;
	width:25px;
	height:25px;
	color:#000;
	position:absolute;
	top:50px;
	left:25px;
	cursor:pointer;
}

ul#off a.architecture1 em {background:#00FF00;}
ul#off a.architecture2 em {background:#99FF66;}
ul#off a.architecture3 em {background:#66FF66;}
ul#off a.architecture4 em {background:#FFFF00;}
ul#off a.drawings em {background:#FF3366;}
ul#off a.graphicdesign em {background:#FF0066;}
ul#off a.setdesign em {background:#FF6633;}
ul#off a.productdesign em {background:#FF3300;}
ul#off a.animation em {background:#FF0033;}
ul#off a.interaction em {background:#FF9999;}
ul#off a.webdesign em {background:#FF6666;}
ul#off a.research em {background:#FFCCCC;}



ul#off a:hover {color:#000000;}
ul#off a:hover em {background:#FFFFFF; color:#333333;}
ul#off a:active, ul#off a:focus {background:#CCCCCC;}
ul#off a:active em, ul#off a:focus em {background:#CCCCCC; color:#FFFFFF;}

.textwidth300 {
	width: 300px;
}