@charset "UTF-8";
/* CSS Document */

#container {
	z-index:10;
	width: 948px;
	margin: 0px auto;
}

/* ~~ this container surrounds all other divs giving them their width ~~ */
.container {
	position:relative;
	top: 0;
	z-index:10;
	width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF;
	opacity:30%;
	height: 64px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

.header {
	padding: 6px 0px;
	padding-left:268px;
}
.topNav {
	text-align: right;
	font-family: 'entypo';
	padding-bottom:10px;	
	font-size:12px;
	margin-right:20px;	
}
div#logo{
    position: relative;
	padding-left: 10px;
	padding-top:3px;
}
div#logo img.cover{
    position: absolute;
    /* position in top left of #tobecovered */
    top: 10; /* top of #tobecovered */
    left: 10; /* left of #tobecovered */
	z-index:10;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/css3-lightbox-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {position:relative;width:490px; height:26px; background:#fff; z-index:10; 
-o-border-radius: 0px 0px 0 0;
-ms-border-radius: 0px 0px 0 0;
-moz-border-radius: 0px 0px 0 0;
-webkit-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
}
.menu, .menu ul {padding:10; margin:0; list-style:none; }
.menu li.main {float: left; font-family: 'UnitedSansReg-Bold'; font-size:18px; font-weight:lighter;}
.menu li.main > a {display:block; opacity:30; padding:0px 5px; color:#fff;  text-decoration:none; font-size:12px margin:0;}
.menu .holder {position:absolute; top:14px; left:-9999px; width:490px; padding:0px 0; z-index:10; text-align:right; }
.menu .holder .back {position:absolute; left:0; top:0; height:100%; background:#999; opacity:10;
-o-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-moz-transition: -moz-transform 0.05s linear;
-ms-transition: -ms-transform 0.05s linear;
-o-transition: -o-transform 0.05s linear;
-webkit-transition: -webkit-transform 0.05s linear;
transition: transform 0.05s linear;
}

div.framey {display:inline-block; background:#fff; padding:10px;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-transform: scaleY(0.1);
-ms-transform: scaleY(0.1);
-o-transform: scaleY(0.1);
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
-moz-transition: -moz-transform 0s linear 0s;
-ms-transition: -ms-transform 0s linear 0s;
-o-transition: -o-transform 0s linear 0s;
-webkit-transition: -webkit-transform 0.5s linear 0s;
transition: transform 0s linear 0s;
}
div.framey {*display:inline;}
div.framex {display:inline-block; position:relative;
-moz-transform: scaleX(0.1);
-ms-transform: scaleX(0.1);
-o-transform: scaleX(0.1);
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-moz-transition: -moz-transform 0s linear 0s;
-ms-transition: -ms-transform 0s linear 0s;
-o-transition: -o-transform 0s linear 0s;
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
}
div.framex {*display:inline;}

.menu .holder .framex .subContent {opacity:0; margin:0 auto;
-webkit-transition: 0.05s;
-moz-transition: 0.05s;
-ms-transition: 0.05s;
-o-transition: 0.05s;
transition: 0.05s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menu li.main:hover {direction:ltr;}
.menu li.main:hover > a {color:#666; background:#808080;
-o-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
} 
.menu li.main:hover .holder {left:0;}
.menu li.main:hover .holder .back {left:0; opacity:0.5; filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
-moz-transition: -moz-transform 0.05s linear;
-ms-transition: -ms-transform 0.05s linear;
-o-transition: -o-transform 0.05s linear;
-webkit-transition: -webkit-transform 0.05s linear;
transition: transform 0.05s linear;
}

.menu li.main:hover .holder .framex {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transition: -moz-transform 0.5s linear 0.05s;
-ms-transition: -ms-transform 0.5s linear 0.05s;
-o-transition: -o-transform 0.5s linear 0.05s;
-webkit-transition: -webkit-transform 0.5s linear 0.05s;
transition: transform 0.5s linear 0.05s;
}
.menu li.main:hover .holder .framey {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transition: -moz-transform 0.5s linear 0.05s;
-ms-transition: -ms-transform 0.5s linear 0.05s;
-o-transition: -o-transform 0.5s linear 0.05s;
-webkit-transition: -webkit-transform 0.5s linear 0.05s;
transition: transform 0.5s linear 0.05s;
}

.menu li.main:hover .holder .framey .subContent {
opacity:1;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;

}

ul.sub {text-align:left;font-family: 'entypo';}
ul.sub h5 {padding:5px 0 0 0; margin:0; color:#666; font-size:12px; width:140px; line-height:14px;}
ul.sub li.sub {width:150px; float:left;}
ul.sub li.bottomLine {clear:left; padding-top:5px;}
ul.sub li.bottomLine p {font-family: 'entypo';font-size:12px; padding:0; margin:0;}
ul.sub li.sub ul li a {font-family: 'entypo';font-size:12px; color:#000; text-decoration:none; padding:0 10px 0 0;}
ul.sub li.sub ul li a:hover {text-decoration:none;}