html, body{
text-align: center; 
background-image: url(../images/flatrob_background.jpg);
background-position: center;
background-color:#8AA0AD;

}

.navigation a:link{
color: rgb(1, 83, 163);
}
.navigation a:visited{
color: rgb(1, 83, 163);
}
.navigation a{
text-decoration:none;
}
.navigation a:hover{
color: white;
}

a:link{
color: white;
}
a:visited{
color: white;
}
a{
text-decoration:none;
border:none;
margin:0;
}
a:hover{
color: white;
text-decoration:underline;
}

#wrapper{

width: 600px;
padding: 0;
margin: auto auto;
text-align: left;


}

.top {

width: 100%;
height: 160px;
border: 1px dashed black;
background-image: url(../images/face_banner.jpg);
background-color:#8AA0AD;
background-repeat:no-repeat;

padding-left: 10px;
padding-right:10px;
margin-bottom: 10px;


}
.bottom {

width: 100%;
height: 160px;
border: 1px dashed black;
background-image: url(../images/bottom.jpg);
background-color:#8AA0AD;
background-repeat:no-repeat;

padding-left: 10px;
padding-right:10px;
margin-bottom: 10px;
margin-top: 10px;


}


.navigation li {
display:inline;
padding:0;
}
.navigation ul {
display:inline;
text-align:right;
padding:0;

}

#tag{
color:rgb(1, 83, 163);
font-weight: bold;
margin: 0;
font-style: italic;
padding-left:5px;
float: left;
width:10px;

}

.navigation {

width: 100%;
height: 20px;
border: 1px dashed black;
background-color:#8AA0AD;
padding: 10px;
color:rgb(1, 83, 163);
text-decoration: none;
text-align: right;
margin-bottom: 10px;



}


.content {

width: 100%;
height:500px;
border: 1px dashed black;
background-color:#8AA0AD;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

padding: 10px;

}

p {
text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

}

.Projcontent {

width: 100%;
height:500px;
border: 1px dashed black;
background-color:#8AA0AD;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

padding: 10px;
overflow:auto;


  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #8AA0AD;
  scrollbar-highlight-color: #8AA0AD;
  scrollbar-face-color: rgb(0, 102, 204);
  scrollbar-shadow-color: #8AA0AD;
  scrollbar-darkshadow-color: #8AA0AD;
  scrollbar-track-color: #8AA0AD;
 
}

.Projcontent2{
width:96%;
height:43%;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

}


.ProjectPicL{
width:40%;
height:43%;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);
float:left;

}

.ProjectPicL2{
width:40%;
height:43%;

text-align: right;
font-style: italic;
color:rgb(1, 83, 163);
float:left;

padding-left:50px;

}

.ProjectTextR{
width:85%;
height:43%;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

}

.ProjectcontentUniPages{
width: 100%;
height:500px;
border: 1px dashed black;
background-color:#8AA0AD;

text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

padding: 10px;
overflow:auto;


  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #8AA0AD;
  scrollbar-highlight-color: #8AA0AD;
  scrollbar-face-color: rgb(0, 102, 204);
  scrollbar-shadow-color: #8AA0AD;
  scrollbar-darkshadow-color: #8AA0AD;
  scrollbar-track-color: #8AA0AD;
}

.directorParts{
text-align:center;

}

p2 {
text-align: left;
font-style: italic;
color:rgb(1, 83, 163);

}