@charset "utf-8";

html { height: 100% }
body { height: 100%; margin: 0; padding: 0; position: relative; overflow-y: hidden; background-image: url('../images/bodyBack2.jpg'); background-position: center -30px }
body,input { font-family: Verdana, Geneva, Arial, sans-serif; font-size: small }
label { cursor: pointer }
img { border: none }

.nobr { white-space: nowrap }

#header { position: absolute; left: 0; right: 0; top: 0; height: 150px }
#header>div { position: relative; margin: 0 auto; width: 960px; height: 100% }

#nav { position: absolute; z-index: 5; bottom: 62px; font-family: Arial; font-size: 105%; font-weight: bold; width: 100%; border-bottom: 2px solid #fff;
	border-color: #ddd;
	border-color: rgba(255,235,235,0.75);
}

/*#line { position: absolute; height: 2px; width: 100%; margin: 0; padding: 0; bottom: 60px; border: none; z-index: 9;
	background: #CBBCC4;
	backgrounddd: rgba(255,235,235,0.75);
}*/

#nav ul { float: right }
#nav a { text-decoration: none; color: #f9f9f9 }
#nav ul, #nav li { list-style: none; padding: 0; margin: 0; display: inline }
#nav ul li { float: left; position: relative; text-transform: uppercase }	/* uppercase because of Google Translate */
#nav ul li+li+li+li+li { margin-right: 4em }
#nav>ul>li { border-radius: 6px 6px 0 0; margin: -1px 2px }
#nav ul li a { display: block; padding: 8px 10px 5px 10px; white-space: nowrap }
#nav>ul>li:hover a { color: #015 }
#nav ul li ul li { width: 100%; text-transform: uppercase }	/* uppercase because of Google Translate */
#nav ul ul { 
	position: absolute;
	top: -99999px;
	left: 0;
	opacity: 0;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	background: #cccdd6;
	padding: 2px;
	border-radius: 0 6px 6px 6px; 
	box-shadow: #111 0 4px 8px;
}
#nav>ul>li:hover {
	box-shadow: #111 0 0 8px; background: #cccdd6;
	transition: background .3s, box-shadow .3s;
	-webkit-transition: background .3s, box-shadow .3s;
	-moz-transition: background .3s, box-shadow .3s;
	-o-transition: background .3s, box-shadow .3s;
}
#nav>ul>li:hover { border-radius: 6px 6px 0 0 }
/*#nav>ul>li:nth-child(2):hover,#nav>ul>li:nth-child(4):hover,#nav>ul>li:nth-child(5):hover,#nav>ul>li:nth-child(6):hover { border-radius: 6px 6px 0 0 }*/
/*#nav ul li:hover { color: #000 }*/
#nav ul li:hover>ul { opacity: 1; position: absolute; top: 99%; left: 0 }
#nav ul ul li:hover { background: #E1E1E8; border-radius: 4px }
/*#nav ul ul li:hover a { color: #000 }*/
#nav ul ul li a { color: #000 }

#main>div:first-child+div>div>div,#knobs div:hover {
	background: #ddf;
	background: rgba(255,245,245,0.8);
}

.button1,.button2,.button3,.submit { padding: 0.22em 0.5em; border: none; color: #fff; text-decoration: none; font-size: 125%; border-radius: 10px; cursor: pointer }
.button1:hover,.button2:hover,.button3:hover,.submit:hover { background-position: 0 54px }
.button1,.submit { background: url('../images/button1.png') }
.button2 { background: url('../images/button2.png') }
.button3 { background: url('../images/button3.png') }

#footer { position: fixed; bottom: 0; width: 100%; color: #333; background-color: #aaa }
#footer>div { display: table; width: 960px; margin: 0 auto }
#footer>div>div { display: table-cell; vertical-align: middle; height: 3em; white-space: nowrap }
#footer>div>div:first-child+div { font-size: 85% }
#footer>div>div:first-child+div+div ul { list-style-type: none; font-size: 80%; margin: 0; padding: 0 }
#footer>div>div:first-child+div a,#footer>div>div:first-child+div+div ul a { color: #333; text-decoration: none }
#footer>div>div:first-child+div a:hover,#footer>div>div:first-child+div+div ul a:hover { text-decoration: underline }
#footer>div>div:first-child+div+div+div { font-size: 125%; font-weight: bold; text-align: center }
#footer>div>div>div { width: 120px; margin: 0 }

#google_translate_element { height: 18px; padding: 10px; text-align: right }
#google_translate_element .goog-te-gadget-simple { background-color: transparent }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { color: #aaa }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:hover { color: #ddd }
.goog-te-gadget-icon{ display: none !important }

/* Keep our layout from scrolling by eliminating the banner */
body { top: 0 !important; position: static !important }
.goog-te-banner-frame { display: none !important }

/* Disable Google translate popup */
.goog-te-balloon-frame { display: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow none !important }
.goog-te-balloon { display: none !important }
#goog-gt-tt { display: none !important; text-decoration:none; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow none !important }
font { background: transparent !important }
#goog-gt-tt .status-message { text-shadow: none !important }
#goog-gt-tt .alt-menu, .goog-text-highlight, #goog-gt-tt .trans-target-highlight, #alt-input-text:hover, #alt-input-text:focus { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow none !important }