body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 18px 0px 18px 0px;
}
.outer
      {
      position:absolute;
      left:50%;
      top:50%;
      width:956px;
      height:564px;
      margin-left:-478px; 
      margin-top:-282px;
      background-color:#FFFFFF;
      }
      
.inner
      {
      position:absolute;
      left:50%;
      top:50%;
      width:956px;
      height:564px;
      margin-left:-478px; 
      margin-top:-282px;
      background-color:#FFFFFF;
      }


#mediaParent { 
	position: absolute; 
	width: 85%; /*  90% */
	top: 350px; 
	left: 105px; 
	height:353px;
	background-color: #ffffff; 
	color: #FFFFFF;
	overflow: hidden;
	border:2;
	}


#mediaChild { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	background-color: #FFffff; 
	color: #FFFFFF;
	height:353px;
	}



.greenDot {
	width: 11px;
	vertical-align:middle;
	text-align: center;

}




a.notActiveLink, a.notActiveLink:visited  {
	font-size: 10px;
	color: #CECECE;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	}

a.notActiveLink:hover {
	font-size: 10px;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	}


a.activeLink, a.activeLink:visited, a.activeLink:hover {
	font-size: 10px;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	}




	
	
#plusArrow {
	position: absolute; 
	top: 314px; 
	left: 105px; 

}

#minusArrow {
	position: absolute; 
	top: 314px; 
	left: 128px; 

}


#mainMenuColumn {
	position: absolute;
	width: 168px;
	height: 240px;
	overflow: hidden;
	left: 106px;
	top: 118px;
	z-index: 2;
}

#mainMenuChild {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 168px;
	z-index: 2;
}



#catColumn {
	position: absolute;
	width: 168px;
	height: 240px;
	
	left: 298px;
	top: 104px;
	z-index: 2;
}

#catChild {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 168px;
	z-index: 2;
}

#clientColumn {
	position: absolute;
	width: 168px;
	height: 240px;
	left: 492px;
	top: 104px;
	z-index: 2;
}

#clientChild {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 168px;
	z-index: 2;
}

#projectsColumn {
	position: absolute;
	width: 168px;
	height: 240px;
	left: 684px;
	top: 104px;
	z-index: 2;
}

#projectsChild {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 168px;
	z-index: 2;
}

#notesColumn {
	position: absolute;
	width: 168px;
	height: 240px;
	left: 878px;
	top: 104px;
	z-index: 2;
}

#notesChild {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 168px;
	z-index: 2;
}

#urlColumn {
	position: absolute;
	width: 168px;
	height: 60px;
	left: 684px;
	top: 268px;
	z-index: 2;
}

/*check this*/
#urllist a, #urllist a:visited {
	color:#707070;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}
#urllist a:hover {

	text-decoration:underline;

}



#wideRectangleColumn {
	position: absolute;
	width: 690px;
	height: 240px;
	
	left: 298px;
	top: 104px;
	z-index: 2;
}

#wideRectangleChild {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 690px;
	z-index: 2;
}





/*  TITLE HEADLINE */

#titlezero {
	position: absolute;
	width: 140px;
	height: 8px;
	top: 71px;
	left: 297px;	
}

#titleone {
	position: absolute;
	width: 140px;
	height: 8px;
	top: 71px;
	left: 490px;	
}

#titletwo {
	position: absolute;
	width: 140px;
	height: 8px;
	top: 71px;
	left: 684px;	
}

#titlethree {
	position: absolute;
	width: 140px;
	height: 8px;
	top: 71px;
	left: 878px;	
}

#titlefour {
	position: absolute;
	width: 140px;
	height: 208px;
	top: 238px;
	left: 684px;	
}

.titleClass {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
}


.notesClass {
	font-size: 10px;
	color: #707070;
	text-decoration: none; 
	font-weight: bold;
	line-height: 14px;
}

.darkGrey {
	font-size: 10px;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
}