/* CSS Document */



/*

// fonts

// font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

// font-family:'universbold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

// font-family:'Univers LT W01 65 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

// font-family:'UniversLTW01-65BoldObli', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

// font-family:'UniversLTW01-67BoldCn', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

*/



@import url("fonts/stylesheet.css");



html{ height: 100%; }



body{background: #fff;margin: 0;padding: 0;font-family:'univers_45_lightregular'; font-weight: normal; font-style: normal;line-height: 1.4;height: 100%;color: #222;}



.img-in{ float:left; margin:0 10px 5px 0; border:#FFF solid 5px; box-shadow:0px 0px 3px rgba(0,0,0,0.5);}



@media only screen and (min-width: 600px) {

	body{font-size: 18px;}

}



#wrapper{

    opacity: 1; 

    filter: alpha(opacity=00);

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

    position: relative;

    min-height: 1px;

    -webkit-transition: opacity .5s ease-out;

	-moz-transition: opacity .5s ease-out;

	-o-transition: opacity .5s ease-out;

	-ms-transition: opacity .5s ease-out;	

	transition: opacity .5s ease-out;

}



#wrapper.loaded{opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}



[class*="sprite"]{line-height:0; font-size:0; overflow:hidden; display:inline-block; border:none; background-image:url(sprites.png);background-repeat: no-repeat; background-color:transparent;}

.gph {-moz-user-select:none; font-size:1em; font-family:"web_symbolsregular"; position:relative; text-transform:none; font-weight:100;}

.clear{min-height:1px; position:relative;} 

* html .clear{height:1px;} 

.clear:after{content:"."; height:0; visibility:hidden; clear:both; display:block;}

.container{min-height:1px; position:relative;} 

* html .container{height:1px;} 

.container:after {content:"."; height:0; visibility:hidden; clear:both; display:block;}





/* ********************************

// grid

******************************** */



[data-colgroup]{min-height:1px; position:relative; margin:0 6.25%;}

* html [data-colgroup]{height:1px;} 

[data-colgroup]:after {content:"."; height:0; visibility:hidden; clear:both; display:block; }



body [data-colgroup] [data-colgroup]{margin:0;}



[data-col]{ position: relative;}

[data-colgroup] [data-colspan]{float: left; min-height: 1px;}

[data-colspan="1"]{ width: 100%;}

[data-colspan="2"]{ width: 100%;}

[data-colspan="3"]{ width: 100%;}

[data-colspan="4"]{ width: 100%;}

[data-colspan="6"]{ width: 100%;}

[data-colspan="8"]{ width: 100%;}

[data-colspan="12"]{ width: 100%;}



@media only screen and (min-width: 600px) {

	[data-colgroup]{ margin: 0 12.5%;}

}



@media only screen and (min-width: 1024px) {

    [data-colgroup]{ margin:0 12.5% 0 12.5%;}

	[data-colspan="1"]{ width: 8%;}

    [data-colspan="2"]{ width: 16%;}

    [data-colspan="3"]{ width: 25%;}

    [data-colspan="4"]{ width: 33%;}

    [data-colspan="6"]{ width: 49.9%;}

    [data-colspan="8"]{ width: 66%;}

    [data-colspan="12"]{ width: 100%;}

    [data-colpad] .pad{ padding-right: 10%;}

}



@media only screen and (min-width: 1224px) {

	[data-headerstate="collapse"] [data-colgroup]{ margin: 0 12.5% 0 12.5%; }

	[data-colgroup]{ margin: 0 30% 0 12.5%; }

	[data-colpad] .pad{ padding-right: 7%; }

}







/* ********************************

// type

******************************** */



h1, h2, h3, h4, h5, h6{margin: 1.5em 0 .25em; line-height: 1; font-family:'universbold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;}

h1{font-size: 32px;	margin: 0 0 .25em;	padding: 12.5% 0 0;	color: #000;}

h1 .sml{font-size: .5em; line-height: 1em; display: block;}

h2{font-size: 18x; color:#000; text-transform: uppercase; margin: 2em 0 .5em;}

h3{font-size: 18px;	color: #000; margin: 2em 0 .5em;}

h2 + h3{margin-top: 0;}



@media only screen and (min-width: 600px) {

	h1{ font-size: 48px; padding: 10% 0 0;  letter-spacing: -1px;  }

	h2{	font-size: 22px; }

	h3{	font-size: 22px; }

}



@media only screen and (min-width: 1024px) {

	h1{ font-size: 64px; letter-spacing: -2px;  }

	h2{	font-size: 26px; }

	h3{	font-size: 26px; }

}



@media only screen and (min-width: 1224px) {

	h1{ font-size: 90px; padding: 7% 0 0; letter-spacing: -3px; }

	h1 .sml{ letter-spacing: -1px; }

}





p{

	margin: 0 0 1.5em;

}



p.leader,

.leader p{font-family: Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.2;	margin: 0 0 1.5em; font-size: 1.2em;}



@media only screen and (min-width: 1024px) {

	p.leader,

	.leader p{font-size: 1.5em;}

}



a{color:#888; text-decoration: none; border-bottom: dotted 1px #aaa; outline: none;}

a:link,

a:visited,

a:focus{ outline: none; }



a:hover{ color: #000; border-bottom-style: solid; text-decoration: none; }

a.back{color:#666;	font-size:14px;	border-bottom:dotted 1px #aaa; text-decoration:none;}

a.back:hover{color:#000; font-size:14px; border-bottom:solid 1px #888;}

a.back .gph{font-size: 11px; margin: 0 .3em 0 0;}

.hide,

.access{ display: none; }



.btn{display:inline-block; background:#000; color:#fff; text-decoration:none; padding:.5em .75em; 

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-family:'Univers LT W01 65 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;

    border: none;

    margin: 0 .5em .5em 0;

}



.btn:hover{background-color:#333; color:#fff; border:none;}



strong{font-family:'Univers LT W01 65 Bold', Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal;}



/*



ul{

    margin: .5em 0 1em 0;

    padding: 0;

}



ul li{

    margin: 0;

    list-style-type: disc;

    list-style-position: outside;

} 



*/



ul {margin:.5em 0 1em; padding:0; list-style:none;}

ul li {margin: 0; padding:0 0 0 20px; list-style:none; background:url(ul.li.gif) no-repeat 0 .75em;}



/* ********************************

// header

******************************** */



#header{position:relative; z-index:10; border-bottom: solid 1px #ddd; background: #fff; font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;}

#header .container{padding:0px;	margin:0 2%; height:90px;}

#header a{border: none;}

#header .logo{margin:0; padding:0; position:absolute; left:0px;	bottom:20px;

	-webkit-transition: left .25s ease-out;

	-moz-transition: left .25s ease-out;

	-o-transition: left .25s ease-out;

	-ms-transition: left .25s ease-out;	

	transition: left .25s ease-out;

}

#header .logo a{background-position:100% 0px; width:145px; height:58px; display:block; border:none;}

#dw-icon{display:none;}

#header .tagline{ display:none; font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; text-transform: lowercase;}



#newsletterform,

#newsletter-toggle{display: none;}



.lt-ie9 #newsletter-toggle {display: none !important; /* Hide from IE 7/8 */}



@media only screen and (min-width: 600px) {

#header .container{height: 110px;}	

}



@media only screen and (min-width: 1024px) {

#header .container{ margin: 0 3%; }

#header .tagline{display:block; position:absolute; margin:0; bottom:15px; line-height:20px; font-weight:normal; font-size:18px; left:20%; color:#888;}



}



@media only screen and (min-width: 1224px) {

#header{position:fixed; right:0; bottom:0; top:0; width:25%; background:#fff; border-bottom:none;

		-webkit-transition: right .25s ease-out;

		-moz-transition: right .25s ease-out;

		-o-transition: right .25s ease-out;

		-ms-transition: right .25s ease-out;	

		transition: right .25s ease-out;

		/*overflow: hidden;*/

		border-left: solid 1px #ddd;

	}

.rgba #header{ border-color: rgba(0,0,0,.15);}

[data-headerclosed="true"] #header{right: -25%;

		-webkit-transition: right .4s ease-out;

		-moz-transition: right .4s ease-out;

		-o-transition: right .4s ease-out;

		-ms-transition: right .4s ease-out;	

		transition: right .4s ease-out;

		border: none;

}	



[data-headerclosed="true"] #header .container{}

#header .container{	position:absolute; left:30px; top:0; right:25%; bottom:0; padding:0 0 0; margin:0; height:auto; min-width:220px;}

#header .logo{margin:0;	padding:0; position:fixed; right:40px; bottom:30px; left:auto; top:auto; z-index:100;}

#header .logo a{background-position:-5px -5px; width:175px; height:18px;}

#dw-icon{position:absolute; top:3%; right:10%; z-index:9999; display:block;}

.reverse #header .logo a{background-position: -100px -5px;}

.reverse [data-headerclosed="false"] #header .logo a{background-position: -5px -5px;}

#header .tagline{position:relative; left:auto; bottom:auto; top:auto; font-size:24px; line-height:1.2; max-width:270px;}

	

	/*

	// newsletter

	*/

#header .twitter-icon .gph,

#newsletter-toggle .gph{font-size:20px;	display:block; color:#000; line-height:25px; min-width:25px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

#newsletter-toggle .gph{font-size:13px; padding-top:2px;}

#header .twitter-icon:hover .gph,

#newsletter-toggle:hover .gph{color:#666;}

#newsletter-toggle,

#header .twitter-icon{position:absolute; bottom:0px; left:0; border:none; display:block; width:25px; height:25px;}

#header .twitter-icon{left:30px;}	

#newsletter-toggle:hover{color:#000;}

#header[data-position="extended"]{width:75%;}

#header[data-position="extended"] .container{right:75%;}

#newsletterform{float:right; width:55%;	margin:0 15% 0 0; display:none;	opacity:0;}

#header[data-position="extended"] #newsletterform{display: block;}

#newsletterform header{padding: 10% 0 10px;}

#newsletterform h3{font-size:36px; margin:0 0 .25em;}

#newsletterform .field{width:70%; margin:0 10px 10px 0;}

#newsletterform label{position:absolute; top:-20px; left:0; font-size:13px; color:#888;}

#newsletterform .headersubmit{display:block; float:left; background:#000; line-height:26px; padding:10px 15px; color:#fff; font-size:14px; text-decoration:none;}

#newsletterform .headersubmit .gph{margin:0 0 0 .5em;}

#newsletterform .headersubmit:hover{background: #333;}

.contentoverlay{position:fixed; z-index:5; background:rgba(0,0,0,.9); top:0; left:0; bottom:0; right:0;	opacity:0;}

#newsletterform .cancelnewsletter{position:absolute; top:60px; right:40px; line-height:40px; display:block; padding:0 50px 0 0; font-family:Georgia, Times New Roman, Serif; color:#888; font-style:italic; text-decoration:none; border:none;}

#newsletterform .cancelnewsletter .sprite{width:40px; height:40px; background-position:-5px -150px; display:block; position:absolute; top:0; right:0;}

#newsletterform .cancelnewsletter:hover{ color: #000;}

#newsletterform .cancelnewsletter:hover .sprite{ background-position: -50px -150px;}

}



/*

// header contact

*/



#header .contact{display:block; position:absolute; left:0; right:0; bottom:35px; padding:30px 0 125px; font-size:13px; z-index:1;}

#header .contact h3{font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; text-transform:lowercase; margin:0 0 20px; font-size:26px;}

#header .contact .vcard .type{display:inline-block; max-width:100px; width:30%; color:#888;}

#header .contact .vcard a.type{border:none; color:#888;}

#header .contact .vcard a.type:hover{color:#000;}

#header .contact .vcard .email{margin-top:10px;}

#header .contact a{color:#000; text-decoration:none;}

#header .contact a:hover{color:#888;}



/*

// mainnav

*/

#mainnav{position:absolute; top:90px; left:0; right:0; font-size:18px; line-height:20px; margin:0; padding:0;}

#mainnav h3{position: absolute; top:-40px; right:0px; margin:0; font-size:14px; line-height:20px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	cursor: pointer;

	font-weight: normal;

}



#mainnav h3 a{display:block; padding:5px 10px 15px;	text-decoration:none; color:#000; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0;	border-radius: 2px 2px 0 0;}

#mainnav.open h3 a{background:#000; color:#fff;	border:none;}

#mainnav ul{padding:0 10px; -webkit-transition:all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition:all .25s ease-out; -ms-transition:all .25s ease-out;	transition: all .25s ease-out;

	transform:translateZ();

    -ms-transform:translateZ(); /* IE 9 */

    -moz-transform:translateZ(); /* Firefox */

    -webkit-transform:translateZ(); /* Safari and Chrome */

    -o-transform:translateZ(); /* Opera */

	background: #000;

	margin: 0 -7%;

}

#mainnav ul li{margin:0; padding:0; background:none; position:relative;}

#mainnav.open > ul{height:auto; padding:10px 10px; display:block;}

#mainnav ul a{color:#fff; display:block; text-decoration:none; padding:5px 10px; -webkit-border-radius:2px;	-moz-border-radius:2px; border-radius:2px; border: none;}

#mainnav ul a:hover{color:#000; background:#eee;}





@media only screen and (min-width: 600px) {

#mainnav{position:absolute; bottom:10px; right:0px; left:auto; background:none; top:auto; margin:0 0 0 150px; font-size:17px; z-index:99;}

#mainnav h3{display:none;}	

#mainnav ul{display:block; overflow:visible; height:auto; margin:0; background:none;}

#mainnav li{float:left; width:32%;}

#mainnav ul a{color:#000; padding:5px 0 5px 3px;}

#mainnav ul a:hover{color:#fff; background:#000;}

}

@media only screen and (min-width:950px) {

#mainnav{font-size:18px;}

#mainnav ul li{ width:auto;}

#mainnav ul a{padding:5px 10px;}

}

@media only screen and (min-width: 1224px) {

#mainnav{position:relative; top:auto; left:auto; bottom:auto; right:auto; font-size:24px; line-height:1.6; margin:0 0 1em; padding:25% 0 0;}

#mainnav ul{margin:0px; padding:0px;}

#mainnav li{float:none; clear:both; margin:0; position:relative;}

#mainnav ul a{padding:0;}

#mainnav ul a:hover{ background:none; color:#888;}

#mainnav .nav-contact{ display: none;}

}



@media only screen and (max-height: 650px) {

	#mainnav .nav-contact{display:block;}

	#header .contact{display:none; z-index:-1;}

}





.lt-ie9 #mainnav .nav-contact{display:block !important;}

.lt-ie9 #header .contact{display:none !important; } 



/* ********************************

// main

******************************** */



#main{min-height: 100px; position: relative; z-index: 1; padding: 0 0 50px;}



@media only screen and (min-width: 1024px) {

    #main{ padding-bottom: 100px; }

}



@media only screen and (min-width: 1224px) {

    #main{

        padding-bottom: 150px;

    }

}





/* ********************************

// footer

******************************** */



#footer{border-top: solid 1px #ddd; padding: 20px 0 20px; font-size: 14px; background: #fff; position: relative; min-height: 1px; margin: 0 0 -2em;}

#footer .container{padding: 0px; margin: 0 6.25%;}



@media only screen and (min-width: 600px) {

#footer{ padding: 35px 0 35px; }

}



@media only screen and (min-width: 1024px) {

#footer .container{ margin: 0 12.5%; }

#footer{ padding: 50px 0 75px; }

}



@media only screen and (min-width: 1224px) {

#footer{ display: none; }

}





#footer h3{font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; text-transform: lowercase; margin: 0 0 20px; font-size: 24px;}

#footer h3 a{color: #000; text-decoration: none;}



/*

// footer contact

*/



#footer .contact{min-width: 250px; float: left; width: 100%; margin: 0 0 30px;}

#footer .contact .vcard .type{display: inline-block; width:80px; color: #888;}

#footer .contact .vcard .email{margin-top: 10px;margin-bottom: 5px;}

#footer .contact a{color: #000;text-decoration: none;}

#footer .contact a:hover{ color: #888; }

#footer .twitter-icon .gph{display: none;}



/*

// newletter

*/



#footer .newsletter{border-top:solid 1px #ddd; padding:20px 0 0; float:left; width:100%;}

#footer .newsletter label{display:none;}

#footer .newsletter .field{margin: 0 5px 5px 0;}

#footer .newsletter .txtinput{padding: 5px;}

#footer .newsletter .txtinput input{ font-size: 16px; }

#footer .newsletter .footersubmit{display:block; height:25px; text-align:center; line-height:25px; color:#fff; background:#aaa; text-decoration:none; float: left; font-size: 12px; padding: 5px 10px;}

#footer .newsletter .footersubmit:hover{background: #000;}

#footer .newsletter .footersubmit .gph{margin: 0 0 0 .5em;}



@media only screen and (min-width: 600px) {	

#footer .contact{ width: 50%; }

#footer .newsletter{ width: 50%;  border-top: none; padding-top: 0; }

#footer .field{ width: 100%; max-width: 300px; }

}



@media only screen and (min-width: 1024px) {

#footer .contact{ width: 33%; }

#footer .newsletter{ width: 66%; }

}



/* ********************************

// fs image

******************************** */



[data-fs-image]{background-repeat:no-repeat;background-position: center center; background-size: cover; background-image: none; background-color: #222; overflow: hidden; position: relative; min-height: 1px;}

[data-fs-image] *{z-index: 2;}

[data-fs-image] img.fs-img{position:absolute; z-index:0; top:0; left:0; right:0; visibility:hidden;}

img.fs-bgwidth{ width: 100%; left: 0; right: 0; top: 0; height: auto; }

img.fs-bgheight{ height: 100%; top: 0; bottom: 0; left: 0; width: auto; }



/*

// dump

*/

.bestdot{padding: 0 0 0 25px; background:url(best.png) no-repeat 0 center;}



@media only screen and (min-width: 600px) {	

    .bestdot{ padding: 0 0 0 30px; margin-left: -30px; }

}



@media only screen and (min-width:100px) {	

#mainnav ul{display:none; margin:0; padding:0;}

#mainnav ul ul{display:block; padding:0; position:static; top:0px; left:0px; margin:0;}

#mainnav ul ul ul{display:block; padding:0; position:static; top:0px; left:0px; z-index:9999;}

#mainnav ul li:hover > ul {display: block;}

#mainnav ul li:hover{color:#000; border-radius:3px;}

#mainnav ul li a{ color:#FF8000;}

#mainnav ul li a:hover a {color:#000;}

#mainnav ul ul li {font-size:15px; background:#000; width:100%; border-radius:3px;}

#mainnav ul ul li a {padding:2px 30px; color: #fff; border-bottom:#333 dotted 1px;}

#mainnav ul ul:after {content:""; width:0; height:0; border-left:0xp; border-right:0px; border-bottom:0px; border-top:0px; position:absolute; top:6px; right:80%;}

#mainnav ul ul li a:hover {color:#000;}



#mainnav ul ul li:hover a{color:#FF8000;}

#mainnav ul ul li:hover{background:#000; color:#888;}

#mainnav ul ul ul li {font-size:15px; background:none; width:100%; border-radius:3px;}

#mainnav ul ul ul li a {padding:4px 30px 4px 60px; color:#fff !important; border-bottom:#333 dotted 1px;}

#mainnav ul ul ul:after {content:""; width:0; height:0; border-top:0px; border-bottom:0px; border-right:0px; border-left:0px; position:absolute; top:10px; right:100%; z-index:99999;}

#mainnav ul ul ul li a:hover {color:#fff !important; background:#E57916; text-shadow:1px 1px 0px rgba(0,0,0,0.4);}

}



@media only screen and (min-width:600px) {	

#mainnav ul{display:block;}

#mainnav ul ul{display:none; padding:15px 0 0; position:absolute; top:30px; left:0%; z-index:9999;}

#mainnav ul ul ul{display:none; padding:0;  position:absolute; top:0px; left:-248px; z-index:9999; width:250px;}

#mainnav ul li:hover > ul {display: block;}

#mainnav ul li:hover{color:#fff; background:#000; border-radius:3px;}

#mainnav ul li a{color:#000;}

#mainnav ul li:hover a {color: #fff;}

#mainnav ul ul li {font-size:16px; background:#000; width:100%; border-radius:3px;}

#mainnav ul ul li a {padding:8px 20px; color: #fff; border-bottom:#333 dotted 1px;}

#mainnav ul ul:after {content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid black; border-top:0px; position:absolute; top:6px; right:80%;}

#mainnav ul ul li a:hover {color:#FF8000;}



#mainnav ul ul li:hover a{color:#FF8000;}

#mainnav ul ul li:hover{background:#000; color:#888;}

#mainnav ul ul ul li {font-size:18px; background:#E57916; width:250px; border-radius:3px;}

#mainnav ul ul ul li a {padding:8px 30px; color:#000 !important; border-bottom:#333 dotted 1px;}

#mainnav ul ul ul:after {content:""; width:0; height:0; border-top:0px; border-bottom:0px; border-left:0px; border-right:0px; position:absolute; top:10px; right:160px; z-index:99999;}

#mainnav ul ul ul li a:hover {color:#fff !important; background:#E57916; text-shadow:1px 1px 0px rgba(0,0,0,0.4);}

}

@media only screen and (min-width:950px) {

#mainnav ul ul ul{display:none; padding:0;  position:absolute; top:0px; left:99%; z-index:9999;}

#mainnav ul ul li:hover a{color:#FF8000;}

#mainnav ul ul li:hover{background:#000; color:#888;}

#mainnav ul ul ul li {font-size:18px; background:#E57916; width:250px; border-radius:3px;}

#mainnav ul ul ul li a {padding:8px 30px; color:#000 !important; border-bottom:#333 dotted 1px;}

#mainnav ul ul ul:after {content:""; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #E57916; border-left:0px; position:absolute; top:10px; right:100%; z-index:99999;}

#mainnav ul ul ul li a:hover {color:#fff !important; background:#E57916; text-shadow:1px 1px 0px rgba(0,0,0,0.4);}

}

@media only screen and (min-width:1224px) {	

#mainnav ul{display:block;}

#mainnav ul ul{display:none; padding:0 30px 0 0; position:absolute; top:0px; left:-280px; z-index:9999;}

#mainnav ul ul ul{display:none; padding:0; position:absolute; top:0px; left:-248px; z-index:9999;}

#mainnav ul li:hover > ul{display: block;}

#mainnav ul li:hover{background:none; color:#888;}

#mainnav ul li{ width:auto;}

#mainnav ul li a{color:#000;}

#mainnav ul li:hover a{color:#888;}

#mainnav ul ul li {font-size:18px; background:#000; width:250px; border-radius:3px;}

#mainnav ul ul li a {padding:8px 30px; color:#fff; border-bottom:#333 dotted 1px;}

#mainnav ul ul:after {content:""; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid black; border-right:0px; position:absolute; top:10px; right:20px; z-index:9999;}

#mainnav ul ul li a:hover {color:#FF8000; background:#000;}



#mainnav ul ul li:hover a{color:#FF8000;}

#mainnav ul ul li:hover{background:#000; color:#888;}

#mainnav ul ul ul li {font-size:18px; background:#E57916; width:250px; border-radius:3px;}

#mainnav ul ul ul li a {padding:8px 30px; color:#000 !important; border-bottom:#333 dotted 1px;}

#mainnav ul ul ul:after {content:""; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #E57916; border-right:0px; position:absolute; top:10px; right:-10px; z-index:9999;}

#mainnav ul ul ul li a:hover {color:#fff !important; background:#E57916; text-shadow:1px 1px 0px rgba(0,0,0,0.4);}



}