@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), url('DroidSans.ttf') format('truetype');
}

body{
margin: 0;
padding: 0;
font: normal 13px Helvetica, Arial;
color:#333;
background:#f6f6f6;
}

.clear{clear:both;}

p{
font: normal 13px/20px Verdana, arial, serif;
color:#333;
}

a{
color:#ff7900;
text-decoration: none;
}

a:hover{
color:#0097dd;
text-decoration: underline;
}

h1{
font: normal 40px/40px 'Droid Sans', arial, serif;
color:#00b9ff;
margin:0;
padding:24px 0 12px 0;
}

h2{
font: normal 27px/27px 'Droid Sans', arial, serif;
color:#ff7900;
margin:0;
padding:12px 0;
}

h3{
font: normal 22px/22px 'Droid Sans', arial, serif;
color:#222;
margin:0;
padding:10px 0 0 0;
}

h4,h4 a,label{
font: normal 18px/21px 'Droid Sans', arial, serif;
color:#0097dd;
margin:0;
padding:15px 15px 2px 0;
text-decoration:none;
}

h4 span{
cursor:default;
}

h4 a:hover{color:#0064aa;}

label{
margin: 0;
padding: 0;
}


#container{
background:#fff url(../images/sidebar-bg.gif) repeat-y 0 0;
float:left;
width:100%;
}

#sidebar{
width: 212px;
float:left;
padding: 0 0 50px 15px;
background:#fff;
overflow:hidden;
}

#content{
float:left;
width: 67%;
background:#fff;
padding: 0 0 50px 20px;
border-left: 4px solid #eee;
min-height:850px;
height:auto !important;
height:850px;
}

.line2{font: normal 28px/28px 'Droid Sans', arial, serif;}
.orange{color:#ff7900;}
.grey{color:#aaa;}

#sidebar{background:#181818;}

ul#main-menu{
margin: 0;
padding: 50px 0 0 0;
}

ul#main-menu ul{
margin: 0;
padding: 0 0 0 0;
display:none;
}

ul#main-menu li.active ul{
display:block;
float:left;
}

ul#main-menu li{
margin: 0;
padding:0;
list-style:none;
display:block;
cursor:pointer;
}


#sidebar label{
display:block;
float:left;
padding: 6px 0 14px 30px;
font-size: 15px;
color:#fff;
}

#content ul{
margin:0;
padding:0 0 10px 0px;
display:block;
}

#content li{
list-style:none;
background: url(../images/bullet.gif) no-repeat 1px 11px;
padding: 5px 0 5px 15px;
font: normal 12px/17px Verdana, arial, serif;
color:#333;
}

#content label{display:block;}

#footer{
height: 90px;
background:#f6f6f6;
color:#888;
font-size: 11px;
padding: 0 0 0 20px;
line-height: 90px;
border-top: 2px solid #e0e0e0;
margin: 0;
}

#qr{
float:right;
padding: 8px 10px 0 0;
}

#container ul#main-menu li{
min-height:66px;
height:auto !important;
height:66px;
font-size: 16px;
width:212px;
background: #646563 url(../images/side-menu.gif) no-repeat 0 0;
display:block;
color:#fff;
line-height: 50px;
padding: 0 0 0 30px;
}

#container ul#main-menu li:hover{background: url(../images/side-menu.gif) no-repeat 0 -132px;}

#container ul#main-menu li.active,#container ul#main-menu li.active:hover{
background: #fff url(../images/side-menu.gif) no-repeat 0 -66px;
color:#222;
}

ul#top-menu{
margin:0;
padding:15px 0 30px 0;
}

ul#top-menu li{
list-style:none;
float:left;
padding: 0;
margin: 0 0 0 35px;
}

ul#top-menu li.contact{
width: 50px;
height: 50px;
background: url(../images/contact.png) no-repeat 50% 0;
}

ul#top-menu li.contact:hover,ul#top-menu li#contact1.active{
background: url(../images/contact.png) no-repeat 50% -50px;
cursor:pointer;
}

ul#top-menu li.print{
width: 44px;
height: 50px;
background: url(../images/print.png) no-repeat 50% 5px;
}

ul#top-menu li.print:hover,ul#top-menu li#option-all.active{
background: url(../images/print.png) no-repeat 50% -45px;
cursor:pointer;
}


ul#top-menu li em{display:none;}

div.option2,div.option3,div.option4,div.option5,div.option6,div.option7,.hidden-picture{display:none;}

#contact-form table{
width: 100%;
border: 0;
border-spacing: 0;
padding: 0;
}

#contact-form table td{padding: 5px;}

table#personal-details{
width: 580px;
border: 0;
border-spacing: 0;
padding: 0;
}

table#personal-details td{
width: 290px;
vertical-align:top;
}

.tooltip{position: absolute; top: 0; left: 0; z-index: 3; display: none;} 

div.qtip h4{
padding:5px 15px 0px 0;
color:#fff;
}

div.qtip p{
color:#fff;
margin: 0;
padding: 3px 0;
}

div.qtip a{
padding: 0;
margin: 4px 10px 0 0;
display:block;
width: 90px;
line-height: 25px;
float:left;
background:#444;
text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.qtip a:hover{
text-decoration:none;
background:#333;
}

li.hidden-on-screen{
display:none;
}