﻿ul#Menu{
margin-left:50px;
margin-bottom:0px;
background: #000000;
box-shadow: 0px 0px 9px rgba(0,0,0,0.5);
padding: 0 10px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
z-index:100;
}
 
ul#Menu li{
float: left;
margin-top: 0px;
z-index:100; 
}

ul#Menu li img{
border: solid white;
width:230px;
height:130px;
float: right;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
 
ul#Menu li a{
display: block;
padding: 15px 20px;
color: white;
text-decoration: none;
}
ul#Menu li ul{
list-style:none;
display:none;
}
ul#Menu:after{
content: "";
clear: both;
display: block;
}
ul#Menu li:hover{
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);

}
 
ul#Menu li:hover a{
color:white;
}
 
ul#Menu li:hover > ul{
display:block;

}
 
ul#Menu ul{
background:#4b545f; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
 
ul#Menu ul li{
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
 
ul#Menu ul li a{
padding: 5px 40px;
color: white;
}
 
ul#Menu ul li a:hover{
background: #000000;
}
.SocMedia {
margin-top: 25px;
margin-right: 5px;

float:right;
}

.Fb {
/*background-image: url(images/fbLogo.png);*/
}

.Fb a{
display: block;
width: 37px;
height: 37px;
text-indent: -9999px;
margin-right:300px;
background-image: url(images/fbLogo.png);
}

.Fb a:hover{
background-image: url(images/fbLogo-hover.png);
}

.twitter {
margin-left: 1px;
/*background-image: url(images/twitLogo.png);*/
}

.twitter a{
display: block;
width: 37px;
height: 37px;
text-indent: -9999px;
background-image: url(images/twitLogo.png);
}

.twitter a:hover{
background-image: url(images/twitLogo-hover.png);
}

.skype {
/*background-image: url(images/skypLogo.png);*/
}

.skype a{
display: block;
width: 37px;
height: 37px;
margin-left: 3px;
text-indent: -9999px;
background-image: url(images/skypLogo.png);
}

.skype a:hover{
background-image: url(images/skypLogo-hover.png);
}