<!-- 

/* (c) 2005 Brain Arcade Design Studio */

body
	{
	background-color: transparent;
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	text-align: center; /*ie centering hack*/
	min-width: 780px; /*mozilla width*/
	
	}

#pagecontainer {
	postition: relative; /*lets elements inside this div be positioned absolutely*/
	width: 780px; /*ie width*/
	min-height: 590px; /*mozilla height*/
	_height: 590px; /*ie height */
	/*what follows is a mac ie hack*/

	 /*\*//*/
  	height: 590px;
	/**/

	background-color: transparent;
	margin: auto auto auto 70px; /* mozilla centering */
	text-align: left; /* remove ie centering hack*/
	}

/********bocking out the page*********/

#header {
	position: absolute;
	width: 780px;
	background: transparent;
	z-index: 5;
	}

#navigation {
	position: absolute;
	clear: left;
	top: 145px;
	_top: 165px;
	width: 130px;
	_width: 125px;
	height: 400px;
	background: transparent;
	z-index: 5;
	}

#copy {
	position: absolute;
	top: 200px;
	left: 300px;
	width: 580px;
	height: 320px;
	background: url('bgportfolio.gif') 70% 90% no-repeat;
	z-index: 5;
	}

#footer {
	position: absolute;
	top: 600px;
	width: 780px;
	height: 50px;
	background: transparent;
	text-align: center;
	font-size: 0.7em;
	z-index: 5;
	}

/********banner*********/


#logo {
	background: #fff url('logoportfolio.gif') no-repeat;
	height: 90px;
	width: 207px;
	z-index: 5;
	}

#colorblock1 {
	position: relative;
	top: -10px;
	left: 130px;
	height: 65px;
	width: 125px;
	z-index: -1;
	background-color: #fFF;
	border: solid 2px #000;
	}

#banner {
	position: relative;
	top: -155px;
	left: 220px;
	background: #fff url('bannerportfolio.gif') no-repeat;
	height: 129px;
	width: 313px;
	}

#decoration {
	position: relative;
	top: -230px;
	left: 531px;
	border: 2px solid #000;
	height: 62px;
	width: 180px;
	background-color: #bad887;
	}

#decbox1 {
	position: relative;
	top: -300px;
	_top: -297px;
	left: 540px;
	border: 2px solid #000;
	background-color: #fff;
	height: 72px;
	width: 120px;
	}

#decbox2 {
	position: relative;
	top: -301px;
	_top: -312px;
	left: 540px;
	_left: 545px;
	border: 2px solid #000;
	background-color: #5e3579;
	height: 10px;
	width: 120px;
	_z-index: -1;
	}

#decbox3 {
	position: relative;
	top: -400px;
	left: 700px;
	_left: 680px;
	background-color: #5e3579;
	border: 2px solid #000;
	height: 40px;
	width: 70px;
	}

#decbox4 {
	position: relative;
	top: -402px;
	left: 700px;
	_left: 680px;
	background-color: #fff;
	border: 2px solid #000;
	height: 40px;
	width: 70px;
	}

#decbox5 {
	position: relative;
	top: -404px;
	left: 700px;
	_left: 680px;
	background-color: #fff;
	border: 2px solid #000;
	height: 40px;
	width: 70px;
	}

#circle2 {
	position: relative;
	top: -541px;
	_top: -544px;
	left: 590px;
	background: #fff url('../images/circle6.gif') no-repeat;
	height: 19px;
	width: 31px;
	}

/********navigation*********/

#navigation ul {
	margin-left: -30px;
	_margin: 0; /*ie hack*/
	}

#navigation ul li{
	list-style: none;
	margin: 2px;
	_margin-left: 15px; /*ie hack*/
	padding: 0px;
	}

img {
	border: 2px solid #000;
	}

img.noborder {
	border: 0;
	}

#subnav li {
	padding-left: 5px;
	}

#subnav li.active {
	list-style: square inside url('activebuttonportfolio.gif');
	}

#subnav li.inactive {
	list-style: square inside url('inactivebuttonportfolio.gif');
	}


/*****nav colors*****/

/* web #7f7ca8 */

/*logo #f2a822 */

/*print #5e3579 */

/* portfolio #bad887 */

/* about #97c148 */


/********body copy*********/

#copy img {
	border: 2px solid #000;
	}

#portfoliomenu 
	{
	position: relative; 
	top: 0;
	}

#portfoliomenu a:visited, #portfoliomenu a 
	{
	text-decoration: none; 
	color: #000;
	padding: 5px; 
	}

#portfoliomenu a:visited img, #portfoliomenu a img
	{
	filter: alpha(opacity=40);
 	-moz-opacity: 0.40;
	}
	
#portfoliomenu a:hover 
	{
	background-color:transparent; 
	color:#fffff;
	}

#portfoliomenu a span 
	{
	display:none;
	}

#portfoliomenu a:hover span 
	{
	display: block; 
	position: absolute;
	left: 0px;
	top: 100px; 
	}

#portfoliomenu a:hover span img
	{
	border: 0;
	}

#portfoliomenu a:hover img 
	{ 
	filter: alpha(opacity=100);
 	-moz-opacity: 1.00;
 	}

img.left {
	float: left;
	padding-right: 5px;
	}

-->