/* tabs
*************************/
nav { background-color: #5a5e5d; height: 40px; }

ul.tabs
{
	margin: 0 auto; 
	width: 920px;
	position: relative;
	height: 100%;
}

ul.tabs > li
{
	display: block;
    float: left;
    padding: 0 33px;
    position: relative;
    height: 100%;
}

ul.tabs li a
{
	position: relative;
	display: block;
	font-family: "Michroma",sans-serif;
	color:#fff;
	letter-spacing: .1em;
}

ul.tabs > li > a
{
	padding: 0 10px;
	font-size: 0.8em;
	line-height: 37px;
}

ul.tabs > li:hover > a { border-bottom: 3px solid #89c754; }
ul.tabs > li:hover ul.dropdown { display: block; }

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 999;
	top: 100%;
	display: none;
	left: 0;
	border-top:1px solid #000; 
	border-left:1px solid #000; 
	border-right:1px solid #000;
	background-color: #5a5e5d;	
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#ServicesDropdown.dropdown {
	width: 455px;
}

#CompanyDropdown.dropdown {
	width: 300px; 
}

ul.dropdown li
{
	margin: 0;
	padding: 5px 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
	border-bottom: 1px solid #000; 
}

ul.dropdown li a { display: block; padding: 0 5px; font-size: 0.7em; line-height: 2em; }
ul.dropdown li a:hover { color: #89c754; }

nav li.sep { width: 7px;}
nav li.sep.home { background: url(/images/homeBtnRight.png) no-repeat top; }
nav li.sep.services { background: url(/images/servicesBtnRight.png) no-repeat top; }
nav li.sep.ourCompany { background: url(/images/ourCompanyBtnRight.png) no-repeat top; }
nav li.sep.showcase { background: url(/images/showcaseBtnRight.png) no-repeat top; }
nav li.sep.testimonials { background: url(/images/testimonialsBtnRight.png) no-repeat top; }
nav li.sep.contactUs { background: url(/images/contactUsBtnRight.png) no-repeat top; }

#homeBtn, #servicesBtn, #ourCompanyBtn, #showcaseBtn, #testimonialsBtn, #contactUsBtn { float: left; cursor: pointer; }

#homeBtn { background: url(/images/homeBtnOff.png) no-repeat top; width: 99px; }
#servicesBtn { background: url(/images/servicesBtnOff.png) no-repeat top; width: 121px; }
#ourCompanyBtn { background: url(/images/ourCompanyBtnOff.png) no-repeat top; width: 148px; }
#showcaseBtn { background: url(/images/showcaseBtnOff.png) no-repeat top; width: 132px; }
#testimonialsBtn { background: url(/images/testimonialsBtnOff.png) no-repeat top; width: 143px; }
#contactUsBtn { background: url(/images/contactUsBtnOff.png) no-repeat top; width: 135px; }
#homeBtn:hover { background: url(/images/homeBtnOn.png) no-repeat top; }
#servicesBtn:hover { background: url(/images/servicesBtnOn.png) no-repeat top; }
#ourCompanyBtn:hover { background: url(/images/ourCompanyBtnOn.png) no-repeat top; }
#showcaseBtn:hover { background: url(/images/showcaseBtnOn.png) no-repeat top; }
#testimonialsBtn:hover { background: url(/images/testimonialsBtnOn.png) no-repeat top; }
#contactUsBtn:hover { background: url(/images/contactUsBtnOn.png) no-repeat top; }

#eventMgmt, #confMgmt, #incentivePrograms, #aboutUs, #background, #whyOutsource, #pressAndVideos {
    width: 200px;
    padding: 5px 0 5px 5px;
    font-size: 12pt;    
}

#eventMgmt a, #eventMgt a:link, #eventMgt a:visited, #confMgmt a, #confMgmt a:link, #confMgmt a:visited, #incentivePrograms a, #incentivePrograms a:link, #incentivePrograms a:visited, #aboutUs a, #aboutUs a:link, #aboutUs a:visited, #background a, #background a:link, #background a:visited, #whyOutsource a, #whyOutsource a:link, #whyOutsource a:visited, #pressAndVideos a, #pressAndVideos a:link, #pressAndVideos a:visited {
    text-decoration: underline;
    color: #BE9E22; 
}

#eventMgmt:hover, #confMgmt:hover, #incentivePrograms:hover, #aboutUs:hover, #background:hover, #whyOutsource:hover, #pressAndVideos:hover {
    background-color: #1f1c1a;
}