body
{
	background-color: #464646;
	color: #bbbbbb;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
}

p, th, td, ul, ol, dl, dt, dd
{
	font-family: verdana;
	font-size: 9px;
	line-height: 12px;
	margin: 0px;
}

.footerText
{
	font-family: Arial;
	color: #bbbbbb;
	font-size: 30px;
	line-height: 18px;
	margin: 0px;
}

h1 {
	font-family: arial;
	font-size: 30px;
	color: #B20028;
	line-height: 34px;
	font-weight: normal;
	margin: 0px;
}	

img { 
	border: 0; 
}


a	{
	text-decoration: none;
	color: #333333;
}

a:hover { color: #b20028; }

.highlight {
	color: #B20028;
	background-color: #dce6e6;
}

h2 {
	font-family: arial;
	font-size: 15px;
	color: #B20028;
	line-height: 10px;
	font-weight: normal;
	margin: 20px 0px 0 0;
}

/* -- navigation top line -- */
div#navigation dl {  position: absolute; margin: 0; padding: 0;  line-height: 50px;  height: 50px; top: 0px; }

div#navigation dl dt,
div#navigation dl dd { margin: 0; padding: 0; width: 80px; }

div#navigation dl dd { position: absolute; }

div#navigation dl#home 		{ width: 80px; left: 290px; } /* home */
div#navigation dl#projects 	{ width: 80px; left: 390px; } /* projects */
div#navigation dl#approach { width: 80px; left: 490px; } /* approach */
div#navigation dl#contact 	{ width: 80px; left: 590px; } /* contact */



div#navigation dl dt,
div#navigation dl dd a { width: auto; height: 50px; text-decoration: none; display: block; text-indent: -9999px; margin: 0; padding: 0; line-height: 50px; }

div#navigation dl dd a:hover { background-position: -80px 0; }
div#navigation dl dd a.on { background-position: -160px 0; }
	
/* home */
div#navigation dl#home dd#home_menu { top: 30px; }
div#navigation dl#home dd#home_menu a { background-image: url("nav/navigation_01.gif"); background-repeat: no-repeat;  }
div.home_menu dd#home_menu a { background-position: -160px 0;  }
div.home_menu dd#home_menu a:hover { background-position: -160px 0;  }
	
/* projects */
div#navigation dl#projects dd#projects_menu { top: 30px; }
div#navigation dl#projects dd#projects_menu a { background-image: url("nav/navigation_02.gif"); background-repeat: no-repeat;  }
div.projects_menu dd#projects_menu a { background-position: -160px 0;  }
div.projects_menu dd#projects_menu a:hover { background-position: -160px 0;  }
	
/* approach */
div#navigation dl#approach dd#approach_menu { top: 30px; }
div#navigation dl#approach dd#approach_menu a { background-image: url("nav/navigation_03.gif"); background-repeat: no-repeat;  }
div.approach_menu dd#approach_menu a { background-position: -160px 0;  }
div.approach_menu dd#approach_menu a:hover { background-position: -160px 0;  }

/* contact */
div#navigation dl#contact dd#contact_menu { top: 30px; }
div#navigation dl#contact dd#contact_menu a { background-image: url("nav/navigation_04.gif"); background-repeat: no-repeat;  }
div.contact_menu dd#contact_menu a { background-position: -160px 0;  }
div.contact_menu dd#contact_menu a:hover { background-position: -160px 0;  }


/* -- /navigation -- */




/* -- projects navigation top line -- */
div#projects_nav dl {  position: absolute; margin: 0; padding: 0;  line-height: 15px;  height: 15px; top: 200px; }

div#projects_nav dl dt,
div#projects_nav dl dd { margin: 0; padding: 0; width: 200px; }

div#projects_nav dl dd { position: absolute; }

div#projects_nav dl#portfolio { width: 200px; left: 40px; } /* portfolio */

div#projects_nav dl dt,
div#projects_nav dl dd a { width: auto; height: 15px; text-decoration: none; display: block; text-indent: -9999px; margin: 0; padding: 0; line-height: 15px; }

div#projects_nav dl dd a:hover { background-position: -200px 0; }
div#projects_nav dl dd a.on { background-position: -400px 0; }

/* portfolio */
	
	div#projects_nav dl#portfolio dd#portfolio_1 {top: 0px; }
	div#projects_nav dl#portfolio dd#portfolio_1 a {background-image: url("nav/projects_nav_01.gif"); background-repeat: no-repeat;  }
	div.portfolio_1 dd#portfolio_1 a { background-position: -400px 0;  }
	div.portfolio_1 dd#portfolio_1 a:hover { background-position: -400px 0;  }
		
	div#projects_nav dl#portfolio dd#portfolio_2 {top: 15px; }
	div#projects_nav dl#portfolio dd#portfolio_2 a { background-image: url("nav/projects_nav_02.gif"); background-repeat: no-repeat;  }
	div.portfolio_2 dd#portfolio_2 a { background-position: -400px 0;  }
	div.portfolio_2 dd#portfolio_2 a:hover { background-position: -400px 0;  }

	div#projects_nav dl#portfolio dd#portfolio_3 {top: 30px; }
	div#projects_nav dl#portfolio dd#portfolio_3 a { background-image: url("nav/projects_nav_03.gif"); background-repeat: no-repeat;  }
	div.portfolio_3 dd#portfolio_3 a { background-position: -400px 0;  }
	div.portfolio_3 dd#portfolio_3 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_4 { top: 45px; }
	div#projects_nav dl#portfolio dd#portfolio_4 a { background-image: url("nav/projects_nav_04.gif"); background-repeat: no-repeat;  }
	div.portfolio_4 dd#portfolio_4 a { background-position: -400px 0;  }
	div.portfolio_4 dd#portfolio_4 a:hover { background-position: -400px 0;  }
		
	div#projects_nav dl#portfolio dd#portfolio_5 { top: 60px; }
	div#projects_nav dl#portfolio dd#portfolio_5 a { background-image: url("nav/projects_nav_05.gif"); background-repeat: no-repeat;  }
	div.portfolio_5 dd#portfolio_5 a { background-position: -400px 0;  }
	div.portfolio_5 dd#portfolio_5 a:hover { background-position: -400px 0;  }

	div#projects_nav dl#portfolio dd#portfolio_6 { top: 75px; }
	div#projects_nav dl#portfolio dd#portfolio_6 a { background-image: url("nav/projects_nav_06.gif"); background-repeat: no-repeat;  }
	div.portfolio_6 dd#portfolio_6 a { background-position: -400px 0;  }
	div.portfolio_6 dd#portfolio_6 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_7 { top: 90px; }
	div#projects_nav dl#portfolio dd#portfolio_7 a { background-image: url("nav/projects_nav_07.gif"); background-repeat: no-repeat;  }
	div.portfolio_7 dd#portfolio_7 a { background-position: -400px 0;  }
	div.portfolio_7 dd#portfolio_7 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_8 { top: 105px; }
	div#projects_nav dl#portfolio dd#portfolio_8 a { background-image: url("nav/projects_nav_08.gif"); background-repeat: no-repeat;  }
	div.portfolio_8 dd#portfolio_8 a { background-position: -400px 0;  }
	div.portfolio_8 dd#portfolio_8 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_9 { top: 120px; }
	div#projects_nav dl#portfolio dd#portfolio_9 a { background-image: url("nav/projects_nav_09.gif"); background-repeat: no-repeat;  }
	div.portfolio_9 dd#portfolio_9 a { background-position: -400px 0;  }
	div.portfolio_9 dd#portfolio_9 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_10 { top: 135px; }
	div#projects_nav dl#portfolio dd#portfolio_10 a { background-image: url("nav/projects_nav_10.gif"); background-repeat: no-repeat;  }
	div.portfolio_10 dd#portfolio_10 a { background-position: -400px 0;  }
	div.portfolio_10 dd#portfolio_10 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_11 { top: 150px; }
	div#projects_nav dl#portfolio dd#portfolio_11 a { background-image: url("nav/projects_nav_11.gif"); background-repeat: no-repeat;  }
	div.portfolio_11 dd#portfolio_11 a { background-position: -400px 0;  }
	div.portfolio_11 dd#portfolio_11 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_12 { top: 165px; }
	div#projects_nav dl#portfolio dd#portfolio_12 a { background-image: url("nav/projects_nav_12.gif"); background-repeat: no-repeat;  }
	div.portfolio_12 dd#portfolio_12 a { background-position: -400px 0;  }
	div.portfolio_12 dd#portfolio_12 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_13 { top: 180px; }
	div#projects_nav dl#portfolio dd#portfolio_13 a { background-image: url("nav/projects_nav_13.gif"); background-repeat: no-repeat;  }
	div.portfolio_13 dd#portfolio_13 a { background-position: -400px 0;  }
	div.portfolio_13 dd#portfolio_13 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_14 { top: 195px; }
	div#projects_nav dl#portfolio dd#portfolio_14 a { background-image: url("nav/projects_nav_14.gif"); background-repeat: no-repeat;  }
	div.portfolio_14 dd#portfolio_14 a { background-position: -400px 0;  }
	div.portfolio_14 dd#portfolio_14 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_15 { top: 205px; }
	div#projects_nav dl#portfolio dd#portfolio_15 a { background-image: url("nav/projects_nav_15.gif"); background-repeat: no-repeat;  }
	div.portfolio_15 dd#portfolio_15 a { background-position: -400px 0;  }
	div.portfolio_15 dd#portfolio_15 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_16 { top: 220px; }
	div#projects_nav dl#portfolio dd#portfolio_16 a { background-image: url("nav/projects_nav_16.gif"); background-repeat: no-repeat;  }
	div.portfolio_16 dd#portfolio_16 a { background-position: -400px 0;  }
	div.portfolio_16 dd#portfolio_16 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_17 { top: 235px; }
	div#projects_nav dl#portfolio dd#portfolio_17 a { background-image: url("nav/projects_nav_17.gif"); background-repeat: no-repeat;  }
	div.portfolio_17 dd#portfolio_17 a { background-position: -400px 0;  }
	div.portfolio_17 dd#portfolio_17 a:hover { background-position: -400px 0;  }
	
	div#projects_nav dl#portfolio dd#portfolio_18 { top: 250px; }
	div#projects_nav dl#portfolio dd#portfolio_18 a { background-image: url("nav/projects_nav_18.gif"); background-repeat: no-repeat;  }
	div.portfolio_18 dd#portfolio_18 a { background-position: -400px 0;  }
	div.portfolio_18 dd#portfolio_18 a:hover { background-position: -400px 0;  }
	
/* -- /portfolio -- */	

/* -- logo image -- */
#logo {  position: absolute; margin: 0; padding: 0; top: 30px; left: 30px; }
/* -- /logo image -- */

/* -- flash area -- */
div#main {  position: absolute; margin: 0; padding: 0; top: 190px; left: 30px; }
/* -- /flash area -- */

/* -- project flash area -- */
div#flash_project {  position: absolute; margin: 0; padding: 0; top: 200px; left: 230px; }
/* -- /flash area -- */

/* -- project image area -- */
div#image_project {  position: absolute; margin: 0; padding: 0; top: 200px; left: 230px; }
/* -- /image area -- */


/* -- title image -- */
div#title {  position: absolute; margin: 0; padding: 0; top: 140px; left: 30px; }
/* -- /main image -- */


/* -- all the main text -- */
div#lh_content
{
	position: absolute;
	left: 30px;
	top: 430px;
	padding: 0px;
	width: 305px;
	margin: 0px;
}

div#rh_content
{
	position: absolute;
	left: 365px;
	top: 430px;
	padding: 0px;
	width: 305px;
	margin: 0px;
}
/* -- /all the main text -- */

div#support_text
{
	position: absolute;
	left: 230px;
	top: 490px;
	padding: 0px;
	width: 430px;
	margin: 0px;
}

/* -- footer area -- */
div#footer {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 580px;
	left: 30px;
	font-size: 9px;
}
/* -- /footer area -- */