body 
{
    background-color:#000000;
    color:#FFFFFF;
    font-family: Century Gothic; 
}
a 
{
    text-decoration:none
}
#list
{
    text-align:center;
    height:479px; 
    width:437px; 
    overflow:auto; 
    background:transparent; 
    padding-left:200px; 
    font-family: Century Gothic; 
    font-size:20px;
    position: relative; 
  
    top: -82px;
    left: 73px;
}

#header a {
    text-decoration: none;
    font-size: 25px;
    /*position: relative;*/
    width:100%;
    max-height:10px;
   
      -webkit-text-stroke: 2px black; font-weight:bold;
    /*text-shadow:
        3px 3px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 3px 0 #000,
        1px 1px 0 #000,*/
}

#header  {
    font-size: 27px;
    /*position: relative;*/

      -webkit-text-stroke: 2px black;color: white; font-weight:bold;
    /*text-shadow:
        3px 3px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 3px 0 #000,
        1px 1px 0 #000,*/
}



#contact
{
    padding-bottom: 160px;
    font-size: 20px;
}
a:link 
{
    color:#FFFFFF;
}
a:visited 
{
    color:#FFFFFF;
}
a:hover 
{
    color:#b9b6ff;
}
a:active 
{
    color:#FFFFFF;
}
#portfolio a:link
{
    color:#d8b87b;
}
#portfolio a:visited
{
    color:#d8b87b;
}
#portfolio a:hover
{
    color:#b9b6ff;
}
#portfolio a:active
{
    color:#d8b87b;
}

#ExhibitionsList {
overflow:scroll;
overflow: auto;
height:750px;
}

#ExhibitionsListPadding 
{
    padding-right:1em;
}

.btn {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  text-decoration: none;
}

#list,#ExhibitionsList
 {
    scrollbar-face-color: #4d4246;
    scrollbar-arrow-color: #4d4246;
    scrollbar-track-color: #2a2835;
    scrollbar-shadow-color: #2a2835;
    scrollbar-highlight-color: #8e847a;
    scrollbar-3dlight-color: #8e847a;
    scrollbar-darkshadow-Color: #2a2835;
}


    #list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#list::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#list::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}




    #ExhibitionsList::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#ExhibitionsList::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#ExhibitionsList::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

#bgvid {
    /*display:inline;*/
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(http://localhost:49465/Domain/images/backgrounds/Winter_Journey.jpg) no-repeat;
background-size: cover;
}

#bg_image {

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;




}
#wrapper {

}

#indextitle {
    z-index: 1000;
    font-size: 40px;
    color:#FFFFFF;
    font-family: Century Gothic; 
    height: 200px;
    width: 400px;
    background: none;
    text-align:center;
    position: fixed;
    top: 80%;
    left: 50%;
    margin-top: -50px;
    margin-left: -200px;

    -webkit-text-stroke: 2px black; color:white; font-weight:bold;
    /*text-shadow:
        3px 3px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 3px 0 #000,
        1px 1px 0 #000,*/

}

#credits {
        font-size: 20px;
  top: 90%;
  left: 50%;
   -webkit-text-stroke: 2px black;
  color: white;
  font-weight: bold;
  margin-top: 50%
}