@font-face {
	font-family: 'Goudy Old Style';
	src: url('foudy-old-style.ttf');
}

@font-face {
	font-family: 'Goudy Old Style';
	font-weight: bold;
	src: url('foudy-old-style-b.ttf');
}

@font-face {
	font-family: 'Goudy Old Style';
	font-style:italic;
	src: url('foudy-old-style-i.ttf');
}

/*this is the css for the vertical version*/
		.vertical ul{
			width: 204px;
			margin: 0;
			position: relative;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
		}
		.vertical li{
			position: relative;
			margin-bottom: -1px;
		} 
		
		.vertical li ul{
			position: relative;
			left: 203px;
		}
		.vertical.left ul ul ul,.vertical .left ul{
			left: -203px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#8e9093;
			font-size:12px;
			border: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.horizontal ul li{
			float: left;
			position: relative;
		}
		.horizontal ul li a{
			display: block;
			width: auto;
			text-decoration: none;
			height: 10px;
			padding: 8px 7px;
		}
		.horizontal li li{
			float: none;
		}
/*-------------change position of dropdown------------*/		
		.horizontal ul li ul{
			text-align:left;
			position: absolute;
			width:120px;
			top: 1.3em;
			left: -1px;
			margin-top: 5px;
		}
/*-------------end------------*/	
	
		.horizontal ul ul ul{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#8e9093;
			font-size:12px;
			width: 90px;
			height:34px;
			top: -1px;
			left: 94px;
			margin-top: 0;
			text-align:left;
		}
		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: -1px;
			left: -128px;
			height:100px;
		}
		div.horizontal ul li.pixelfix ul{
			left: 0;
		}
		div.horizontal ul li.pixelfix ul ul{
			left: 128px;
		}
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '+';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite li:first-child>a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			height:34px;
			background-color: #E9E9E9;
			color: #8e9093;
		}
		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			background-color: #E9E9E9;
			color: #2981c1;
			border-color: #8e9093;
		}
		.bluewhite li:first-child>a:hover{
			background-color: #E9E9E9;
			color: #2981c1;
			border-color: #8e9093;
		}
		.bluewhite ul{
			border-color: #8e9093;
		}
		
		
		

#innov-tab {
	width:191px;
	float:left;
	height:90px;
	position:relative;
	padding:7px 0 0 0;
}

#innov-tab a.innov-tab {
	width:168px;
	float:left;
	padding:0;
	height:91px;
	margin:0 0 0 13px;
	color:#0074c5;
	text-decoration:none;
	font-size:12px;
	text-align:right;
	background:url(../images/left-tabs.png) 0 -195px no-repeat;
}

#innov-tab a.innov-tab:hover {
	background:url(../images/left-tabs.png) -168px -195px no-repeat;
}

#innov-tab a.innov-tab strong {
	text-transform:uppercase;
	display:block;
	text-align:left;
	opacity:0.0;
	filter:alpha(opacity=0);
		height:0px;
	overflow:hidden;
}

#innov-tab a.innov-tab span {
	color:#747373;
	font-size:11px;
	text-align:left;
	width:100%;
	display:block;
	opacity:0;
	height:0px;
	overflow:hidden;
	filter:alpha(opacity=0);
}

#innov-tab #innslide {
	background:url(../images/slide-box.png) left top no-repeat;
	width:308px;
	height:151px;
	margin:0px 0px 0px 191px;
	padding:0px;
	position:absolute;
	left:0px;
	top:-20px;
	display:none;
	z-index:10;
}

#innov-tab:hover #innslide {
display:block;
}

.slide-bx {
	float:left;
	margin:10px 0px 0px 33px;
	padding:0px;
	width:273px;
	height:130px;
}

.scrollable {
	background: #ffffff;
	position: relative;
	overflow: hidden;
	width: 224px;
	height:130px;
	
}

.scrollable .items {
	width:672px;
	position:absolute;
	left:0px;
	top:0px;
	height:130px;
}

.scrollable a {
	width:224px;
	height:130px;
	float:left;
}

.scrollable img {    
	float:left;
	background-color:#fff;
	margin:0px;
	cursor:pointer;
	width:224px;
	height:121px;
	border:0px;	
}

.scrollable .active {
    opacity:1;
	z-index:9999;
	position:relative;
}

.scrollable { float:left; }


#innovrt {
display: block;
float:left;
margin:0px;
padding:50px 0px 0px 0px;
width:13px;
height:71px;
cursor: pointer; background: url(../images/btn1.jpg) no-repeat center left;}
 

#innovlt{
display: block;
float:left;
margin:0px;
padding:50px 0px 0px 0px;
width:13px;
height:71px;
cursor: pointer; background: url(../images/btn2.jpg) no-repeat center left;} 


.questions {
	float:left;
	width:178px;
	height:90px;
	padding:7px 0 0 13px;
	background:url(../images/left-tabs-bg.gif) 0 0 no-repeat;	
}

.questions a {
	width:168px;
	height:90px;
	display:block;
	overflow:hidden;
	width:0px;
	padding:0 0 0 168px;
	background:url(../images/left-tabs.png) 0 0px no-repeat;
}

.questions a:hover {
	background:url(../images/left-tabs.png) -168px 0px no-repeat;
}

.testimonial_link {
	padding:7px 0 0 13px;
	width:168px;
	height:91px;
	float:left;
}

.testimonial_link a {
	width:168px;
	height:91px;
	display:block;
	overflow:hidden;
	width:0px;
	padding:0 0 0 168px;
	margin:0 0 0 0;
	float:left;
	background:url(../images/left-tabs.png) 0 -293px no-repeat;
}

.testimonial_link a:hover {
	background:url(../images/left-tabs.png) -168px -293px no-repeat;
}

.testimonial_link a strong {
	text-transform:uppercase;
	display:block;
	text-align:left;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.testimonial_link a span {
	color:#747373;
	font-size:11px;
	text-align:left;
	width:100%;
	display:block;
	opacity:0.0;
	filter:alpha(opacity=0);
}
		
.photo_gallery {
	padding:7px 0 0 13px;
	width:179px;
	height:91px;
	float:left;
}

.photo_gallery a {
	width:168px;
	height:91px;
	display:block;
	overflow:hidden;
	width:0px;
	padding:0 0 0 168px;
	margin:0 0 0 0;
	float:left;
	background:url(../images/left-tabs.png) 0 -97px no-repeat;
}

.photo_gallery a:hover {
	background:url(../images/left-tabs.png) -168px -97px no-repeat;
}

.photo_gallery a strong {
	text-transform:uppercase;
	display:block;
	text-align:left;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.photo_gallery a span {
	color:#747373;
	font-size:11px;
	text-align:left;
	width:100%;
	display:block;
	opacity:0.0;
	filter:alpha(opacity=0);
}

div.what_news {
	float:left;
	width:179px;
	height:91px;
	overflow:hidden;
	padding:7px 0 8px 13px;
	background:url(../images/left-tabs-bg.gif) right bottom no-repeat;	
}

div.what_news div {
	float:left;
	width:168px;
	height:91px;
	overflow:hidden;
	position:relative;
}

div.what_news ul {
	float:left;
	height:91px;
	list-style:none;
	position:relative;
	left:0px;
	top:0px;
}

div.what_news li {
	float:left;
	width:168px;
	height:91px;
	position:absolute;
	left:0px;
	top:0px;
}

div.what_news a {
	float:left;
	width:168px;
	height:91px;
	overflow:hidden;
	position:relative;
}

div.what_news a img {
	position:absolute;
	float:left;
	left:0px;
	top:0px;
}

div.what_news a strong {
	opacity:0;
	filter:alpha(opacity=0);
}

div.what_news a span.none {
	opacity:0;
	filter:alpha(opacity=0);
}

div.what_news a span {
	position:absolute;
	width:168px;
	height:91px;
	float:left;
	left:0px;
	top:0px;
	background:url(../images/what-new-view.png) left top no-repeat;
}


#flash-banner {
	width:725px;
	height:493px;
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;	
}
#flash-banner ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	width:725px;
	height:493px;
}

#flash-banner li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	width:725px;
	height:493px;
}

#flash-banner ul li {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

#flash-banner ul li img {
	float:left;
	width:505px;
	height:493px;
	background:url(../images/flash-banner-bg.gif) center center no-repeat #ffffff;
	-moz-border-radius:0 0 0 15px;
	-webkit-border-radius:0 0 0 15px;
	border-radius:0 0 0 15px;
}

#flash-banner ul li strong {
	float:left;
	height:63px;
	padding:10px 0;
	text-align:center;
	width:220px;
	font-weight:normal;
	color:#ffffff;
	background:#004b8c;
	font-size:26px;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;
	border-radius:0 15px 0 0;
	font-family:Goudy Old Style;
	line-height:30px;
}

cufon {
	margin:0 0 4px 0;
}

#flash-banner ul li p {
	float:left;
	margin:0px;
	padding:60px 0 0 0;
	height:350px;
	width:220px;
	background:url(../images/logo-bg.png) 30px 50px no-repeat #0173b1;
	color:#FFF;
	text-align:center;
	color:#FFF;
	vertical-align:middle;
	font-size:28px;
	-moz-border-radius:0 0 15px 0;
	-webkit-border-radius:0 0 15px 0;
	border-radius:0 0 15px 0;
	font-family:Goudy Old Style;
	line-height:35px;
}

#flash-banner-nav {
	position:absolute;
	left:0px;
	bottom:30px;
	z-index:3;
	width:auto;
	padding:0 0 0 550px;
}

#flash-banner-nav a {
	float:left;
	width:12px;
	height:12px;
	background:#fff;
	margin:0 7px 0 0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer;
}

#flash-banner-nav a:hover {
	background:#004b8c;
}

#flash-banner-nav a.hover {
	background:#004b8c;
}