@charset "UTF-8";

/* Main Navigation */

div#navigation {
font-size: 0.7em;
margin: 75px 0 25px 0;
position: relative;
width: 1000px;
z-index: 300;
}

#navigation, #nav {
border-bottom: 0 none;
}

ul#main_menu {
color: #62686B;
list-style: none outside none;
margin: 0;
padding: 0;
}

ul#main_menu a {
font-size: 1.6em;
text-decoration: none;
}

li.main, li.main a {
width: 123px; /* change Subnavigation too! */
}

li.main {
display: block;
float: left;
height: 40px;
margin-top: 10px;
text-align: center;
}

li.main:hover {
background: #E3E3E3;
} 

li.main a {
color: #3F474A;
display: block;
height: 33px;
margin: 0;
padding: 7px 0 0 0;
/* background: #FBFBFB; */
}

li.main a:hover, li.main a:active {
color: #3F474A;
background: #E3E3E3; 
}

li.main a.current {
color: #FFFFFF;
background: #3F474A;
}

#navigation br, #sub br, .divider br {
clear: both;
}

a.item {
/* background: #FBFBFB;
border: 0 1px 0 1px solid #CCCCCC; */
}



/* Subnavigation */

div#submenu_about {
margin-left: -123px;
}

div#submenu_services {
margin-left: -246px;
}

div#submenu_contact {
margin-left: -369px;
}

ul#main_menu div {
display: none;
}

li.main div {
position: relative;
width: 1000px;
height: 40px;
}

.submenu_active {
background: rgb(63, 70, 74) transparent;
background: rgba(63, 70, 74, 0.85);
}

.submenu_inactive {
background: rgb(227, 227, 227) transparent;
background: rgba(227, 227, 227, 0.85);
z-index: 950;
}

ul#main_menu li.hovering div { 
display: block;
z-index: 1000;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out; 
transition: opacity 0.2s ease-in-out;
}

ul.sub {
display: block;
color: #62686B;
list-style: none outside none;
margin: 0;
padding: 0;
font-size: 0.95em !important;
}

li.sub_item {
display: inline;
float: left;
height: 27px;
margin-top: 10px;
width: auto;
text-align: left;
}

.submenu_active li.sub_item a {
font-weight: 400;
color: #c3c3c3;
height: 30px;
margin: -10px 0 0;
padding: 8px 22px 2px;
width: auto;
}

.submenu_active li.sub_item a:hover, .submenu_active li.sub_item a:active {
color: #3F474A;
background: #E3E3E3;
}

li.main a.sub_current {
color: #FFFFFF;
}

li.main a.sub_current:hover, li.main a.sub_current:active {
color: #3F474A;
}

.submenu_inactive li.sub_item a {
font-weight: 400;
color: #3f474a;
height: 30px;
margin: -10px 0 0;
padding: 8px 22px 2px;
width: auto;
}

.submenu_inactive li.sub_item a:hover, .submenu_inactive li.sub_item a:active {
color: #fff;
background: #3f474a;
}


/* Tabs */

.tab_menu {
margin-top: -181px !important;
padding-bottom: 93px !important;
}

.no_menu {
}

ul.tabs {
float: left;
position: relative;
list-style: none;
width: 100%;
height: 40px;
padding: 0 0 10px;
margin: -95px 0 0 25px !important;
z-index: 650;
}

ul.tabs li {
float: left;
position: relative;
display: block;
width: auto;
height: 40px;
padding: 0;
margin: 0 19px 0 0;
background: #f5f5f5;
font-size: 1.15em;
color: #69C600;
line-height: 2.1em;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;

-moz-box-shadow: 0 0 7px #c3c3c3;
-webkit-box-shadow: 0 0 7px #c3c3c3;
box-shadow: 0 0 7px #c3c3c3;
}

ul.tabs li a:hover {
text-decoration: underline;
}

ul.tabs li.tab_active {
background: #3F464A;
border-bottom: 0 none;
font-weight: 600;
color: #FFFFFF;
padding: 0 20px;
text-shadow: none !important;

-moz-box-shadow: 0 0 7px #c3c3c3;
-webkit-box-shadow: 0 0 7px #c3c3c3;
box-shadow: 0 0 7px #c3c3c3;
}

a.tab {
font-weight: 600 !important;
float: left;
display: block;
padding: 0 20px;
}

ul.tabs_smaller {
list-style: none;
width: 100%;
height: 30px;
padding: 0 0 10px;
margin: 5px 0 20px;
}

.no_shadow {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.no_tabs { 
display: none;
}

.tab_extra { 
margin-left: 50px !important;
}


/* Footer Links */

.current_page a {
/* color: #CDCDCD !important; */
}

.current_page a:hover, .current_page a:active {
/* color: #ABABAE !important; */
}