body {
	margin: 0;
	font-family: verdana;
	font-size:0.7em;
	background: url('../images/background.gif') center repeat-y;
}

#background {
	background-repeat:no-repeat;
	background-position: center;
	height:374px;
	opacity:1;
	width:100%;
	top:15px;
	position:absolute;
}

.placeholder {
	position:relative;
}

#fader {
	background-image: url("../images/loader.gif");
	background-repeat:no-repeat;
	background-position: center;	
	height:374px;
	width:100%;
	top:15px;
	position:absolute;
}

#about, #contact, #friends{
	display:none;
}

#body {
	top:0;
	position:absolute;
	width:100%;
}

#logo {
	position: relative;
	margin: 0 auto;
	width: 702px;
	height: 92px;
	background: url("../images/logo.png");
	behavior: url("style/iepngfix.htc");
}

#menu {
	position:relative;
	top:0px;
	height:0px;
	margin: 0 auto;
	width: 700px;
	overflow:visible;
}

#menu ul {
	right:60px;
	bottom:0;
	position: absolute;
	margin: 0 0 10px 0;
}

#menu ul li {
	display: inline;
}

#menu ul li a{
	text-decoration: underline;
	color: black;
}

#project {
	margin: 0 auto;
	width: 700px;
	/*background-color: green;*/
	min-height: 297px;
	height:297px;
	background: url("../images/sheet.png") repeat-y;
	behavior: url("style/iepngfix.htc");
	/*text-shadow: black 0px 0px 3px;*/
}

   
#description {
	margin: 0 60px 0 436px;
	padding: 0px;
	min-height: 212px;
	text-align: right;
	color:black;
	padding: 30px 20px 55px 20px;
}

#bar {
	background-color: #CCC;
	width: 100%;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-align:right;
	position:absolute;
	bottom: 20px;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
}

#bar div {
	padding:10px 43px 10px 0;	
	margin: 0 auto;
	width: 657px;
}

#logo {
	display: block;
}

#bar a {
	padding:5px 30px 5px 0;
	background: url('../images/arrow.png') no-repeat right center;
	text-decoration: none;
	color:white;
}

#bar a:hover {
	color:black;
}

.arrow {
	vertical-align: middle;
	border: none;
	padding-left: 10px;
}
#contentcenterer {
	position:absolute;
	top:389px;
	left:0px;
	width:100%;
}

#content {
	position: relative;
	margin: 0 auto;
	width: 700px;
}
#main a {
	color: black;
}

#main {
	margin:0 284px 0 0;
	padding:30px 0 0 30px;
}

#side {
	margin:0 60px 0 0;
	padding:15px 0 0 0;
	/*(JM no floats) float: right;*/
	float: right;
	/*JM add positioning*/
	//position: absolute;
	top: 0px;
	right: 0px;
	width: 204px;
	color: #514D4D;
}

#side .island {
	background-color: #CFCED3;
	text-align: right;
	padding:18px 18px 18px 18px;
	margin-bottom: 15px;
}

#side .island img {
	display: block;
}

#footer {
	color: #989696;
	font-size: 0.9em;
	margin: 0 auto;
	width: 700px;
	clear: both;
}

#footer p{
	border-top: 1px solid #989696;
	margin:0 60px 10px 30px;
	padding: 5px 0 0 0;
	
}


.island a {
	font-weight: bold;
	text-decoration: none;
	color: #514D4D;
	margin: 0 -30px 0 0;
	display: block;
	padding:0 30px 2px 0;
	background: url('../images/small_arrow.png') no-repeat right center;
}

.island a:hover {
	color: #AAAAAA;
}

p {
	margin: 0 0 10px 0;
	padding: 0 0 0 0 !important;
}

h2 {
	margin:0 0 10px 0;
	font-size: 1.3em;
}

#TB_ajaxContent {
	padding-top: 10px !important;
}
body.iframe_content {
	background:none;
	background-color:white;
	padding:1.3em;
	font-family:verdana;
	font-size:0.8em;
}
body.iframe_content h2 {
	font-size:1.3em;
}