/* SANDELI SO53 */

body

{

  background-image: url('images/main_background.jpg');

  background-position: top center;

  background-repeat: repeat-y;

  background-color: #DDDDDD;

  color: #EEEEEE;

  margin: 0px auto;

  padding: 0px;

  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

}



#header

{

  margin: 0 auto;

  width: 100%;

  height: 180px;

}



#header-logo

{

 margin: 25px 0 0 20px;

 border: none;

}



#header-address

{

  width: 300px;

  text-align: right;

  margin: 15px 20px 0px 0px;

  font-size: 14px;

  float: right;

  color: white;

}



li#social-facebook

{

  width: 32px;

  height: 60px;

}



li#social-facebook a

{

  margin-top: 15px;

  background-image: url("images/facebook.png");

  background-repeat: no-repeat;

  display: block;

}



li#social-facebook a:hover

{

  background-image: url("images/facebook.png");

}





#header-cont

{

 margin: 0 auto;

 width: 900px;

}



#main-cont

{

 width: 820px;

 min-height: 600px;

 margin: 0 auto;

 background-color: #3D3D3D;

 padding: 20px 40px;

 font-size: 14px;

 overflow: hidden;

}



#main-cont p

{

 margin-bottom: 20px;

}



#main-cont img

{

  margin: 20px 0 20px 20px;

}



#top-nav

{

 width: 900px;

 height: 60px;

 margin: 0 auto;

 background-color: #2D2D2D;

 clear: both;

}



#footer

{

 width: 100%;

 min-height: 50px;

 margin: 0 auto;

}



#footer-cont

{

  width: 820px;

  margin: 0 auto;

  padding-top: 10px;

  padding-bottom: 60px;

  font-size: 14px;

}



.menu_banner

{

  margin: 0 auto; 

  width: 200px;

  height: 50px;

  line-height: 50px; 

  text-align: center; 

  color: #FFFFFF; 

  border: 1px solid #FFFFFF;

}



.menu-cont

{

  float: left;

  margin: 15px 0 0 20px;

  clear: left; 

}



.menu-cont a

{

 display: block;

 float: left;

 width: 200px;

}



.menu-cont .piccadilly a, 
.menu-cont .leicester a

{

  color: #000000;

}



.menu-cont a:hover

{

  text-decoration: underline;

  color: #DDDDDD;

}



.menu-cont .piccadilly a:hover,
.menu-cont .leicester a:hover

{

  color: #2D2D2D;

}



a

{

  color: #FFFFFF;

  text-decoration: none;

}



a:hover

{

  color:#C12334;

  text-decoration: underline;

}



.body16

{

  font-size: 16px;

}



.body13

{

  font-size: 13px;

}



.red-text

{

  color:#C12334;

}



.white-text

{

  color:#FFFFFF;

}



.bold-text

{

  font-weight: bold;

}



h1

{

  font-size: 24px;

}



h2

{

  font-size: 18px;

}



.no-pad

{

  padding: 0px;

}



.no-margin

{

  margin: 0px;

}



.alpha40

{

  /* Fallback for web browsers that don't support RGBa */

 background-color: rgb(0, 0, 0);

 /* RGBa with 0.6 opacity */

 background-color: rgba(0, 0, 0, 0.4);

 /* For IE 5.5 - 7*/

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

 /* For IE 8*/

 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D2D2D, endColorstr=#2D2D2D)

}



#cssmenu ul { margin: 0; padding: 0;}

#cssmenu li { margin: 0; padding: 0;}

#cssmenu a { margin: 0; padding: 0;}

#cssmenu ul {list-style: none;}

#cssmenu a {text-decoration: none;}

#cssmenu {height: 60px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}





#cssmenu > ul > li {

    float: left;

    margin-left: 22px;

    position: relative;

}



#cssmenu > ul > li > a {

    color: rgb(255,255,255);

 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

    font-size: 14px;

    line-height: 60px;

    padding: 15px 14px;

-webkit-transition: color .15s;

   -moz-transition: color .15s;

     -o-transition: color .15s;

        transition: color .15s;

}



#cssmenu > ul > li > a:hover {  color: rgb(193,35,52); }





#cssmenu > ul > li > ul {

    opacity: 0;

    visibility: hidden;

    padding: 16px 0 20px 0;

    background-color: rgb(250,250,250);

    text-align: left;

    position: absolute;

    top: 55px;

    left: 50%;

    margin-left: -90px;

    width: 180px;

-webkit-transition: all .3s .1s;

   -moz-transition: all .3s .1s;

     -o-transition: all .3s .1s;

        transition: all .3s .1s;

-webkit-border-radius: 5px;

   -moz-border-radius: 5px;

        border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

        box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}



#cssmenu > ul > li:hover > ul {

    opacity: 1;

    top: 65px;

    visibility: visible;

}



#cssmenu > ul > li > ul:before{

    content: '';

    display: block;

    border-color: transparent transparent rgb(250,250,250) transparent;

    border-style: solid;

    border-width: 10px;

    position: absolute;

    top: -20px;

    left: 50%;

    margin-left: -10px;

}



#cssmenu > ul ul > li { position: relative;}



#cssmenu ul ul a{

    color: rgb(50,50,50);

    font-family: Verdana, 'Lucida Grande';

    font-size: 13px;

    background-color: rgb(250,250,250);

    padding: 5px 8px 7px 16px;

    margin: 0 4px;

    display: block;

-webkit-transition: background-color .1s;

   -moz-transition: background-color .1s;

     -o-transition: background-color .1s;

        transition: background-color .1s;

}



#cssmenu ul ul a:hover {background-color: rgb(240,240,240);}





#cssmenu ul ul ul {

    visibility: hidden;

    opacity: 0;

    position: absolute;

    top: -16px;

    left: 206px;

    padding: 16px 0 20px 0;

    background-color: rgb(250,250,250);

    text-align: left;

    width: 160px;

-webkit-transition: all .3s;

   -moz-transition: all .3s;

     -o-transition: all .3s;

        transition: all .3s;

-webkit-border-radius: 5px;

   -moz-border-radius: 5px;

        border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

        box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}





#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}





#cssmenu ul ul a:hover{

    background-color: rgb(45,45,45);

    color: rgb(255,255,255);

}



#cssmenu ul ul a.green:hover,

.bond,

.oxford

{

    background-color: rgb(34,139,34);

    color: rgb(255,255,255);

}



#cssmenu ul ul a.red:hover,

.trafalgar,

.strand

{

    background-color: rgb(255,0,51);

    color: rgb(255,255,255);

}



#cssmenu ul ul a.orange:hover,

.vine

{

    background-color: rgb(255,153,51);

    color: rgb(255,255,255);

}



#cssmenu ul ul a.navy:hover,

.mayfair,

.parklane

{

    background-color: rgb(51,0,102);

    color: rgb(255,255,255);

}



#cssmenu ul ul a.yellow:hover,

.piccadilly, .leicester {

    background-color: rgb(255,255,0);

    color: rgb(0,0,0);

}