/* eric meyer's css reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.125em; } /* 18px based on a default font size of 16px */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
th { text-align: left; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* end mr. meyer */

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* The following is a CSS trick for cross-browser vertical centering of an arbitrary amount of text */
.vertCtrOuter { overflow: hidden; display: table; position: static; }
	* html .vertCtrOuter { display: block; position: relative; }
	*:first-child+html .vertCtrOuter { display: block; position: relative; }
		.vertCtrMiddle { display: table-cell; vertical-align: middle; position: static; }
		* html .vertCtrMiddle { position: absolute; top: 50%; }
		*:first-child+html .vertCtrMiddle { position: absolute; top: 50%; }
			.vertCtrInner { position: relative; top: -50%; }

html, body { font-family: Helvetica, Arial, Sans-Serif; background: #000000; color: #ffffff; }
a { text-decoration: none; }
a img { border: 0; }
.nocap { text-transform: none !important; }

#oCntnr { width: 100%; height: 100%; position: relative; background: #000000; }
#iCntnr { margin: 0 auto; width: 1006px; position: relative; }
	#headCntnr { height: 78px; overflow: hidden; background: url(../images/header-back.png) no-repeat; margin-bottom: 30px; }
		#logoLink { height: 78px; width: 320px; overflow: hidden; background: url(../images/logo.jpg) no-repeat; float: left; margin-left: 30px; 
					text-indent: -9999px; }
		#globalNav { float: right; margin-right: 1px; margin-top: 40px; }
			#globalNav li { float: left; margin-right: 25px; }
				#globalNav li a { text-transform: uppercase; color: #999999; font-size: 0.6em; }
				#globalNav li a.on { color: #66ccff; }
				#globalNav li a:hover { color: #ffffff; }
	#navCntnr { background: #333333; height: 30px; padding-left: 140px; position: absolute; top: 80px; z-index: 2; width: 866px; }
		#nav { z-index: 2; }
			#nav li { float: left; position: relative; }
				#nav li a { text-transform: uppercase; color: #999999; font-size: 0.7em; line-height: 32px; display: block;
							height: 30px; padding: 0 15px; }
				#nav li:hover a, #nav li.over a, #nav li a.on { background: #66ccff; }
				#nav li a.on { color: #333333; }
				#nav li ul { display: none; background: #212121; margin: 0; }
				#nav li:hover ul, #nav li.over ul { display: block; z-index: 2; position: absolute; left: 0; top: 30px; }
					#nav li:hover ul li, #nav li.over ul li { float: none; background: #212121; }
						#nav li:hover ul li a, #nav li.over ul li a { display: block; padding: 8px 10px 6px 10px; line-height: normal; color: #cccccc; 
																	  text-transform: uppercase; float: none; height: auto; background: #212121; white-space: nowrap; }
						#nav li:hover ul li a:hover, #nav li.over ul li a:hover { background: #4d4d4d; }
	#contentCntnr { height: auto; }
		#socialNetworkLinks { position: absolute; bottom: 0; left: 40px; z-index: 5; }
			#socialNetworkLinks li { float: left; margin-right: 10px; }
				#socialNetworkLinks li a { display: block; float: left; width: 22px; height: 22px; text-indent: -9999px; }
				#facebookLink { background: transparent url(../images/social-icons-facebook.jpg) no-repeat; }
				#twitterLink { background: transparent url(../images/social-icons-twitter.jpg) no-repeat; }
				a.stbutton { background-image: url(../images/social-icons-sharethis.jpg) !important; text-indent: 0 !important; 
							 padding-left: 30px !important; width: auto !important; color: #999999; font-size: 0.7em; line-height: 24px; }
				a.stbutton:hover { text-decoration: underline; }
.valMessage { color: #ff0000; font-size: 1em; text-transform: none !important; cursor: default; }
.submitButton { height: 14px !important; width: 97px !important; overflow: hidden; padding: 0 !important; }
				
/* PAGE-SPECIFIC STYLES */
#homeContent { padding: 50px 30px 100px 80px; margin-bottom: 70px; background: url(../images/footer-back.jpg) no-repeat left bottom; }
	#homeContent h2 { text-transform: uppercase; font-size: 1.75em; color: #ffffff; font-weight: bold; margin-bottom: 2px; }
	#homeContent h3 { text-transform: uppercase; font-size: 1.91em; color: #66ccff; font-weight: normal; margin-bottom: 20px; }
	#homeContentBody { margin-left: 120px; width: 600px; float: left; }
		#homeContentBody p { font-size: 0.85em; line-height: 1.4em; width: 600px; margin-bottom: 20px; }
		#featureList { }
			#featureList h4 { float: left; margin-right: 40px; color: #66ccff; font-weight: normal; font-size: 0.9em; }
			#featureList ul { float: left; }
				#featureList li { color: #ffffff; list-style-image: url(../images/list-bullet.png); font-size: 0.85em; margin-bottom: 3px; }
	#beginLink { background: url(../images/begin-button.png) no-repeat right center; padding-right: 40px; float: right; margin-top: 130px; 
				 height: 66px; line-height: 68px; text-transform: uppercase; font-size: 0.7em; color: #3fc5ea; }
				 
#btnClose { display: block; margin-left:390px; }
#container_modal { display: none; }
.container_iframe { background-color: #000; padding: 10px; border: solid 1px #999; }

#machinesSlideshow { z-index: 1; }
	.machine { width: 1006px; height: 708px; overflow: hidden; background-repeat: no-repeat; }
		.machine .content { margin-left: 700px; margin-top: 80px; width: 286px; }
			.machine .content h2 { font-size: 2em; margin-bottom: 7px; font-weight: bold; color: #ffffff; background: #000000; }
			.machine .content p { font-size: 0.7em; line-height: 1.6em; }
			.machine .content a { font-size: 0.6em; color: #66ccff; text-transform: uppercase; display: block; text-align: right;
								  background: url(../images/link.png) no-repeat right center; padding-right: 15px;
								  width: 160px; margin-left: 60px; margin-top: 20px; line-height: 1.1em; }
	#mag-1 { background-image: url(../images/machines/mag1.jpg); }
	#mmc-r { background-image: url(../images/machines/mmc.jpg); }
	#d500-ver-b { background-image: url(../images/machines/d500.jpg); }
	#a51nx-a61nx { background-image: url(../images/machines/a51nx.jpg); }
	#duo64 { background-image: url(../images/machines/duo64.jpg); }
	#upv-3 { background-image: url(../images/machines/upv.jpg); }
	#edaf-3-fh { background-image: url(../images/machines/edaf.jpg); }
	#f5 { background-image: url(../images/machines/f5.jpg); }
	#f5-5xr { background-image: url(../images/machines/f5_5xr.jpg); }
	#iq300 { background-image: url(../images/machines/iq300.jpg); }
	#v33i-5xb { background-image: url(../images/machines/v33i_5xb.jpg); }
	.machinesSlideshowCtrl { position: absolute; width: 32px; height: 65px; overflow: hidden; top: 50%; margin-top: -33px;
							 background-repeat: no-repeat; text-indent: -9999px; z-index: 5; }
	#machinesSlideshowPrev { background-image: url(../images/carousel-prev.png); left: 0; }
	#machinesSlideshowNext { background-image: url(../images/carousel-next.png); right: 0; }
	
#lunchAndLearnContent { padding: 30px 80px 100px 80px; margin-bottom: 20px; background: url(../images/footer-back-gray.jpg) no-repeat left bottom; }
	#lalHeadingCntnr { margin-bottom: 3px; }
		#lalHeadingCntnr h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; float: left; margin-right: 5px; }
		#lalHeadingCntnr h3 { text-transform: uppercase; font-size: 1.15em; color: #ffffff; font-weight: normal; float: left; padding-top: 5px; }
	#lunchAndLearnContent p { color: #cccccc; font-size: 0.85em; line-height: 1.4em; width: 790px; }
	#lunchAndLearnContent h4 { color: #ffffff; font-size: 3em; text-transform: uppercase; padding: 50px 0 200px 0; }
	#whenWhereCntnr { margin-top: 20px; }
		#lunchAndLearnContent #whenWhereCntnr p { width: auto; }
		#whenWhere { height: 70px; width: 300px; padding: 15px; background: url(../images/feature-box-bg.jpg) repeat-x top left; margin-right: 5px;
					 float: left; overflow: hidden; }
			#whenWhere p { margin-left: 44px; }
			#whenWhere strong { display: inline-block; color: #66ccff; font-weight: bold; width: 40px; text-align: right; margin-left: -44px; }
		#whenWhereDescription { height: 70px; padding: 15px 25px; background: url(../images/feature-box-bg.jpg) repeat-x top left; width: 455px; 
								float: left; overflow: hidden; }
		#schedule { margin-top: 10px; border-collapse: collapse; width: 840px; }
			#schedule th { padding: 2px 0 15px 20px; border-left: 1px solid #909090; font-weight: bold; font-size: 1em; color: #66ccff;
						   text-transform: uppercase; }
			#schedule .thRowHeading { padding-left: 2px; border-left: 0; }
			#schedule td { padding: 10px 20px; border-left: 1px solid #909090; border-top: 1px solid #909090;
						   vertical-align: top; }
				#schedule td p { font-size: 0.8em; float: left; width: 340px; }
				#schedule td img { float: right; width: 90px; height: 90px; overflow: hidden; }
			#schedule .rowHeading { padding-left: 2px; border-left: 0; text-transform: uppercase; color: #66ccff; font-weight: bold; font-size: 0.8em; 
									white-space: nowrap; }
				#schedule td strong { color: #66ccff; font-weight: bold; font-size: 1em; text-transform: uppercase; }
			#schedule .lalRegisterButton { text-transform: uppercase; font-weight: bold; color: #006699; padding: 15px 30px;
										   background: url(../images/button-bg.jpg) repeat-x top left; height: 20px; line-height: 52px; }
			#schedule .lalRegisterButton:hover { color: #66ccff; }
      #schedule .lalRegisterClosed{color: #66CCFF; font-weight: bold;}
										   
#lalRegisterContent { padding: 30px 50px 100px 10px; margin-bottom: 20px; background: url(../images/footer-back-gray.jpg) no-repeat left bottom; }
	#lalRegisterHeadingCntnr { margin-bottom: 20px; margin-left: 70px; }
		#lalRegisterHeading { float: left; width: 600px; }
			#lalRegisterHeading h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; margin-bottom: 3px; }
			#lalRegisterHeading p { color: #cccccc; font-size: 0.85em; line-height: 1.4em; }
			#lalRegisterHeadingCntnr #backLink { font-size: 0.6em; color: #66ccff; text-transform: uppercase; display: block;
												 background: url(../images/link-back.png) no-repeat left center; padding-left: 18px; 
												 line-height: 1.1em; float: right; width: 120px; }
	#lalRegisterFormCntnr { }
		#lalRegisterFormCntnr h3 { text-transform: uppercase; font-weight: bold; font-size: 0.9em; color: #66ccff; }
		.lalRegisterInnerCntnr { height: 350px; background: url(../images/registration-section-bg.png) repeat-x left top; padding: 10px; }
		#seminarCntnr { float: left; width: 600px; margin-right: 5px; }
			#seminarCntnr h3 { margin-bottom: 20px; }
			#seminars { border-collapse: collapse; width: 600px; }
				#seminars th { border-bottom: 1px solid #909090; color: #66ccff; font-size: 0.9em; text-transform: uppercase; border-left: 1px solid #909090; padding: 2px 0 15px 15px; }
				#seminars td { border-bottom: 1px solid #909090; color: #999999; font-size: 0.8em; text-transform: uppercase; border-left: 1px solid #909090; padding: 10px 15px; }
				#seminars .firstCell { border-left: 0; padding-left: 2px; width: 175px; }
				#seminars tfoot tr, #seminars tfoot td { border: 0; }
		#contactInfoCntnr { float: left; width: 300px; }
			#contactInfoCntnr h3 { margin-bottom: 50px; }
			.contactInfoRow { margin-bottom: 2px; }
				#contactInfoCntnr label { float: left; font-size: 0.7em; color: #cccccc; width: 95px; margin-right: 5px; line-height: 18px; }
				#contactInfoCntnr input { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 17px; width: 190px; }
				#contactInfoCntnr select { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 19px; width: 192px; }
				#contactInfoCntnr .valMessage { float: right; }
				#contactInfoCntnr .submitButton { margin-top: 20px; margin-right: 50px; }
		.submissionMessage h3 { color: #66ccff; font-weight: bold; font-size: 1em; text-transform: uppercase; margin-left: 70px; }
		.submissionMessage p { color: #ffffff; font-size: 0.8em; margin-bottom: 300px; margin-left: 70px; }
		
#appointmentCntnr { padding: 30px 50px 100px 10px; width: 946px; margin-bottom: 20px; background: url(../images/makino-logo-bg.jpg) no-repeat right 100px; }
	#appointmentCntnr h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; margin-bottom: 3px; margin-left: 80px; }
	#appointmentCntnr p { color: #cccccc; font-size: 0.85em; line-height: 1.4em; margin-left: 80px; }
	#appointmentFormCntnr { width: 620px; background: #000000 url(../images/registration-section-bg.png) repeat-x left bottom; padding: 10px;
							margin: 20px 0 0 30px; height: 370px; }
		#appointmentSelectCntnr { margin-bottom: 50px; }
			#appointmentDateSelectCntnr { float: left; width: 205px; margin-right: 40px; }
			#appointmentTimeSelectCntnr { float: left; width: 205px; }
			#appointmentFormCntnr #appointmentSelectCntnr .valMessage { float: none; }
		#appointmentColumnCntnr { }
			.appointmentColumn { float: left; width: 300px; margin-right: 10px; }
				.appointmentRow { margin-bottom: 4px; }
					.appointmentRow label { float: left; font-size: 0.7em; color: #cccccc; width: 95px; margin-right: 5px; line-height: 18px; }
					.appointmentRow input { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 17px; width: 190px; }
					.appointmentRow select { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 19px; width: 192px; }
					#appointmentFormCntnr .valMessage { float: right; }
					#appointmentFormCntnr .submitButton { margin-top: 20px; margin-left: 300px; }
		.appointmentCommentCntnr { clear: both; margin-top: 20px; }
			.appointmentCommentCntnr label { float: left; font-size: 0.7em; color: #cccccc; width: 95px; margin-right: 5px; line-height: 18px; }
			.appointmentCommentCntnr textarea { float: right; background: #a8a8a8; padding: 0; border: 0; height: 70px; width: 503px;
												margin-right: 10px; }
	#appointmentCntnr .submissionMessage { margin-top: 40px; }
		#appointmentCntnr .submissionMessage h3 { margin-left: 80px; }
		#appointmentCntnr .submissionMessage p { width: 600px; }
		
#contactUsContent { padding: 30px 50px 100px 10px; width: 946px; margin-bottom: 20px; background: url(../images/makino-logo-bg.jpg) no-repeat right 100px; }
	#contactUsContent h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; margin-bottom: 3px; margin-left: 80px;
	                       width: 420px; overflow: hidden; }
	#contactFormCntnr { width: 620px; background: #000000 url(../images/registration-section-bg.png) repeat-x left bottom; padding: 10px;
	                    padding-top: 60px; margin: 20px 0 0 30px; height: 370px; }
		#contactColumnCntnr { }
			.contactColumn { float: left; width: 300px; margin-right: 10px; }
				.contactRow { margin-bottom: 4px; }
					.contactRow label { float: left; font-size: 0.7em; color: #cccccc; width: 95px; margin-right: 5px; line-height: 18px; }
					.contactRow input { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 17px; width: 190px; }
					.contactRow select { float: right; background: #a8a8a8; padding: 1px; border: 0; height: 19px; width: 192px; }
					#contactFormCntnr .valMessage { float: right; }
					#contactFormCntnr .submitButton { margin-top: 20px; margin-left: 300px; }
		.contactCommentCntnr { clear: both; margin-top: 20px; }
			.contactCommentCntnr label { float: left; font-size: 0.7em; color: #cccccc; width: 95px; margin-right: 5px; line-height: 18px; }
			.contactCommentCntnr textarea { float: right; background: #a8a8a8; padding: 0; border: 0; height: 70px; width: 503px;
			                                margin-right: 10px; }
	#contactUsContent .submissionMessage { margin-top: 40px; }
		#contactUsContent .submissionMessage h3 { margin-left: 80px; }
		#contactUsContent .submissionMessage p { color: #cccccc; font-size: 0.85em; line-height: 1.4em; margin-left: 80px; width: 600px; }
		
#findUsContent { padding-top: 30px; }
	#findUsContent h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; margin-bottom: 2px; margin-left: 50px; }
	#findUsContent h3 { text-transform: uppercase; font-size: 1.5em; color: #66ccff; font-weight: normal; margin-bottom: 20px; margin-left: 50px; }
	
#pressRoomContent { padding: 30px 50px 100px 90px; margin-bottom: 20px; }
	#pressRoomContent h2 { text-transform: uppercase; font-size: 1.5em; color: #ffffff; font-weight: bold; margin-bottom: 20px; }
	#pressRoomListCntnr { background: #cccccc; padding: 30px 40px 80px 40px; width: 750px; }
		#pressRoomListCntnr h3 { text-transform: uppercase; font-size: 1.5em; color: #000000; font-weight: bold; margin-bottom: 30px; }
		#pressRoomListCntnr ul { }
			#pressRoomListCntnr ul li { clear: both; font-size: 0.7em; margin-bottom: 7px; text-indent: -54px; padding-left: 50px; 
			                            line-height: 1.5em; }
				#pressRoomListCntnr ul li .date { color: #000000; margin: 0; padding: 0; padding-right: 10px; }
				#pressRoomListCntnr ul li a { color: #0066cc; text-transform: uppercase; margin: 0; padding: 0;
				                              border-bottom: 1px solid #0066cc; width: 600px; overflow: hidden; }
				#pressRoomListCntnr ul li a:hover { color: #66ccff; border-bottom-color: #66ccff; }
				
/**
 * CSS File for ezMark jQuery Plugin
 *
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent url('../images/checkboxes.png') 0 -14px no-repeat;
	display:inline-block;
	height: 14px;
	width: 14px;
	overflow: hidden;
	margin-right: 8px;
	position: relative;
	top: 3px;
}

.ez-checkbox { zoom: 1; *display:inline; _height:14px; }
.ez-checked { background-position: 0 0; }

/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#545353; width:191px; background:#ccc; position:absolute; 
			border:1px solid #ccc; left:7px; overflow:visible; z-index:9999;}
.newListSelected { width:196px; color:#545353; height:21px; float:left; 
				   background: #000 url(../images/sselect-bg.png) no-repeat left top; border: none; }
.newListSelected span {width:284px; display:block;}
ul.newList li a {padding:3px 8px; display: block; font-size: 0.8em; }
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:166px; overflow:hidden; height:19px; padding:2px 26px 0 7px; color: #66ccff; font-weight: bold;
			  font-size: 0.8em; }
.hiLite {background:#66ccff!important; color:#fff!important;}
.hiLite a {background:#66ccff!important; color:#fff!important;}
.newListHover {background:#999!important; color:#000!important; cursor:pointer;}
.newListSelHover, .newListSelFocus {cursor:pointer;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

#ImageGallery{padding: 15px 0 0 81px;}