body
{
  background: #000 url(/dev/images/bg.png) repeat-y top center;
  margin:0 1px 0 0;
  font: normal normal bold 0.9em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
body, a
{
  color:#9dfd00;
  text-decoration: none;
}
p, form
{
  font: normal normal normal 0.7em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  color:#fff;
}
.content
{
  margin:0 auto 0 auto;
  text-align: left;
  width:419px;
}
.container
{
  text-align: center;
}
.section        { background: #000 url() repeat-y top center; }
.section img    { border:none; }
/*content*/
.content p,
.content form
{
  margin:0;
  padding:10px 0;
  margin-left:225px;
}
input, textarea
{
  margin:5px 0 5px 0;
}
/*carlos-cotte*/
#carlos-cotte .content      { background-image: url(/dev/images/carlos-cotte-bg.png); }
#carlos-cotte .content div  { margin-left:215px; }
/*reel*/
#reel .content           { background-image: url(/dev/images/reel-bg.png); }
#reel .content           { padding:20px 0 20px 0; }
#reel-container
{
  margin:0 auto 0 auto;
  border: 10px solid #ffae00;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  width:640px;
  height:495px;
}
/*work*/
#work .content              { background-image: url(/dev/images/work-bg.png); }
#work .content div          { margin-left:195px; }
#work .content div div
{
  margin:0 auto 0 auto;
  border: 10px solid #ffae00;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  width:200px;
  height:100px;
}
/*archive*/
#archive .content           { background-image: url(/dev/images/archive-bg.png); }
#archive .content div       { margin-left:150px; }
/*sketchbooks*/
#sketchbooks .content       { background-image: url(/dev/images/sketchbooks-bg.png); }
#sketchbooks .content div   { margin-left:260px; }
/*links*/
#links .content             { background-image: url(/dev/images/links-bg.png); }
#links .content div         { margin-left:230px; }


.modal-div
{
	height:535px;
	width:90%;
	overflow:auto;
}

/*CONTROL*/
#control_overlay {  
	background-color:#000;  
} 

.modal {  
	background-color:#000;  
	padding:10px;  
	border: 10px solid #ffae00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
} 

.tooltip {  
	border:1px solid #000;  
	background-color:#fff;  
	height:25px;  
	width:200px;  
	font-family:"Lucida Grande",Verdana;  
	font-size:10px;  
	color:#333;  
} 

.simple_window {  
	width:250px;  
	height:50px;  
	border:1px solid #000;  
	background-color:#fff;  
	padding:10px;  
	text-align:left;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
} 

.window {  
	background-image:url("/stylesheets/window_background.png");  
	background-position:top left;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	padding:10px;  
	font-family:"Lucida Grande",Verdana;  
	font-size:13px;  
	font-weight:bold;  
	color:#fff;  
	text-align:center;  
	min-width:150px;  
	min-height:100px;  
} 

.window .window_contents {  
	margin-top:10px;  
	width:100%;  
	height:100%;      
} 

.window .window_header {  
	text-align:center;  
} 

.window .window_title {  
	margin-top:-7px;  
	margin-bottom:7px;  
	font-size:11px;  
	cursor:move;  
} 

.window .window_close {  
	display:block;  
	position:absolute;  
	top:4px;  
	left:5px;  
	height:13px;  
	width:13px;  
	background-image:url("/stylesheets/window_close.gif");  
	cursor:pointer;  
	cursor:hand;  
}