*{margin: 0;padding: 0;}
body{background-color: #fff;text-align: center;	font:normal 62.5%/1.8em "Trebuchet MS", Helvetica, Arial, sans-serif;}
	
#container{  
	margin: 0px auto;
	width:990px;	
	text-align: left;
	border:0px solid #B2B6B7;
	height:580px;
	min-height:580px;
	height:100%;
	background:#ADA587 url('images/pageBG.jpg') repeat-x fixed;	
	color:#fff;
}

#eastSide {position:relative; float:right; top:0px; height:580px; background-color:#98A2AB; border:0px solid #000; text-align: left;
}

#title {
	z-index:99;	position:relative; left:1px; top:90px; width:490px; height:29px;
	background:transparent url(images/DG.jpg) no-repeat;
	border:0px solid #000;
}

#rightTop {	position:relative; left:0px; top:0px; width:494px; height:265px;
	background:transparent url(images/rightTop.jpg) no-repeat;}

#rightLeft {position:absolute; left:0px; top:171px; width:177px; height:409px;
	background:transparent url(images/rightLeft.jpg) no-repeat;}

#rightArt {position:absolute; float:left; left:177px; top:171px; width:148px; height:138px;
	background:transparent url(images/rightArt.jpg) no-repeat;}

#rightRight {position:absolute; left:325px; top:171px; width:169px; height:409px;
	background:transparent url(images/rightBott.jpg) no-repeat;}

#rightMid {position:absolute; left:177px; top:309px; width:148px; height:271px;
	background:transparent url(images/rightMid.jpg) no-repeat;}


	
#menu { position:relative; float:left; left:110px; top:170px; font:500 1.8em/1.8em Verdana, Helvetica, Arial, sans-serif; text-align:center;}
	
	#menu div a { color:#fff; text-decoration:none;}
	#menu div a:hover { color:#c4121a; }


#nav {
	margin:0px auto;
	width:430px;
	color:#fff;
	text-align:center;
	font:normal 1.1em Verdana, Arial, sans-serif;
	line-height:1.9em;
	border-bottom:1px solid #c7bd9b}
	
	#nav a { color:#fff; text-decoration:none; padding:0 8px 0;}
	#nav a:hover { color:#c4121a; }
	
	/* nav selected state */	
	#nav a.selected{ color:#555;}
	
	
		
#ssp-selected{
	text-align:center;
	/*border:1px #aaa solid;*/
	margin:0px auto;
	background: transparent;
	width:560px;
	height:490px;
	padding:10px;
	position:relative;
	top:17px;
}
h1 {color:#c4121a;margin-bottom:0.5em;}
h2 {color:#555;margin-bottom:0.5em;}
ul {list-style:none;}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

#imgRight {
	float:right;
	border:1px solid #fff;
	margin-right:30px;
}

#bio, #awards, #contacts {font:500 1.3em/1.4em "Trebuchet MS", Helvetica, Arial, sans-serif; color:#fff;margin:2.1em;}
	#contacts a, #credits a { color:#fff; text-decoration:none;border-bottom:1px dotted #ccc;}
	#contacts a:hover, #credits a:hover{ color:#fff; border-bottom:1px dotted #c4121a;}	
	
	#contactgrid {position:relative; margin-top:14px;}
	.contact {float:left; width:190px; height:180px; margin: 0 40px 20px 0;border:0px solid #fff;}

	#bio td {color:#555; font-size:0.9em;line-height:1.1em;}
	#bio td em {color:#fff;font-size: 1.1em; line-height:1.5em; font-style:normal; font-family:Arial, sans-serif;}
	#bio td.date {color:#C4121A; font-weight:normal;padding-right:22px;}

#credits {
	float:right;
	color:#fff;
	border-top:1px solid #c7bd9b;
	border-left:1px solid #c7bd9b;
	padding:0 2px;
	font-size:10px;line-height:14px;}	
	
	/* different page margins  */	
	#credits.darryn { margin:120px 3px 0 0;}
	#credits.contactlinks { margin:58px 3px 0 0;}
	#credits.group { margin:-62px 3px 0 0;}
	#credits.solo { margin:-62px 3px 0 0;}
	#credits.work { margin:13px 3px 0 0;}