@charset "UTF-8";
*{
padding:0px;
margin:0px;
font-family:arial;
color:#FFFFFF;
}
html{
background-color:#000000;
}
body{
text-align:center;
background-image:url(headerbgv2.png);
background-repeat:repeat-x;
background-position:0px 50px;
}
body#main{
  text-align:center;
  background-image:none;
  background-image:url(headerbgmain.png);
  background-repeat:repeat-x;
  background-position:100px 50px;
}
header{
bordser-bottom:solid 2px;
text-align:center;
height:250px;
borsder-color:#0077bb;
}
form label{
  display:block;
  padding-top:35px;
}
form input{
  display:block;
  width:300px;
  color:#000000;
}
form textarea#message{
  width:450px;
  height:200px;
  display:block;
  color:#000000;
}
form#contactform button{
  color:#000000;
  padding:10px;
}
.teamtitle{
  padding:10px;
  display:block;
  height:90px;
  backgrssound-color:#334455;
  color:#FFFFFF;
  overflow:hidden;
  color:#FFAA00;
  padding-top:80px;
}
section.splitright .teamtitle{
  background-color:#445566;
}
.teamtitle span.titlerole{
  color:#FFAA00;
  width:100px;
  display:block;
  height:30px;
  padding-top:10px;
  //background-color:#334455;
}
nav{
margin:0 auto;
text-align:left;
width:920px;
padding-left:25px;
padding-right:25px;
height:50px;
}
nav #logo{
  height:20px;
  margin-top:15px;
  background-image:url(riviaresearchlogo3.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-size:contain;

  display:inline;
  float:left;
  width:300px;
  bordser:solid 3px;
  borsder-color:#FF0000;
}
nav p{
  float:left;
  display:inline;
  font-size:28px;
  padding:0px;
  padding-top:9px;
  padding-left:10px;
  color:#FFAA00;
}
nav p span{
  color:#FFFFFF;
}
nav ul{
display:inline;
float:right;
height:50px;
width:550px;
}
p{
  text-align:justify;
}

#mainheaderdata{
  margin:0 auto;
  text-align:left;

  backgrosund-image:url(eyeheader.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
height:150px;
}

#headerdata{
  margin:0 auto;
  text-align:left;
  width:920px;
  padding-left:25px;
  padding-right:25px;
  background-image:url(strategy.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  height:200px;
}
#headerdata5{
  margin:0 auto;
  text-align:left;
  width:920px;
  padding-left:25px;
  padding-right:25px;
  background-image:url(aboutheader.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  height:200px;
}
#headerdata3{
  margin:0 auto;
  text-align:center;
  width:920px;
  padding-left:25px;
  padding-right:25px;
  background-image:url(sab.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  height:200px;
}
#headerdata2{
  margin:0 auto;
  text-align:center;
  width:920px;
  padding-left:25px;
  padding-right:25px;
  background-image:url(eyeheader2.png);
  background-repeat:no-repeat;
  background-position:center 0px;
  height:300px;
}

#headerdata p{
  color:#CCCCCC;
  width:550px;
  float:right;
  padding-top:50px;
  font-size:30px;
}
#headerdata p.team{
  padding-top:120px;
    font-size:40px;
}
#headerdata2 p{
  color:#CCCCCC;
  width:500px;
  flosat:right;
  margin:0 auto;
  padding-top:80px;
  font-size:40px;
  borsder:solid 1px;
  border-color:#FFFFFF;
}
p.large{
  font-size:40px;
  padding-top:20px;
}
.imagelinkcontainer{
  width:auto;
  border-color:#AAAAAA;
  height:auto;
}

section.splitright a{
  margin:0 auto;
  borsder:solid 3px;
  borsder-color:#FFCCCC;
  overflow:hidden;
  heigsht:200px;
  display:block;
  wisdth:327px;
}
section.splitright a img{
    display:block;
    width:100%;
    height:auto;
}
.reference{
  padding-bottom:30px;
}
section.splitright a:hover{
  border:solid 3px;
  border-color:#000000;
}
nav ul li{
display:inline;
float:left;
height:50px;
width:24%;
text-align:center;
margin-lseft:10px;
}
nav ul li a, nav ul li a:link, nav ul li a:visited{
height:32px;
padding-top:18px;
wsidth:100px;
display:block;
text-decoration:none;
color:#FFFFFF;
font-size:16px;
}
a.active, a.active:link, a.active:visited, nav ul li a:hover{
background-image:url(snav.png);
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#666666;
color:#FFFFFF;
}
article{
margin:0 auto;
width:920px;
padding-left:25px;
padding-right:25px;
text-align:left;
paddsing-top:30px;
padding-bottom:30px;
overflow:hidden;
height:auto;
}
section.main1{
  display:inline;
  float:left;
  width:25%;
  padding-left:4%;
  padding-right:4%;
  padding-top:25px;
  background-color:#111111;
  color:#FFFFFF;
  height:275px;
}
section.main2{
display:inline;
float:left;
width:25%;
padding-left:4%;
padding-right:4%;
padding-top:25px;
background-color:#222222;
color:#FFFFFF;
height:275px;

display:inline;
float:left;
width:46%;
padding-left:2%;
padding-right:2%;

padding-bottom:20px;
backsground-color:#116688;
colsor:#FFFFFF;
height:150px;
}
section.main3{
  display:inline;
  float:left;
  width:25%;
  padding-left:4%;
  padding-right:4%;
  padding-top:25px;
  background-color:#333333;
  color:#FFFFFF;
  height:275px;

  display:inline;
  float:left;
  width:46%;
  padding-left:2%;
  padding-right:2%;

  padding-bottom:20px;
  backgrousnd-color:#113388;
  color:#FFFFFF;
height:150px;
}
.teamblock{
  display:block;
  height:300px;
  backgrsound-color:#aa0000;
  overflow:hidden;
  width:100%;
}
.teamblock #photocontainer1{
    backgrosund-color:#aa00FF;
  width:250px;
  height:250px;
  display:inline;
  float:left;
  background-image:url(photo1.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-size:contain;
}
.teamblock #photocontainer2{
  backgsround-color:#aaFF00;
  width:250px;
  height:250px;
  display:inline;
  float:left;
  background-image:url(photo2.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-size:contain;
}
section.splitleft{
  display:inline;
  float:left;
  width:50%;
  padding-left:0%;
  padding-right:0%;
  padding-top:0px;
  padding-bottom:20px;
  backsground-color:#116688;
  colsor:#FFFFFF;
  height:auto;
}
section.splitright{
  display:inline;
  float:left;
  width:50%;
  padding-left:0%;
  padding-right:0%;
  padding-top:0px;
  padding-bottom:20px;
  backgrousnd-color:#113388;
  color:#FFFFFF;
  height:auto;
}
section.splitleft{
  overflow:hidden;
}
section.splitright{
  overflow:hidden;
}
section.splitleft img{
  width:100%;
  height:100%;
  object-fit:cover;
}
section.splitright img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.articlecontent{
  height:auto;
  overflow:hidden;
  backgrosund-color:#FF0000;
  clear:both;
}

h1{
font-size:34px;
font-weight:normal;
color:#FFAA00;
padding-bottom:30px;
padding-top:40px;
}
h1.center{
text-align:center;
}
h2{
padding-top:15px;
font-size:24px;
font-weight:bold;
color:#FFAA00;
padding-bottom:15px;
}
h3{
font-size:18px;
font-weight:bold;
color:#000000;
padding-bottom:5px;
}
p{
font-size:16px;
font-weight:normal;
padding-bottom:25px;
}

ul.team{
padding-tsop:50px;
backsground-color:#66EEEE;
}


article{
margin:0 auto;
width:920px;
padding-left:25px;
padding-right:25px;
text-align:left;
paddsing-top:30px;
padding-bottom:30px;
overflow:hidden;
height:auto;
}



ul.team li{
list-style-type:none;
height:auto;
overflow:hidden;
padding-bottom:70px;
backgsround-color:#DDDD66;
}
ul.team li .titlecontainer{
  display:block;
  height:60px;
  background-color:#000000;
  overflow:hidden;
}
ul.team li p.title{
font-weight:normal;
color:#FFFFFF;
font-size:17px;
background-color:#1166AA;
height:50px;
padding-top:10px;
padding-bottom:0px;
float:left;
display:inline;
width:280px;
padding-left:20px;
}
ul.team li p.name{
color:#FFFFFF;
padding-left:20px;
background-color:#000000;
float:left;
display:inline;
width:600px;
height:50px;
padding-top:10px;
}
ul.team li img{
display:inline;
float:left;
width:165px;
}
ul.team li .description{
display:inline;
float:left;
width:725px;
padding-left:30px;
padding-top:20px;
}
ul.publications{
padding-bottom:50px;
clear:both;
}
ul.publications li{
list-style-type:none;
padding-top:25px;
}
ul.publications li a:hover{
color:#aaaaaa;
}
ol.references{
padding-bottom:10px;
}
ol.references li{
margin-left:25px;
}


@media screen and (max-width: 1200px) {
  #mainheaderdata{
  height:auto;
  overflow:hidden;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  }

  nav{
  width:100%;
    overflow:hidden;
    padding:0px;
  }
  nav ul{
  width:50%;
  display:inline;

  }

  nav ul li{
  dispslay:block;
  flosat:none;
  width:25%;
  }


  article{
  margin:0 auto;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
  paddsing-top:30px;
  padding-bottom:30px;
  overflow:hidden;
  height:auto;
  backgsround-color:#FF0000;
  }
  section.splitleft{



    padding-top:0px;
    backsground-color:#116688;
    colsor:#FFFFFF;
    height:auto;
  }
  section.splitright{


    padsding-top:25px;
    backgrosund-color:#113388;
    color:#FFFFFF;
  }
  #headerdata2{
    width:100%;
padding:0px;
  }
  #headerdata{
        width:100%;
    padding:0px;

  }
  #headerdata3{
        width:100%;
    padding:0px;

  }
  #headerdata5{
    width:100%;
padding:0px;
  }
  #headerdata2 p{
    color:#CCCCCC;

    flosat:right;
    margin:0 auto;
    padding-top:80px;
    font-size:40px;
    borsder:solid 1px;
    border-color:#FFFFFF;


          width:250px;
          pasdding-top:60px;
          padding-right:20px;
  }

  .articlecontent{
    height:auto;
    overflow:hidden;
    width:90%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li .titlecontainer{
    height:60px;
  }
  ul.team li p.title{
  height:50px;
  padding-top:10px;

  }
  ul.team li p.name{
  height:50px;
  padding-top:10px;
  }
  ul.team li p.title{

    width:30%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li p.name{

  width:50%;
  padding-left:5%;
  padding-right:5%;
  }

  ul.team li .description{
    display:block;
    float:none;
  width:auto;
overflow:hidden;
height:auto;
padding-right:20px;
  }

  #headerdata{
    width:100%;
  }

  #headerdata p.team{
    width:50%;
    padding-top:120px;
    padding-right:20px;
  }
    #headerdata p.products{
      width:50%;
      padding-right:20px;
    }

    nav #logo{
      background-position:25px 0px;
    }
}


@media screen
and (min-width: 55em)
and (max-width: 700px){
  #headerdata{
    background-size:contain;
    background-position:center center;
  }
#headerdata3{
  background-size:contain;
  background-position:center center;
}
  ul.team li .titlecontainer{
    height:80px;
  }
  ul.team li p.title{
  height:70px;
  padding-top:10px;

  }
  ul.team li p.name{
  height:70px;
  padding-top:10px;
  }
  #mainheaderdata{
  height:auto;
  overflow:hidden;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  }

  header{
    width:100%;
    bordser:solid 10px;
  height:auto;
  ovesrflow:hidden;
  }

  section.main1{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:40px;
    padding-bosttom:40px;
    color:#FFFFFF;
    height:150px;
    font-size:50px;
  }
  section.main2{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:25px;
    padding-bottosm:25px;
  color:#FFFFFF;
    height:150px;
  }
  section.main3{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:25px;
    padding-botstom:25px;
    color:#FFFFFF;
    height:150px;
  }

#headerdata2{
width:100%;
}
#headerdata5{
width:100%;
}
#headerdata3{
width:100%;

}
  nav{
  width:100%;
    overflow:hidden;
    padding:0px;
  }
  nav ul{
  width:35px;
  display:inline;
  right:0;
  overflow:hidden;
  position:absolute;
  padding-top:50px;
  height:1px;
  background-image:url(menu.png);
  background-repeat:no-repeat;
  background-position:right 10px;
  }
  nav ul:hover{
background-color:#AAAAAA;
height:auto;
  width:25%;
  background-image:none;
  }
  nav ul li{
  display:block;
  float:none;
  width:100%;
  }
  nav ul li a, nav ul li a:link, nav ul li a:visited{
  height:32px;
  padding-top:18px;
  width:100%;
  display:block;
  text-decoration:none;
  color:#000000;
  font-size:16px;
  }
  a.active, a.active:link, a.active:visited, nav ul li a:hover{
  background-image:url(snav.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:#001A2A;
  color:#FFFFFF;
  }

  article{
  margin:0 auto;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
  paddsing-top:30px;
  padding-bottom:30px;
  overflow:hidden;
  height:auto;
  backgsround-color:#FF0000;
  }


  .articlecontent{
    height:auto;
    overflow:hidden;
    width:90%;
    padding-left:5%;
    padding-right:5%;
  }

  #headerdata{

    width:100%;

  }


  #headerdata p{
    float:right;
    width:250px;
    padding-top:60px;
    padding-right:20px;
  }

  #headerdata p.team{
    float:right;
    width:40%;
    padding-top:100px;
    padding-right:20px;

  }
  #headerdata p.products{
    width:40%;
    padding-right:20px;
        padding-top:70px;
  }
  ul.team li p.title{

    width:30%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li p.name{

  width:50%;
  padding-left:5%;
  padding-right:5%;
  }

  ul.team li .description{
    display:block;
    float:none;
  width:auto;
overflow:hidden;
height:auto;
padding-right:20px;
  }
}



footer{
width:100%;
display;block;
height:80px;

padding-top:20px;
overflow:hidden;
}
footer p {
  color:#777777;
  padding-bottom:17px;
}
footer nav{


background-image:none;
}
footer ul{
  border-top:solid 2px;
  border-color:#AAAAAA;
  padding-top:10px;
  width:100%;
  display;block;
  heigsht:50px;
}
footer ul li{
display:inline;
float:left;
heisght:50px;
width:24%;
text-align:center;
margin-lseft:10px;
}
footer ul li a, footer ul li a:link, footer ul li a:visited{
height:auto;
paddisng-top:18px;
wsidth:100px;
display:block;
text-decoration:none;
color:#FFFFFF;
font-size:16px;
}
footer ul li a:hover{
  background-color:000000;
}

@media only screen
and (max-width: 50em)
and (orientation : landscape) {
  body{
    backsground-color:#FF0000;
  }
  #headerdata{
    background-size:contain;
    background-position:center center;
  }
#headerdata3{
  background-size:contain;
  background-position:center center;
}
  #mainheaderdata{
  height:auto;
  overflow:hidden;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  }

  nav{
  width:100%;
    overflow:hidden;
    padding:0px;
    //background-image:url(riviaresearchlogo2.png);
    background-repeat:no-repeat;
    //background-position:10px center;

  }
  nav ul{
  width:50%;
  display:inline;

  }
  nav #logo{
    background-position:25px 0px;
    width:40%;
  }
  nav ul li{
  dispslay:block;
  flosat:none;
  width:25%;
  }


  article{
  margin:0 auto;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
  paddsing-top:30px;
  padding-bottom:30px;
  overflow:hidden;
  height:auto;
  backgsround-color:#FF0000;
  }

  #headerdata2{
    width:100%;
padding:0px;
  }
  #headerdata{
        width:100%;
    padding:0px;

  }
  #headerdata3{
        width:100%;
    padding:0px;


  }
  #headerdata5{
    width:100%;
padding:0px;
  }
  #headerdata2 p{
    color:#CCDDFF;

    flosat:right;
    margin:0 auto;
    padding-top:120px;
    font-size:40px;
    borsder:solid 1px;
    border-color:#FFFFFF;


          width:250px;
          pasdding-top:60px;
          padding-right:20px;
  }

  .articlecontent{
    height:auto;
    overflow:hidden;
    width:90%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li .titlecontainer{
    height:60px;
  }
  ul.team li p.title{
  height:50px;
  padding-top:10px;

  }
  ul.team li p.name{
  height:50px;
  padding-top:10px;
  }
  ul.team li p.title{

    width:30%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li p.name{

  width:50%;
  padding-left:5%;
  padding-right:5%;
  }

  ul.team li .description{
    display:block;
    float:none;
  width:auto;
overflow:hidden;
height:auto;
padding-right:20px;
  }

  #headerdata{
    width:100%;
  }

  #headerdata p.team{
    width:50%;
    padding-top:120px;
    padding-right:20px;
  }
    #headerdata p.products{
      width:50%;
      padding-right:20px;
    }


}

@media (orientation: portrait) {
  #headerdata{
    background-size:contain;
    background-position:center center;
  }
#headerdata3{
  background-size:contain;
  background-position:center center;
}
nav #logo{

  width:400px;
  //border:solid 10px;
  //border-color:#FF0000;

}
  ul.team li .titlecontainer{
    height:80px;
  }
  ul.team li p.title{
  height:70px;
  padding-top:10px;

  }
  ul.team li p.name{
  height:70px;
  padding-top:10px;
  }
  #mainheaderdata{
  height:auto;
  overflow:hidden;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  }

  header{
    width:100%;
    bordser:solid 10px;
  height:auto;
  ovesrflow:hidden;
  }

  section.main1{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:40px;
    padding-bosttom:40px;
    color:#FFFFFF;
    height:150px;
    font-size:50px;
  }
  section.main2{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:25px;
    padding-bottosm:25px;
  color:#FFFFFF;
    height:150px;
  }
  section.main3{
    display:block;
    float:none;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:25px;
    padding-botstom:25px;
    color:#FFFFFF;
    height:150px;
  }

#headerdata2{
width:100%;
}
#headerdata5{
width:100%;
}
  nav{
  width:100%;
    overflow:hidden;
    padding:0px;
  }
  nav ul{
  width:35px;
  display:inline;
  right:0;
  overflow:hidden;
  position:absolute;
  padding-top:50px;
  height:1px;
  background-image:url(menu.png);
  background-repeat:no-repeat;
  background-position:right 10px;
  }
  nav ul:hover{
background-color:#AAAAAA;
height:auto;
  width:25%;
  background-image:none;
  }
  nav ul li{
  display:block;
  float:none;
  width:100%;
  }
  nav ul li a, nav ul li a:link, nav ul li a:visited{
  height:32px;
  padding-top:18px;
  width:100%;
  display:block;
  text-decoration:none;
  color:#000000;
  font-size:16px;
  }
  a.active, a.active:link, a.active:visited, nav ul li a:hover{
  background-image:url(snav.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:#001A2A;
  color:#FFFFFF;
  }

  article{
  margin:0 auto;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
  paddsing-top:30px;
  padding-bottom:30px;
  overflow:hidden;
  height:auto;
  backgsround-color:#FF0000;
  }


  .articlecontent{
    height:auto;
    overflow:hidden;
    width:90%;
    padding-left:5%;
    padding-right:5%;
  }

  #headerdata{

    width:100%;

  }


  #headerdata p{
    float:right;
    width:250px;
    padding-top:60px;
    padding-right:20px;
  }

  #headerdata p.team{
    float:right;
    width:40%;
    padding-top:100px;
    padding-right:20px;

  }
  #headerdata p.products{
    width:40%;
    padding-right:20px;
        padding-top:70px;
  }
  ul.team li p.title{

    width:30%;
    padding-left:5%;
    padding-right:5%;
  }
  ul.team li p.name{

  width:50%;
  padding-left:5%;
  padding-right:5%;
  }

  ul.team li .description{
    display:block;
    float:none;
  width:auto;
overflow:hidden;
height:auto;
padding-right:20px;
  }






  section.splitright img{
    widtsh:100%;
    height:65%;
  }
  nav{
    //background-image:url(riviaresearchlogo2.png);
    background-repeat:no-repeat;
    background-position:25px center;
  }
  nav #logo{
    background-position:25px 0px;
    width:80%;
  }
  #headerdata p.team{
    wisdth:90%;
    padinsg-left:5%;
    paddisng-right:5%;
    color:#FFFFFF;
  }

  #headerdata p.products{
    widsth:90%;
    padisng-left:5%;
    padsding-right:5%;
        color:#FFFFFF;
  }
ul.team li{
  width:auto;

  background-image:url(teambg.png);
  background-repeat:repeat-x;
  background-position:0px 0px;
}
  ul.team li .titlecontainer{
    display:inline;
    height:225px;
    width:50%;
    float:left;
    overflow:hidden;
  }
  ul.team li p.title{

  height:100px;
  padding-top:10px;
  padding-bottom:0px;
  float:none;
  display:block;
  width:100%;
  padding-left:20px;
  }
  ul.team li p.name{

  padding-left:20px;
  float:none;
  display:block;
  width:100%;
  height:105px;
  padding-top:10px;
  }
  ul.team li img{
  display:inline;
  float:right;
  width:165px;
  }


  ul.team li .description{
    display:block;
clear:both;
  width:90%;
overflow:hidden;
height:auto;
padding-right:5%;
padding-left:5%;
  }
}