@import url('base.css');



/*----------------------------------------------------
                   Flux - CSS File
------------------------------------------------------*/


img { border: 0; }


/***** Header Styling *****/
header {
width:100%;
background:#34495e;
margin:0 auto;
padding-bottom:1px;
background: url(../images/bg1.jpg) repeat-y top center !important;
}

#top-info {
height:98px;
}



a.trigger{
width:31px;
height:31px;
background:#304458;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 16px;
color:#5f7387;
display: block;
float:right;
}

a.active.trigger {
width:31px;
height:31px;
background:#304458;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

a.trigger i {
top:4px;
left:8px;
position:relative;	
}
@-moz-document url-prefix(){a.trigger i { top:3px; }}

#logo {
width:138px\9;
height:27px\9;
position:relative;
top:0px;
left: 50%;
float:left;
}

#logo img {
width:138px;
height:27px;
}

/***** Mainmenu Styling *****/
.left-menu {width:95%; height:65px; float:left;}
.right-menu {width:5%; height:65px; float:left;}
.tinynav {display:none;}

#mainmenu-wrapper {
width:980px;
height:65px;
margin:0 auto;
background:#283849;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#mainmenu {
width:100%;
margin:0px 0px 0px -16px;
float:left;
}

#mainmenu ul {
font-family: 'Roboto', Helvetica, Arial;
font-weight:300;
font-size:14px;
float:left;
}

#mainmenu ul li {
color:#fff;
list-style:none;
line-height:15px;
position:relative;
border-right:1px solid #34495e;
padding:15px 15px 15px 15px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transitionn: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
float:left;
}

span.desc-menu {
color:#7e8892;
padding-bottom:20px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
position:relative;
}

#mainmenu ul li a, #mainmenu ul li a:visited {
display:block;
color:#d4d7db;
text-decoration:none;
}

#mainmenu ul li:hover {
background:url(../images/active_menu_green.gif) top repeat-x;
background-color:rgba(26, 188, 156, 0.1);
text-decoration:none;
color:#2f87aa;
}

#mainmenu ul li:first-child {
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
padding-left:20px;
}

#mainmenu ul li.dropdown .selected {
background-image:none !important;
background-color:rgba(26, 188, 156, 0.1);	
}

#mainmenu ul li.selected {
background:url(../images/active_menu_green.gif) top repeat-x;
background-color:rgba(26, 188, 156, 0.1);
text-decoration:none;
color:#2f87aa;
}

#mainmenu ul li.selected a {
text-decoration:none;
color:#d4d7db;
}

#mainmenu ul li.selected ul li a{
text-decoration:none;
color:#d4d7db;
}

#mainmenu ul li.selected ul li a:hover{
text-decoration:none;
color:#d4d7db;	
}

#mainmenu ul li li:hover {
background:none;
background-color:rgba(26, 188, 156, 0.1);
}

#menu li li {
border-right:none;
position:relative;
z-index:100;
line-height:20px!important;
margin:0!important;
padding:0!important;
}

#menu ul {
display:none;
position:absolute;
padding:0px;
top:66px;
left:-19px;
width:160px;
background-color:#34495e;
-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.2);
box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.2);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
z-index:990;
}

#menu ul ul, #menu ul ul ul {
display:none;
position:absolute;
top:0px;
left:137px;
width:160px;
padding-top:0px;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
z-index:999;
}

#menu li ul a,#menu li ul a:visited {
width:160px;
color:#d4d7db;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
text-transform:capitalize;
line-height:18px;
z-index:190;
text-decoration:none;
padding:9px 18px 10px 18px;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
}

#menu li ul a:hover {
border:none;
padding-left:22px;
}

#menu ul ul li:first-child a {
margin-top:0px;
}


/***** Page Title and Breadcrumb Stylesheet *****/
#pagetitle-container {
width:100%;
margin:0 auto 10px auto;
padding:18px 0 0 0;
border-bottom:1px solid #dadada;
-webkit-box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
-moz-box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
}

#pagetitle-container h1 {
margin-bottom:-5px;
font-weight:700;
color:#3b5166;
}

#pagetitle-container h3 {
margin-bottom:-3px;
color:#909090;
}


.breadcrumb {
bottom:-50px;
position:relative;
float:left;
}

.breadcrumb ul {
background-color:#fff;
margin-top:-42px;
padding:0 6px 0 8px;
float:right;	
}

.breadcrumb ul li {
font-size: 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color:#bbb;
padding:0px 0px 0px 4px;
display:inline-block;
}

.breadcrumb ul li:after {
font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
color:#c9c9c9;
content:"\2F";
margin-left:8px;
top:0px;
position:relative;
}

.breadcrumb ul li:last-child:after {
content:"";
display:inline-block;
}

.breadcrumb ul li.current-page a, .breadcrumb ul li.current-page a:visited {
color: #1abc9c;
text-decoration:none;
}

.breadcrumb ul li a, .breadcrumb ul li a:visited {
color: #bbb;
text-decoration:none;	
}