.menu{
position: absolute;
top: 10px;
left: 10px;
border:none;
border:0px;
margin:auto;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
width: 354px;
z-index:1000;
}

.roryclients {
position: absolute;
text-align: center;
background-image:url('/images/dot75.png');
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #FFF;
font-size:13px;
font-weight:normal;
top: 80px;
left: 10px;
width: 355px;
list-style:none;
padding:0;
padding-bottom: 8px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index:999;
}

.instagram {
position: absolute;
bottom: 20px;
left: 10px;
width: 50px;
height: 50px;
z-index:2000;
}


.rorycontact {
position: absolute;
text-align: center;
background-image:url('/images/dot75.png');
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #FFF;
font-size:13px;
font-weight:normal;
top: 80px;
left: 10px;
width: 355px;
height: 410px;
list-style:none;
padding:0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index:999;
}

.active {
background:#444 !important;
color:#FFFFFF;
text-decoration:none;
}

.menu ul{
background-image:url('/images/dot75.png');
height:32px;
list-style:none;
margin:0;
padding:0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
}
.menu li{
float:left;
padding:0px 0px 0px 15px;
}
.menu li a{
color:#FFF;
display:block;
font-weight:normal;
line-height:32px;
margin:0px;
padding:0px 12px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
background:#888;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}
.menu ul li:hover a{
background:#888;
color:#FFFFFF;
text-decoration:none;
}



.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:150px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:150px;
background: #888;
/*this is where the rounded corners for the dropdown disappears*/
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:32px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background-image:url('/images/dot75.png');
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}