* {
padding: 0;
margin: 0;}

body {	
	background-color: #ffcc00;
	background-image: url("BD_Container.jpg");
	background-repeat:repeat;
    background-position: top;
	font-family: Arial;
	font-weight :bolder ;
	padding: 0;
	margin: 0 auto;
	line-height: 19px;	}

#container 
{
    min-height: 98%;
    /*position: absolute; */
    width: 1000px;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: -20px;
    height: 800px; 
}


/* -----------  Hyperlinks style ---------  */

a:LINK {
	text-decoration: underline;
	color:#000000;
	}
	
a:VISITED {
	text-decoration: none;
	color:#000000;	}
	
a:HOVER {
	/*text-decoration: underline;*/
	text-decoration: none;
	color:#ffffff;	}


/*  ###### Portfolio Navigation #####  */



#LogoPos
{
    display: block;
    position: absolute;
    z-index: 1;
    margin-top:0px;
    margin-left:00px;
}

#HomePos
{
    display: block;
    position: absolute;
    z-index: 2;
    margin-top:30px;
    margin-left:170px;
   
}

#Home
{
  display: block;
  width: 127px;
  height: 22px;
  background: url("Home.png") no-repeat 0 0;
}

#Home:hover
{ 
  background-position: 0 -22px;
}

#Home span
{
  display: none;
}

#PortfolioPos
{
    position: absolute;
    z-index: 3;
    margin-top:30px;
    margin-left:330px;
   
}

#Portfolio
{
  display: block;
  width: 252px;
  height: 25px;
  background: url("Portfolio.png") no-repeat 0 0;
}

#Portfolio:hover
{ 
  background-position: 0 -25px;
}

#Portfolio span
{
  display: none;
}


#KeySkillsPos
{
    position: absolute;
    z-index: 4;
    margin-top:30px;
    margin-left:620px;    
}


#KeySkills
{
  display: block;
  width: 264px;
  height: 22px;
  background: url("KeySkills.png") no-repeat 0 0;
}

#KeySkills:hover
{ 
  background-position: 0 -22px;
}

#KeySkills span
{
  display: none;
}

#WorkPos
{
    position: absolute;
    z-index: 5;
    margin-top:70px;
    margin-left:170px;    
}

#Work
{
  display: block;
  width: 134px;
  height: 22px;
  background: url("Work.png") no-repeat 0 0;
}

#Work:hover
{ 
  background-position: 0 -22px;
}

#Work span
{
  display: none;
}


#EducationPos
{
    position: absolute;
    z-index: 6;
    margin-top:70px;
    margin-left:330px;    
}

#Education
{
  display: block;
  width: 264px;
  height: 22px;
  background: url("Education.png") no-repeat 0 0;
}

#Education:hover
{ 
  background-position: 0 -22px;
}

#Education span
{
  display: none;
}



#WebsitesPos
{
    position: absolute;
    z-index: 7;
    margin-top:70px;
    margin-left:610px;    
}

#Websites
{
  display: block;
  width: 264px;
  height: 22px;
  background: url("Websites2.png") no-repeat 0 0;
}

#Websites:hover
{ 
  background-position: 0 -22px;
}

#Websites span
{
  display: none;
}

#PhotosPos
{
    position: absolute;
    z-index: 8;
    margin-top:110px;
    margin-left:260px;    
}

#Photos
{
  display: block;
  width: 184px;
  height: 22px;
  background: url("Photos.png") no-repeat 0 0;
}

#Photos:hover
{ 
  background-position: 0 -22px;
}

#Photos span
{
  display: none;
}

#Designs2Pos
{
    position: absolute;
    z-index: 9;
    margin-top:110px;
    margin-left:490px;    
}

#Designs2
{
  display: block;
  width: 206px;
  height: 22px;
  background: url("Designs2.png") no-repeat 0 0;
}

#Designs2:hover
{ 
  background-position: 0 -22px;
}

#Designs2 span
{
  display: none;
}


#FlickrPhotos
{
top:150px;

}



/*  ###### Portfolio Home Positioning #####  */


#Hi
{
    z-index: 10;
    display: block;
    position: absolute;
    top:170px;
    left:320px; 
         
}


#face
{
    z-index: 11;
    display: block;
    position: absolute;
    top:160px;
    left:755px; 
         
}

#IntroText 
{
    z-index: 12;
    display: block;
    position: absolute;
    top:360px;
    left:300px; 
    width: 600px;   	
}


#LinkedInPos
{
    position: absolute;
    z-index: 13;
    top:710px;
    left:350px;    
}

#LinkedIn
{
  display: block;
  width: 119px;
  height: 32px;
  background: url("LinkedIn2.png") no-repeat 0 0;
}

#LinkedIn:hover
{ 
  background-position: 0 -32px;
}

#LinkedIn span
{
  display: none;
}

#WordCVPos
{
    position: absolute;
    z-index: 14;
    top:710px;
    left:500px;    
}

#WordCV
{
  display: block;
  width: 119px;
  height: 32px;
  background: url("WordCV.png") no-repeat 0 0;
}

#WordCV:hover
{ 
  background-position: 0 -32px;
}

#WordCV span
{
  display: none;
}

#pdfCVPos
{
    position: absolute;
    z-index: 15;
    top:710px;
    left:645px;    
}

#pdfCV
{
  display: block;
  width: 119px;
  height: 32px;
  background: url("pdfCV.png") no-repeat 0 0;
}

#pdfCV:hover
{ 
  background-position: 0 -32px;
}

#pdfCV span
{
  display: none;
}


/*  ###### Key Skills Positioning #####  */


#KeySkillstext 
{
    z-index: 11;
    display: block;
    position: absolute;
    top: 180px;
    left:300px; 
}

#Collage1
{
    z-index: 12;
    /*display: block;*/
    position: absolute;
    top:250px;
    left:550px; 
}

#Languages
{
    z-index: 13;
    display: block;
    position: absolute;
    top:260px;
    left:220px; 
}


#LanguagesText
{
    z-index: 14;
    /*display: block;*/
    position: absolute;
    top:310px;
    left:240px; 
}

#Databases
{
    z-index: 15;
    /*display: block;*/
    position: absolute;
    top:360px;
    left:220px; 
}

#DatabasesText
{
    z-index: 16;
    /*display: block;*/
    position: absolute;
    top:410px;
    left:230px;
}

#Software
{
    z-index: 17;
    /*display: block;*/
    position: absolute;
    top:500px;
    left:220px; 
}

#SoftwareText
{
    z-index: 18;
    display: block;
    position: absolute;
    top:550px;
    left:240px;
}



/*  ###### Work Positioning #####  */

#WorkExperience2
{
    z-index: 10;
    display: block;
    position: absolute;
    margin-top:210px;
    margin-left:30px; 
}



#WorkArimLogo
{
    z-index: 11;
    display: block;
    position: absolute;
    top:240px;
    left:280px;}
    


#WorkArimText 
{
    z-index: 12;
    display: block;
    position: absolute;
    top:250px;
    left:500px;
    width: 500px;
   
}

#WorkUKHomeLets
{
    z-index: 13;
    display: block;
    position: absolute;
    top:400px;
    left:260px;}
    


#WorkUKHomeLetsText 
{
    z-index: 14;
    display: block;
    position: absolute;
    top:400px;
    left:500px;
    width: 500px;
   
}

#WorkGCCLand
{
    z-index: 15;
    display: block;
    position: absolute;
    top:560px;
    left:320px;}
    


#WorkGCCLandText
{
    z-index: 16;
    display: block;
    position: absolute;
    top:560px;
    left:500px;
    width: 500px;
   
}







/*  ###### Work1 Positioning #####  */

#WorkExperience
{
    z-index: 8;
    display: block;
    position: absolute;
    margin-top:170px;
    margin-left:70px; 
}

#Arim
{
    z-index: 9;
    display: block;
    position: absolute;
    margin-top:240px;
    margin-left:70px; 
}

#arimLogo
{
    z-index: 10;
    display: block;
    position: absolute;
    margin-top:230px;
    margin-left:500px;}
    


#ArimText 
{
    z-index: 11;
    display: block;
    position: absolute;
    margin-top:300px;
    margin-left:100px;
    width: 700px;
   
}

#Intranet1
{
    z-index: 14;
    position: absolute;
    margin-top:670px;
    margin-left:50px;  
}

#Intranet2
{
    z-index: 15;
    position: absolute;
    margin-top:670px;
    margin-left:230px;  
}

#Intranet3
{
    z-index: 16;
    position: absolute;
    margin-top:670px;
    margin-left:400px;  
}

#Intranet4
{
    z-index: 17;
    position: absolute;
    margin-top:670px;
    margin-left:580px;  
}

#Intranet5
{
    z-index: 18;
    position: absolute;
    margin-top:670px;
    margin-left:760px;  
}

#Work1_Nav 
{
    z-index: 19;
    position: absolute;
    margin-top:820px;
    margin-left:760px;  
}


/*  ###### Work2 Positioning #####  */

#WorkExperience2
{
    z-index: 8;
    display: block;
    position: absolute;
    margin-top:170px;
    margin-left:70px;
}

#UkHomeLets
{
    z-index: 9;
    display: block;
    position: absolute;
    margin-top:240px;
    margin-left:70px; 
}

#ukhlLogo
{
    z-index: 10;
    display: block;
    position: absolute;
    margin-top:230px;
    margin-left:500px;}
    


#UkHLText 
{
    z-index: 11;
    display: block;
    position: absolute;
    margin-top:300px;
    margin-left:100px;
    width: 700px;
   
}

#UKHL1
{
    z-index: 12;
    position: absolute;
    margin-top:700px;
    margin-left:130px;  
}

#UKHL2
{
    z-index: 13;
    position: absolute;
    margin-top:700px;
    margin-left:490px;  
}

#Work2a_Nav 
{
    z-index: 19;
    position: absolute;
    margin-top:860px;
    margin-left:30px;  
}

#Work2_Nav 
{
    z-index: 19;
    position: absolute;
    margin-top:860px;
    margin-left:780px;  
}





/*  ###### Work3 Positioning #####  */

#WorkExperience3
{
    z-index: 8;
    display: block;
    position: absolute;
    margin-top:170px;
    margin-left:70px;
}

#gccLand
{
    z-index: 9;
    display: block;
    position: absolute;
     margin-top:240px;
    margin-left:70px; 
}

#gccLogo
{
    z-index: 10;
    display: block;
    position: absolute;
    margin-top:180px;
    margin-left:630px;}
    

#gccLandText 
{
    z-index: 11;
    display: block;
    position: absolute;
    margin-top:300px;
    margin-left:100px;
    width: 700px;
   
}

#LS1
{
    z-index: 12;
    position: absolute;
    margin-top:600px;
    margin-left:100px;  
}

#LS2
{
    z-index: 13;
    position: absolute;
    margin-top:600px;
    margin-left:360px;  
}

#LS3
{
    z-index: 14;
    position: absolute;
    margin-top:600px;
    margin-left:630px;  
}

#Work3a_Nav 
{
    z-index: 15;
    position: absolute;
    margin-top:780px;
    margin-left:30px;  
}

#Work3_Nav 
{
    z-index: 15;
    position: absolute;
    margin-top:780px;
    margin-left:780px;  
}

#Work4a_Nav 
{
    z-index: 17;
    position: absolute;
    margin-top:690px;
    margin-left:30px;  
}

/*  ###### Education Positioning #####  */

#EducationHeading
{
    z-index: 8;
    display: block;
    position: absolute;
    margin-top:170px;
    margin-left:120px;
}

#uws {

    z-index: 9;
    display: block;
    position: absolute;
    margin-top:350px;
    margin-left:450px;
}

#ciw {

    z-index: 10;
    display: block;
    position: absolute;
    margin-top:540px;
    margin-left:520px;
}

#stow {

    z-index: 11;
    display: block;
    position: absolute;
    margin-top:610px;
    margin-left:590px;
}

#EducationText 
{
    z-index: 12;
    display: block;
    position: absolute;
    margin-top:230px;
    margin-left:150px;
    width: 500px; 
}

ul 
{
    margin-left: 0;
    padding: 20px;
	text-indent: 0.5em; 
}



/*  ###### Websites ######## */

#WebsitesHeading
{
    z-index: 8;
    display: block;
    position: absolute;
    margin-top:180px;
    margin-left:120px;
}


#wsArimpos 

{
    z-index: 9;
    display: block;
    position: absolute;
    margin-top:250px;
    margin-left:100px; 
}

#wsArimText 
{
  z-index: 10;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:260px;
    margin-left:400px;
    width: 500px;   
}

#wsSBpos 

{
    z-index: 11;
    display: block;
    position: absolute;
    margin-top:500px;
    margin-left:100px; 
}

#wsSBtext 
{
  z-index: 12;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:510px;
    margin-left:400px;
    width: 500px;   
}

#wsCaderoPos

{
    z-index: 13;
    display: block;
    position: absolute;
    margin-top:740px;
    margin-left:100px; 
}

#wsCaderoText 
{
  z-index: 14;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:750px;
    margin-left:400px;
    width: 500px;   
}

#wsASpos

{
    z-index: 15;
    display: block;
    position: absolute;
    margin-top:940px;
    margin-left:100px; 
}

#wsSAspos
{
  z-index: 16;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:950px;
    margin-left:400px;
    width: 500px;   
}


#wsStaticPos

{
    z-index: 17;
    display: block;
    position: absolute;
    margin-top:1150px;
    margin-left:100px; 
}

#wsStaticText 
{
  z-index: 18;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:1160px;
    margin-left:400px;
    width: 500px;   
}


#wsWKSFApos

{
    z-index: 19;
    display: block;
    position: absolute;
    margin-top:1340px;
    margin-left:100px; 
}

#wsWKSFAText 
{
  z-index: 20;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:1350px;
    margin-left:400px;
    width: 500px;   
}

#wsWKSFATSpos

{
    z-index: 21;
    display: block;
    position: absolute;
    margin-top:1550px;
    margin-left:100px; 
}

#wsWKSFATSText 
{
  z-index: 22;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:1560px;
    margin-left:400px;
    width: 500px;   
}

#wsWKFApos

{
    z-index: 23;
    display: block;
    position: absolute;
    margin-top:1750px;
    margin-left:100px; 
}

#wsWKFAText 
{
  z-index: 24;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:1760px;
    margin-left:400px;
    width: 500px;   
}

#wsCBCpos

{
    z-index: 25;
    display: block;
    position: absolute;
    margin-top:1950px;
    margin-left:100px; 
}

#wsCBCText 
{
  z-index: 26;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:1960px;
    margin-left:400px;
    width: 500px;   
}

#wsTIPpos

{
    z-index: 27;
    display: block;
    position: absolute;
    margin-top:2150px;
    margin-left:100px; 
}

#wsTIPText 
{
  z-index: 28;
  font-size: 1em;
  font-weight:normal;
    display: block;
    position: absolute;
    margin-top:2160px;
    margin-left:400px;
    width: 500px;   
}


/* #### Photos Page ##### */

#PhotoHeading 
{
    z-index: 8;
    position: absolute;
    margin-top:200px;
    margin-left:0px;
}


#FlickrPhotos
{
    z-index: 9;
    position: absolute;
    top:240px;

}