/* CSS Document */
/*mainpage CSS*/

	BODY {	
			background-color:#FFFFFF;
		  }

	H1 { font-size: 1em; color:#003366}
	
	a {font-size: 0px;}
	a:link {text-decoration: none;}
	a:visited {text-decoration: none;}
	a:hover {text-decoration: none;}
	a:active {text-decoration: none;}

	DIV.BackgroundImage {position:absolute;
						 left:0px;
						 top:0px;
						 z-index:0;
						 }
	DIV.MainImageFrontPage {		background:url('web assets/background.jpg') no-repeat 0em 5em;
									position:absolute;
									margin-top:5em;
									left:30%;
									height:500px;
									overflow:inherit;
									z-index:20;
									}
								
									
	DIV.TitleBanner {				
									position:absolute;
									margin: 0;
									padding: 0;
									text-align:left;
									left:200px;
									top:380px;
									z-index:0;}
									
	H1.portfolioTITLE {				position:absolute;
									top:-1em;
									left:0em;
									z-index:0;
	}

	a.Changesections {				position:absolute;
									top:-1em;
									left:495px;
									z-index:10;
	}
	
	a.info {				position:absolute;
									top:55em;
									left:1em;
									z-index:10;
									width:20em;
	}

	a.conr				{	position:absolute;
									top:41em;
									left:-21.5em;
									z-index:10;
									}

	P.maintextfrontpage:first-line {

      text-transform:lowercase;  }

    P.maintextfrontpage:first-letter {

      font-size:5em;}	
	  
	p.maintextfrontpage {			background-color:transparent;
									color:#999999;
									font-size:0.85em;
									text-align:justify;
									word-spacing: 0.3em;
									
									position:absolute;
									top:50em; 
									font-size:0.75em;
									left:-22em;
									
									z-index:1}
							
	IMG.news	{}
	
/*thumbnail's 'body'*/
	DIV.ThumbnailBODY {				background:url('web assets/sky.jpg') repeat-x 0em 0em;
									background-color:transparent;
									position:absolute;
									top:0em;
									left:180px;
									overflow:visible;
									height:300px;
									width:100%;
									padding:1.5em;
	}
	
/*thumbnail column subsections*/ /*adjust the 'right:xxx' as necessary*/
	DIV.WhereTheThumbnailsAre {		background-color:transparent;
									position:absolute;
									width:100px;
									left:750px;
									top:5em;
									}
								
	DIV.WhereTheGamesThumbnailsAre {background-color:transparent;
									position:absolute;
									width:100px;
									top:5em;
									left:600px;
									}
									
	DIV.WhereTheFolder061006Is {	background-color:transparent;
									position:absolute;
									width:100px;
									left:400px;
									top:5em;
									}
									
	DIV.WhereTheFolder061009Is {	background-color:transparent;
									position:absolute;
									width:100px;
									left:250px;
									top:5em;
									}

	DIV.WhereTheFolder061130Is {	background-color:transparent;
									position:absolute;
									width:100px;
									left:100px;
									top:5em;
									}

	DIV.advertisement {position:absolute;
					   top:30em;			   
					   left:30em;
					   max-width:10em;
					   z-index:-10;
					   }
					   					
/*Image gallery CSS*/
  	H2 {font-size: 1em; font-style: normal; color: #6699CC}
	
	BODY.imagedisplay { 
	margin-left: 1em;
	margin-right: 1em;
	
	background-color:#FFFFFF;
	background:}
	
	DIV.WhereTheImageIs {	background-color:transparent;
							position:absolute;
							left:0.25em;
							top:15%;
							right:5%;
							bottom:5%;
							text-align:center;}
							
							DIV.WhereTheImageIsSecond {	background-color:transparent;
							position:absolute;
							left:0.25em;
							top:80%;
							right:5%;
							bottom:5%;
							text-align:center;}

	DIV.textimagegallery {background-color:transparent; color:#99CCFF;
							border:3em; border-color:#FFFFFF; position:absolute;
							left:20em; right:5%; top:5%; width:30em; text-align:left;}
	
	DIV.prevnextcombo {background-color:transparent;
							position:absolute;
							left:0px;
							width:350px;
							top:50px;
							right:5%;
							bottom:5%}