body, html
{
	scrollbar-face-color: #ff0000;
	scrollbar-shadow-color: #800000;
	scrollbar-highlight-color:#ffcccc;
	scrollbar-3dlight-color: #ffcccc;
	scrollbar-darkshadow-color:#400000;
	scrollbar-track-color:  #413e99;
	scrollbar-arrow-color: #ffff00;

}




	body
	{
		background-color: #413e99;
	}
	div#outer
	{
		width: 947px;
		margin: 0;
		padding: 0;
		position: relative;
		top: -8px;
		*position: relative  !important;
		*top: -15px  !important;
	}
	div#header
	{
		background-image:   url(images/top_bck.png);
		background-repeat: no-repeat;
		width: 947px;
		height: 215px;
	}
	div#header p
	{
		font: bold 16px Arial, Helvetica, sans-serif;
		width: 900px;
		height: 20px;
		margin-top: 154px;
		float: right;		
	}
	div#header p a
	{
		display: block;
		float: right;
		margin-right: 20px;
		margin-left: 275px;
              
	}
	div#header p a:link, div#header p a:visited
	{
		color: #6bd34a;
		text-decoration: none;
	}
	div#header p a:hover
	{
		color: #99ff00;
		text-decoration: none;
	}
	
	/*NAVIGATION STARTS++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
	  a#first,  a#second,  a#third,  a#fourth,  a#fifth,  a#sixth,  a#seventh,  span#one,  span#two,  span#three,  span#four,  span#five,  span#six,  span#seven
	{
		float: left;
		height: 42px;
		font: 16px Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding-top: 10px;
		color: #fff;
	}
	  a#first,  a#seventh,  span#one,  span#seven 
	{
		width: 134px;
	}
	  a#second,  span#two
	{
		width: 135px;
	}
	  a#third,  a#fourth,  a#fifth,  a#sixth,  span#three,  span#four,  span#five,  span#six
	{
		width: 136px;
	}
	  a#first:link,  a#first:visited
	{
		background-image:   url(images/nav_01off.png);
		background-repeat: no-repeat;
	}
	  a#first:hover
	{
		background-image:   url(images/nav_01on.png);
		background-repeat: no-repeat;
	}
	  a#second:link,  a#second:visited
	{
		background-image:   url(images/nav_02off.png);
		background-repeat: no-repeat;
	}
	  a#second:hover
	{
		background-image:   url(images/nav_02on.png);
		background-repeat: no-repeat;
	}
	  a#third:link,  a#third:visited
	{
		background-image:   url(images/nav_03off.png);
		background-repeat: no-repeat;
	}
	  a#third:hover
	{
		background-image:   url(images/nav_03on.png);
		background-repeat: no-repeat;
	}
	  a#fourth:link,  a#fourth:visited
	{
		background-image:   url(images/nav_04off.png);
		background-repeat: no-repeat;
	}
	  a#fourth:hover
	{
		background-image:   url(images/nav_04on.png);
		background-repeat: no-repeat;
	}
	  a#fifth:link,  a#fifth:visited
	{
		background-image:   url(images/nav_05off.png);
		background-repeat: no-repeat;
	}
	  a#fifth:hover
	{
		background-image:   url(images/nav_05on.png);
		background-repeat: no-repeat;
	}
	  a#sixth:link,  a#sixth:visited
	{
		background-image:   url(images/nav_06off.png);
		background-repeat: no-repeat;
	}
	  a#sixth:hover
	{
		background-image:   url(images/nav_06on.png);
		background-repeat: no-repeat;
	}
	  a#seventh:link,  a#seventh:visited
	{
		background-image:   url(images/nav_07off.png);
		background-repeat: no-repeat;
	}
	  a#seventh:hover
	{
		background-image:   url(images/nav_07on.png);
		background-repeat: no-repeat;
	}
	  span#one
	{
		background-image:   url(images/nav_01.png);
		background-repeat: no-repeat;
	}
	  span#two
	{
		background-image:   url(images/nav_02.png);
		background-repeat: no-repeat;
	}
	  span#three
	{
		background-image:   url(images/nav_03.png);
		background-repeat: no-repeat;
	}
	  span#four
	{
		background-image:   url(images/nav_04.png);
		background-repeat: no-repeat;
	}
	  span#five
	{
		background-image:   url(images/nav_05.png);
		background-repeat: no-repeat;
	}
	  span#six
	{
		background-image:   url(images/nav_06.png);
		background-repeat: no-repeat;
	}
	  span#seven
	{
		background-image:   url(images/nav_07.png);
		background-repeat: no-repeat;
	}
/*NAVIGATION FINISH++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/

/*CONTENT START++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
	
	
	object#profile-preload2
	{
		*border-left: 2px solid #387e31;
		*border-right: 2px solid #387e31;
		*border-bottom: 2px solid #387e31;
		position: relative;
		top: -10px;	
	}
	div#contentExp
	{
		background-image:   url(images/exp_bck.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	div#contentPort
	{
		background-image:   url(images/port_bck2.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	div#contentFree
	{
		background-image:   url(images/free_bck.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	div#contentRef
	{
		background-image:   url(images/ref_bck2.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	div#contentCont
	{
		background-image:   url(images/cont_bck.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	div#contentCV
	{
		background-image:   url(images/cv_bck.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #fff;
		border-left: 2px solid #387e31;
		border-right: 2px solid #387e31;
		border-bottom: 2px solid #387e31;
		padding-top: 300px;
		margin-top: 42px;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding-left: 30px;
		color: #413e99;
	}
	/*ul#listsRef
	{
		border: 1px solid red;
		display: block;
	}*/
span.jobDate
{
	 color: #fff; 
	 font-weight: bold;
	 font-size: 12px;
	 width: 235px;
	 background-image:   url(images/date_bck2.png);
	 background-repeat: no-repeat;
	 background-position: top center;
	 padding: 7px 0 23px 0;
	 text-indent: 10px;
	 float: left;
	 position: relative;
	 right: 33px;
	 *right: 34px!important;
	 margin-top: 30px;
}
span.jobTitle
{
 	 color:#fff;
	 font-weight:bold;
	 position: relative;
	 top: -20px;
	 float: left;
	 font-size: 16px;
	 margin-left: 20px;
	 margin-top: 30px;
	 width: 476px;
	 background-image:   url(images/job_title_bck3.png);
	 background-repeat: no-repeat;
	 background-position: center;
	 padding: 25px 0 20px 75px;
	 border: 1px soild red;
}
div#contentExp p, div#contentPort p
{
	  clear: both;
	  margin-bottom: 10px;
	  margin-top: 10px;
}
.list  
{
	list-style:   url(images/star_bullet3.png); 
	margin-top:-5px;
	line-height: 1.8;
	*line-height: 2.0!important;
	margin-left: 20px;
	padding-left:20px;
	margin-bottom: 40px;
}
ul.innerList
{
	list-style:   url(images/star_bullet2.png);
}
ul.outerList
{
	list-style:   url(images/star_bullet3.png);
}
 ul.listNone
{
	list-style-type: none!important;
}
li.ref
{
	color:#306d32;
	 font-weight:bold;
}
div#contentExp a:link, div#contentExp a:visited, div#contentPort a:link, div#contentPort a:visited, div#contentRef a:link, div#contentRef a:visited, div#contentCont a:link, div#contentCont a:visited, div#contentFree a:link, div#contentFree a:visited, div#contentCV a:link, div#contentCV a:visited
{
	color:#ff7a17 !important;
	background-color:#fff;
	font-weight: bold;
	text-decoration: none;
}
div#contentExp a:hover, div#contentPort a:hover, div#contentRef a:hover, div#contentCont a:hover, div#contentFree a:hover, div#contentCV a:hover
{
	color:#fe0a09 !important;
	background-color:#fff;
	text-decoration: underline;
}

dl dt
{
	margin-top:10px;
	clear: both;
}

dl dd
{
	margin-bottom:30px;
	margin-left: 0!important;
}
span.datePort
{
	font-weight: bold;
	color: #29cc4b;
}




#horizontalNav a
{
	display:inline; 
	font-weight:bold; 
	position: relative;
	top: 5px;
	right: 25px;
	
}
#horizontalNav a#eMails
{
	margin-right: 50px;
}
#horizontalNav a#webImages
{
	margin-right: 20px;
}
#horizontalNav a#newsletters
{
	margin: 0 23px 0 0;
}

#horizontalNav a#webBanners
{
	margin: 0 15px 0 0;
}
#horizontalNav a#flashPort
{
	margin: 0 62px 0 0;
}
#horizontalNav a#printPort
{
	margin: 0 64px 0 0;
}
#horizontalNav a#logosPort
{
	margin: 0 56px 0 0;
}
#horizontalNav a#illustrations
{
	margin: 0 31px 0 0;
}
#horizontalNav a#gameInterface
{
	position: relative;
	left: 0;
}
/* Portfolio page added horizontal navigation */ 
 div#contentPort #horizontalNav a:link, div#contentPort #horizontalNav a:visited
{
	text-decoration: none; 
	background-color: transparent !important;
	color: #fff !important;
}

div#contentPort #horizontalNav a:hover
{
	text-decoration: none; 
	color: #fdfa4b !important;
}

/* return to top */
 div#contentPort a.top:link,   div#contentPort a.top:visited, div#contentExp a.top:link,   div#contentExp a.top:visited
{
	color: #fb1a19 !important;
	text-decoration: none;
}
 div#contentPort a.top:hover, div#contentExp a.top:hover
{
	text-decoration: underline;
}
/*Harry Reference*/
div#harryRef
{
	line-height: 1.8; 
	font-size: 16px; 
	color:#fff; 
	width: 900px; 
	position: relative; 
	bottom: 40px;
	right: 8px; 
	margin-bottom: 20px;
	margin-right: 20px;
}
div#harryRef p.italic
{
	font-style: italic;
}
strong.yellow
{
	color: #fdfa4b;
}

/*Margin bottom on pages*/
div#contentCont table, div#contentFree p, div#contentCV p
{
	margin-bottom: 75px;

}
	/*CONTENT finished++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
	p#copy
	{
		font: 12px Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 10px auto;
	}

	/*FREELANCE PAGE*/
	
table.freelanceTable
{
		margin-right: 30px; 
		clear: both; 
		margin-bottom:65px;
}