body {	
		font-family :  arial, sans-serif;
		color: #736236;	
		padding : 0;margin:0px;
		text-align:left;
		font-size:9px; 	
		text-align:left; 	
		background:url(../images/bg2.jpg) repeat-x fixed 0 -80px;
		background:#E3DDD9;
		}
	
	h1,h2,h3,h4,h5,h6, p, span, ul, li, a {line-height:normal; padding:0; margin:0; }
	h1, h2 {font-size:15px;  
		padding:0; margin:10px 0 0 0; 
		color :#353E38;
		font-weight:normal; 
		font-family:Georgia;
		font-size:20px; 
		float:left; 
		display:block; clear:both;	
		}
	
	img {border:0;}
	
	a {
		text-decoration : none;
		padding-left : 0;
		padding-top : 0;
		color:#736236;
		font-weight:bold; 
		outline:none	
		}
	a:hover {color : #483E2D;text-decoration : none;}
	
	hr      { background:#FFF; border:0px; border-bottom:1px dashed #DDD; height:1px;}
	p {margin:1em 0;}
	
	span {padding : 0;	letter-spacing:0em;}
	
	.page {float:left; width: 925px; background:url(../images/repeatr.gif) repeat top left; }
	
	.clear {display:block; clear:both; }
	
	div.scrollable {
		float:left;		
		color:#FFF;	
		font-family:Arial, Helvetica, sans-serif; font-size:9px;height:420px;
		overflow:hidden; 
		z-index:1;
		background : url(../images/loading.gif) no-repeat scroll center center; width: 925px
	}
	div.scrollable img  {position:relative;	z-index:999;	}
	div.scrollable p  {	position:relative; 	z-index:1000;}

	#morphTabsPrevious, a#morphTabsNext{
		display:block;
		width:140px;
		height:347px;
		background:url(../images/prev.png) no-repeat bottom left;
		position:absolute;
		z-index:9999;
		cursor:pointer;
	}
	
	
	#morphTabsPrevious:hover, a#morphTabsNext:hover {	opacity:0.9}
	a#morphTabsNext {	background:url(../images/next.png) no-repeat bottom right;}
	
	/*********** navigator ***********/
	
	
	
	.containerMorphTabs {float:left; display:block; clear:both; height:620px; width: 925px; overflow:hidden; }
	.page { float:left; width:926px;   	color: #736236;overflow:hidden; }
	.leftBlock {float:left; padding-left:20px; background: #42372F url(../images/leftside.gif) no-repeat 2px 50px; }
	.explore { 
		background: url(../images/repeatr-pink.gif) repeat ; 
		float:left; width: 917px; 
		height:200px;
		 display:block; 
		 clear:both; 
		 color: #736236;  
		 margin: 0; 
		 padding:0; 
		 border-right:1px solid  #ddd; 
		 border-left: 10px solid #42372F;
		 position:absolute; 
		 top:420px;
		 overflow:hidden; 
	 }
	.leftCol {margin :5px 4px ; padding: 5px 0; float:left; width: 112px; }
	.rightCol {float:left; width: 795px; }
	*html	.rightCol {float:left; width: 790px; }
	
	.others .leftCol {margin :5px; border-top : 1px solid #F2ECE8; 
	padding: 5px; float:left; width: 30%; 
	 }
	.others .rightCol {margin :5px; border-top : 1px solid #F2ECE8; padding: 5px; float:right; width: 441px; overflow:hidden;  }
	.others { float:left; display:block; clear:both; width: 919px; border-left: 10px solid #42372F; }
	
	.others .centerCol {margin :5px; padding: 0; float:left; width: 100px; border-left:1px solid #DAD7C5; }
	
	ul.thumbs { float:left; display:block; clear:both; list-style-type:none; width:  }
	ul.thumbs li { 
		float:right; 
		display:inline; 
		margin :0 0px 8px 0px; 
		width: 146px; 
		height: 65px; 
		
		border-bottom : 1px solid #E3DDD9; }
	ul.thumbs li a { display:block; clear:both; float:left; width: 145px; height: 70px;padding: 0 0 5px 0px; }
	ul.thumbs li a:hover { background-color:#E3DDD9;;}
	
	li.photo a {background:url(../images/mini-photography.gif) no-repeat 10px 70px ;}
	li.gd a {background:url(../images/mini-gd.gif) no-repeat 10px 70px ;}
	
	ul.morphtabs_title {width:775px; float:right; overflow:hidden; }
	ul.morphtabs_title li {
		list-style-type:none; 
		margin :0  ; 
		display:inline;  
		float:left; cursor:pointer; overflow:hidden;
		width:155px; height:62px;
		}
	
	.morphtabs_panel p {
		position:absolute; 
		top:20px; 
		left:435px; 
		width: 500px; 
		padding: 10px; font-size:22px; 
		font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  
		text-align:right; 
		}
	
	 .morphtabs_panel img {position:absolute; top:0px; left:20px;}
	/* custom positioning for navigational links */
	a#morphTabsPrevious, a#morphTabsNext {position:absolute; z-index:999}
	 
	a#morphTabsPrevious{ left : 20px;}
	a#morphTabsNext {left:806px;}
	.logo{
		position:absolute; 
		top:10px; 
		left:130px; 
		background:url(../images/logo2k10.png) no-repeat left top ; 
		width: 132px; 
		height:132px; 
		z-index:99999;
	}
	 
	 .morphtabs_panel p em{
		font-size:9px; letter-spacing:0.5em; 
		float:left;  clear:both; 
		color:yellow; font-style:normal; 
		font-family:"Arial Narrow"
			}
	
	.morphtabs_panel p span{background:#FFCC33;	opacity:1}
	.blacked span{ color:#736236}
	
	p.intro{
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:18px; 
		font-style:italic; 
		text-align:right; 
		margin:0;
		padding:5px 5px 5px 0; 
		width:580px; 
		float:left; 
		}
	p.intronoem {
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:18px; 
		text-align:left; 
		margin:0; 
		padding:5px 0;
		}
	.flickrLogo {float:left; margin:20px 0  0 15px; width:80px; overflow:hidden; }	
	ul.bestShot {list-style-type:none; float:left; width:480px; overflow:hidden; }
	ul.bestShot li{list-style-type:none; float:left; display:inline;width:146px; height:62px; }	
	.fullRight { width: 585px; float:right; margin: 3em 0 3em 2em;}
	ul.respects {
		float:left; 
		margin : 2em 1em 5em 1em; 
		list-style-type:circle;
		list-style-position:inside;
		border-top:1px solid #F2ECE8
		}
	ul.respects li{
		float:left; 
		margin : 0.5em ; 
		list-style-type:none;
		width: 118px; 
		height:30px; 		
		padding:10px 0; 
		background:#FFEFCD;
		text-align:center;
		}
	
	.footer {
		 padding : 1em 0 ;
		 text-align:center; 
		 float:left; display:block; 
		 clear:both; 
		 width: 925px; 
		 color:black;
		 border-left:10px solid #42372F;
		 background:#FFCC00
	 }
	 .down {float:left; display:block; clear:both; width: 100%; background:url(../images/down.gif) no-repeat center ; height:18px }
ul.projects li {float:left; display:inline; padding: 20px 20px;  border-right:1px solid #ddd}
ul.projects   { width: 900px}


.arcDetails {
		float:left; 
		width: 276px; 
		background:url(../images/separator2.jpg) no-repeat 0 8px;
	 	text-align:left; 
		padding-left:5px;
		height:295px; 
		 overflow:hidden;
		  }
.arcDetails  div { width:256px; height:275px; padding:10px; }
.arcDetails  div .date { text-align:left; float:left; font-size:26px; color:#736236; font-family:Georgia, "Times New Roman", Times, serif; height:27px; margin:0;}
.arcDetails  div p  { height:80px;}
.arcDetails  div a {  
	float:left; clear:both; display:block ;padding:3px;font-family:georgia; color:#FF9900; 
	font-weight:bold; 
	font-size:12px;width:100%;
	margin:5px 0;
	border-top:3px solid #231E19; 
}
.arcDetails  div p.screenshots {  
	float:left; display:block; clear:both; 
	font-size:12px;width:100% !important;
	border-top:3px solid #231E19; 
	
}
	.arcDetails  div p.screenshots a {  
		float:left; display:inline; clear:none; 
		width: 40%; 
		font-size:11px;
		border:0
		
	}
.arcDetails  div h3{ 
	 font-family: Georgia, "Times New Roman", Times, serif; 
	 font-size:21px; 	 
	 padding:0px; margin:0 0 -4px 0; 
		 }
.arcDetails  div h5{ 
	 font-family: Georgia, "Times New Roman", Times, serif; 
	 font-size:12px; 	 
	 font-style:italic; 
	 display:block; clear:both; width: 100%; 
	 
	 padding:0px; margin:0 0 -8px 0}

.Archived { width:625px ; float:left; margin-left:0px;} 

.Archived span{ 
	float:left; 
	display:inline;  
	margin:0;
	padding:0; 
	cursor:pointer; 
	clear:none; 
	width:153px; 
	height:55px; 
	overflow:hidden;  } 
span.active {opacity:.20; overflow:hidden; }
span:hover {opacity:.20; overflow:hidden; }


#test {
	background: #222;
	color: #fff;
	height:100px;
	float:left; 
	width:200px;
}