body {
	margin: 0px;
	padding: 0px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	background: #fafafa;
}

/*body * { margin:0 !important; padding:0 !important; }*/ 

#submenu {
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
}

#menu {
	position: absolute;
	top: 25px;
	left: 50px;
	width: 250px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 7px 0 7px 0;
	margin: 0;
}

#menu a {
	display: block;
	width: 248px;
	height: 12px;
	text-decoration: none;
	color: #000;
	padding: 1px;
	margin: 0;
}

/*
#menu a.index:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}
*/

#menu a.projects:hover{
	background: #FE0000;
	color: #fafafa;
	text-decoration: none;
}

/* original green #00973d */
#menu a.profile:hover{
	background: #69E304;
	color: #fafafa;
	text-decoration: none;
}

/* original blue 0050ae */
#menu a.contact:hover{
	background: #00AEFF;
	color: #fafafa;
	text-decoration: none;
}

#projectsList, #profileList, #contactsList {
	margin: 1px 0 7px 0;
	padding: 0;
}

#peopleList {
	margin: 1px 0 7px 0;
	padding: 0;
}

#projectsList a, #profileList a, #contactsList a {
	display: block;
	width: 238px;
	text-decoration: none;
	color: #000;
	padding: 1px;
	height: 12px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
}

#peopleList a {
	display: block;
	width: 228px;
	height: 12px;
	text-decoration: none;
	color: #000;
	padding: 1px;
	margin: 0 0 0 20px;
}

#projectsList a:hover{
	background: #FE0000;
	color: #fafafa;
	text-decoration: none;
}

#profileList a:hover, #peopleList a:hover {
	background: #69E304;
	color: #fafafa;
	text-decoration: none;
}

a.thirdLevel {
	display: block;
	width: 228px;
	height: 12px;
	text-decoration: none;
	color: #000;
	padding: 1px 1px 1px 1px;
	margin: 0;
}
a.thirdLevel:hover {
	background: #69E304;
	color: #fafafa;
	text-decoration: none;
}

#projectsList a.selected  {
	background: #FE0000;
	color: #fafafa;
	text-decoration: none;
}
#projectsList a.selected:hover{
	background: #FE0000;
	color: #fafafa;
	text-decoration: none;
}


#profileList a.selected  {
	background: #69E304;
	color: #fafafa;
	text-decoration: none;
}
#profileList a.selected:hover{
	background: #69E304;
	color: #fafafa;
	text-decoration: none;
}

#contactsList a.selected {
	background: #00AEFF;
	color: #fafafa;
	text-decoration: none;
}

#contactsList a.selected:hover{
	background: #00AEFF;
	color: #fafafa;
	text-decoration: none;
}

#bodyWrap {
	width: 100%;
	position: relative;
	float: left;
}

#contentWrap-break {
	position: absolute;
	
	top: 25px;
	left: 320px;
	
	height: 1px;
	width: 380px;;
	
	border-top:  1px solid #000;
	z-index: 800;
}

#projectsWrap {
	position: absolute;
	
	top: 25px;
	left: 320px;
	
	width: 380px;
	
	margin: 0;
	padding: 7px 0 7px 0;
	
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
 
#projectsWrap img {
	width: 68px;
	height: 68px;
	
	margin: 0px 1px 1px 1px;
	padding: 0;
	
	border: 3px solid #fafafa;
}

#projectWrap, #projectWrap1, #projectWrap2, #profileWrap, #contactWrap {
	position: absolute;
	
	margin: 0;
	
	top: 25px;
	left: 320px;
}

#projectframe, #projectframe1, #projectframe2, #profileframe, #contactframe {
	width: 380px;
	height: 550px;
	
	margin: 0;
	padding: 7px 0 7px 0;
	
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


	 
#copyrightWrap {
	position: absolute;
	font-size: 9px;
	top: 825px;
	left: 50px;
}

#project {
	font-family: monaco, 'courier new', courier, monospace;
	font-size: 10px;
	position: absolute; 
	z-index: 100;
	top: 300px; 
	left: 0px; 
	width: 380px;
}

#project-text {
	position: relative;
	float: left;
	font-family: monaco, 'courier new', courier, monospace;
	font-size: 10px; 
}

#imagesWrap {
	position: absolute; 
	top: 0px; 
	left: 0px; 
}

#images {  
    height:  285px;  
    width:   380px; 
    margin:  0;  
} 
 
#images-caption {
	height: 15px;
	width: 310px;
	
	position: absolute;
	left: 0;
	
	color: #000;
	
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	
	overflow: hidden;
}

#images-nextprev {
	position: absolute;
	right: 0;
}

#images-prev, #images-next {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	
	text-decoration: none;
	
	background: #fff;
	color: #000;
}

#images-prev:hover, #images-next:hover {
	background: #FE0000;
	color: #fafafa;
}

#text-stuff {
	font-family: monaco, 'courier new', courier, monospace;
	font-size: 10px;
	/* letter-spacing: 1px; */
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 380px;
}

/* -------------------------
	RECORDS 
*/

#recordWrap {
	background: #fafafa;
	
	position: absolute;
	
	top: 25px;
	left: 720px;
	
	width: 272px;
	height: 416px;
	
	padding: 0 0 7px 0;
	margin: 0;
}

#recordframe {
	width: 272px; 
	height: 416px;
	
	border: 1px solid #000;
	border-left: none;
	border-right: none;
}

#record {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
}

#record div.record-break {
	position: absolute;
	top: 0;
	left: 0;
	width: 272px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: #000;
	border-top:  5px solid #000;
	z-index: 500;
}

#record div.record-project-image {
	float:left;
	
	width:57px;
	height:43px;
	
	margin:0 8px 8px 0;
	padding:0;
	
	overflow:hidden;
	
	position:relative;
}

#record div.record-project-image img {
	width:57px;
	height:43px;
	
	margin:0;
	padding:0;
}

#record a {
	display: block;
	
	position: relative;
	float: left;
	
	margin: 0 8px 8px 0;
	padding:0;
	
	width: 53px;
	height: 39px;
	
	overflow: hidden;
}

#record a.record-projects {
 	border: 2px solid rgb(255, 0, 0);
 	background: rgb(255, 0, 0);
}

 #record a.record-project {
 	border: 2px solid rgb(255, 0, 0);
	background: rgb(255, 255, 255);
}

 #record a.record-project img {
 	border: none;
	width:  53px;
	height: 39px;
	overflow:hidden;
}

#record a.record-contacts {
	border: 2px solid rgb(0, 174, 255);
	background: rgb(0, 174, 255);
}

#record a.record-contact {
	border: 2px solid rgb(0, 174, 255);
	background: rgb(255, 255, 255);
}

#record a.record-profiles {
	border: 2px solid rgb(105, 227, 4);
	background: rgb(105, 227, 4);
}

#record a.record-profile {
	border: 2px solid rgb(105, 227, 4);
	background: rgb(255, 255, 255);
}

/* -------------------------
	SCROLL PANES
*/

	
#text-scroll-pane-holder {
	position: absolute; 
	top: 8px; 
	left: 0px; 
}

#text-scroll-pane {
	width: 395px; 
	height: 545px;
}

#project-scroll-pane-holder {
	position: absolute; 
	top: 320px; 
	left: 0px; 
}

#project-scroll-pane {
	width: 395px; 
	height: 225px;
}

#record-scroll-pane-holder {
	position: absolute; 
	top: 8px; 
	left: 0px;
}

#record-scroll-pane { 
	width:  287px; 
	height: 402px;
}

.scroll-pane {
	overflow: auto;
}

.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 99%;
	background: #fafafa;
	border: 1px solid #000;
}

.jScrollPaneDrag {
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
}

/* -------------------------
	IMAGE SLIDER
*/

.imageSlider { 
	position: absolute;
	left: 0px;
}

.imageSlider img { /* this is your UL of images */
	position: absolute;
	left:0;
	
	border: none;
	border-width: 0px;
	width: 380px;
	height: 285px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block; 
}

.imageSliderContainer {
	overflow:hidden;
}