/* CSS Document */
body { margin: 0; padding: 0; font-size: 1em; font-family: "Lucida Grande", "Myriad Pro", "Myriad Web", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; }
body * { margin: 0; padding: 0; font-size: 1em; }

hr { border: none 0; border-top: thin dotted #999; width: 100%; height: 1px; padding: 0 0 10px 0 }
a { color: #3658b8; text-decoration:none; }
a:hover, a.active { color: #ec9813; text-decoration:none; }
fieldset { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; }
legend { font-size: .9em; }
#submit { font-size: .9em; padding: 3px; }

.imgborder { background:white; padding:4px; border:1px solid #999; }
.rightborder { border-right: 1px solid #ccc; }
.leftalign { float:left; margin: 0 20px 20px 0 }
.rightalign { float:right; margin: 0 0 20px 20px }
#indent {  margin: 0 0 0 30px; }

#header { background-image:url(../../assets/images/header_bg_repeat.jpg); background-repeat:repeat-x; background-color:#999933; width:100%; height:auto; }
#headercontent { background-image:url(../../assets/images/header_bg.jpg); width:1000px; margin:0 auto; height:235px; }

#mainnav { top:170px; left:295px; position:relative; }
#mainnav ul li{ padding:0 30px 0 0; display:inline; text-decoration:none; font-size:0.9em; font-weight:bold; color:#FFFFFF; letter-spacing:normal; }
#mainnav ul li a { color: #FFFFFF; text-decoration:none; }
#mainnav a:hover, #mainnav a:active{ color: #3658b8; }

#languages { float:right; position:relative; margin-top:30px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.6em; color:#FFFFFF }
#languages ul li{ padding:0 3px 0 0; display:inline; }

#topnav{ padding-top:5px;float:right;display:block;text-align:right;margin:0; } 
#top ul { margin: 0;padding: 0; }
#topnav ul li { display:inline;text-decoration: none;padding-left: 8px;text-align: right;color: #104054; }
#topnav ul li.home { color:#9A3919; text-decoration: underline; }

.container { width:100%; margin:0 auto; height:auto; }

.footer { bottom:0; width:100%;	height:64px; background:url(../../assets/images/common/footer_bg.jpg) repeat-x; padding:0; margin: 20px 0 0 0; background-color:#011f2f; font-family: verdana, Arial, sans-serif; letter-spacing: .5px; font-style: normal; }	
.inner-footer {	width:1000px; min-width:1000px;	color:#D1E0FA; height:64px;	margin:0 auto; padding:0; position: relative; }
.inner-footer .nav ul { display: block; list-style: none; margin: 0; padding: 5px 0 0 0;	}	
.inner-footer  .nav ul li { border-right: 1px solid #D1E0FA; display: inline; margin: 0 11px 0 0; padding-right: 11px; font-size: 11px; }
.inner-footer .nav ul li a{ color: #D1E0FA; text-decoration: none; }
.inner-footer .nav ul li a:hover{ color: white; border-bottom: thin dotted #4575ff; text-decoration: none; }
.copyright { margin-left:auto; margin-right:auto; font-size: 11px; }

#google_translate_element {
	position: absolute;
	right: 300px;
	margin-top: -11px;
}

#google_translate_element .flag_img {
	float: left;
	margin-right: 5px;
	margin-top: 8px;
}

#google_translate_element .goog-te-gadget {
	color: white;
}

#google_translate_element .goog-logo-link {
	color: white;
}

/*################################################################################
	Drop Down menu styles
################################################################################*/
.menuStyle { color:000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: cccccc; padding: 2px; width: 100%; }
#menuHead1, #menuHead2, #menuHead3, #menuHead4, #menuHead5, #menuHead6, #menuHead7, #menuHead8 { position: relative; }
#menuHead { position: absolute; z-index: 50; margin-top:3px; }
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 { position: absolute; top:27px; z-index: 100; visibility: hidden; width: 150px; }
#drops, #drops.dropsNormal { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #B0C6EB; font-size: 12px; font-weight: bold; cursor: pointer; background-color: #3658b8; /* filter: alpha(opacity=90); opacity:0.9; */ padding-left: 25px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px;	}
#drops.dropsHighlight { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer; background-color: #2672BD; /* filter: alpha(opacity=90); opacity:0.9; */ padding-left: 25px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; }
#drops a { color: #FFFFFF; text-decoration:none; }
#drops a:hover, #drops a.active { color: #FFFFFF; text-decoration:none; }

.maincontent { width:1000px; margin:0 auto; padding:10px; }
.maincontent p, li, a { font-size: 1em; }
.maincontent h1 { font-size: 1.8em; font-weight:bold; padding: 10px 0 10px 0; }
.maincontent h3 { font-size: 1em; font-weight:bold; padding-bottom: 10px; }
.maincontent p { line-height: 1.5; padding-bottom: 10px; margin-left: 20px; }
.maincontent ul { display: block; margin: 0 0 0 0px; padding: 5px 0 0 20; }
.maincontent li { list-style: disc outside; margin: 0 20px 0 30px; padding-bottom: 5px; }
.maincontent hr .closepadding  { color:#FF0 }
.maincontent .underline { border-bottom: 1px solid #ccc; margin: 0 0 10px 0; }
.maincontent blockquote { margin: 20px 40px 20px 40px; }

/*################################################################################
	Homepage
################################################################################*/
div#homePitch { width:960px; background-color:#fff3b1; min-height:420px; padding:20px; }
div#pitch { float: left; width: 450px; text-align: center; }
#asset { float: right; width: 510px; text-align: left; margin-bottom: 20px; }
#asset p { font-size: .8em; margin-bottom: 0; }
#asset h1 { font-size: 1.2em; margin-bottom: -7px; }
#asset img { float: left; margin: 0 15px 10px 0; }

#homeServices { width:100%; margin-top:30px; clear:both; }
#homeServices #row { border-bottom: 1px solid #ccc; margin: 0; padding:5px 10px 5px 20px; width: 970px; }
#homeServices h1 { font-size: 1.4em; font-weight:bold; }
#homeServices h3 { font-weight:bold; }
#homeServices p { line-height: 1.1em; }

#homeDistributers { width:100%; padding-top: 20px; margin:20px 0 10px 0; clear:both; }
#homeDistributers #column { border-right: 1px solid #ccc; padding:10px; height: 150px; width: 145px; float: left; text-align: center; }
#homeDistributers h1 { font-size: 1.4em; font-weight:bold; }
#homeDistributers p { line-height: 1.1em; }
#homeDistributers img { margin-bottom: 10px; }
#homeDistributers #description { padding:0 10px 20px 20px; }

/*################################################################################
	Page Layouts
################################################################################*/
#h_3col { width:100%; }
#h_3col_header { padding:10px; }
#h_3col_column { padding:10px; min-height: 150px; width: 310px; float: left; }
#h_3col h1 { font-size: 1.4em; font-weight:bold; padding-bottom: 10px; }

#h_2col { width:100%; }
#h_2col_header { padding:10px; }
#h_2col_column { padding:10px; min-height: 150px; width: 465px; float: left; }
#h_2col_column #row { padding:5px 0 5px 0; }

#h_r { width:100%; }
#h_r h1 { padding-top:10px; }
#h_r #row { padding:5px 0 5px 0; width: 970px; }

#formbox { width: 75%; padding:20px; }


/*###############################################################################*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {
	border: 0px;
}

#hmi {
	position: relative;
	margin: auto;
	width: 855px;
	height: 446px;
	background: url('../../assets/images/hmi.png') no-repeat;
	padding-top: 104px;
	padding-left: 135px;
}

#push_buttons {
	float: left;
	width: 1050px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#push_buttons .button {
	float: left;
	height: 100px;
	background: url('../../assets/images/button-bg.png') repeat-x;
	margin-right: 5px;
	font-size: 13px;
	text-align: center;
	border: 1px black solid;
}

#push_buttons .button_body {
	height: 97px;
	background: url('../../assets/images/button.png') center center no-repeat;
	color: #000000;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#google_translate_element {
	position: absolute;
	right: 300px;
	margin-top: -11px;
}

#showtoggler {
	padding-left: 225px;
	padding-top: 25px;
}