/* ---------- HTML5 ---------- */
header, footer, section, nav, article, details, hgroup, summary {
	display: block;
}

/* ---------- IMPORT CLASSES ---------- */
@import 'classes.less';


/* ---------- VARIABLES ---------- */
@nobile: NobileRegular, Arial, Helvetica, Sans-serif;

::selection {
        background: #000; /* Safari */
				color: #fff;
}
::-moz-selection {
        background: #000; /* Firefox */
				color: #fff;
}
body {
	background: #0e1b22;
	.bodybg {
		height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
	}
	.doubleM {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -32px;
		z-index: -1;
		img {
			width: 391px;
			height: 328px;
			margin: 60px auto 0;
		}
	}
	padding-top: 25px;
	font-family: @nobile;
	&.closetop {
		padding-top: 0;
	}
}
a {
	outline: none;
}
frameset {
	margin: 0;
	padding: 0;
	frame {
		margin: 0;
		padding: 0;
	}
}
.push {
	position: absolute;
	z-index: -1;
	min-height: 546px;
	height: 100%;
	width: 100%;
	margin-top: -25px;
	clear: both;
	left: 0;
}
nav {
	background: url('images/nav-dock.png') no-repeat center 63px;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	&.icon-display li {
		padding-bottom: 10px;
	}
	&.icon-display li a {
		height: 95px !important;
	}
}
.icon-container {
	width: 720px;
	height: 370px !important;
	overflow: hidden;
	margin: 0 auto;
	.icon-display {
		width: 720px !important;
		height: 370px !important;
	}
}
.icon-display {
	ul {
		padding: 0 10px;
		width: 700px !important;
		margin: 0 auto;
	}
	li {
		float: left;
		margin-right: 40px;
		padding-bottom: 20px;
	}
	li a {
		display: block;
		width: 88px;
		height: 87px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		padding: 13px 10px 0;
		text-align: center;
		line-height: 15px;
		color: #1274a9;
		span {
			display: block;
		}
		&.img {
			width: 98px;
			height: 90px;
			padding: 5px;
			color: #fff;
			font-size: 10px;
			position: relative;
			.name {
				margin-top: 11px;
			}
		}
		&.blue {
			background: url('images/blue-icon.png') no-repeat;
		}
		&.white {
			background: url('images/white-icon7.png') no-repeat;
		}
		&.logo {
			background: url('images/nav-meagley.png') no-repeat;
		}
		&.logo.ic {
			height: 77px;
		}
		&.company {
			background: url('images/nav-company.png') no-repeat;
		}
		&.products {
			background: url('images/nav-products.png') no-repeat;
		}
		&.technologies {
			background: url('images/nav-tech.png') no-repeat;
		}
		&.services {
			background: url('images/nav-services.png') no-repeat;
		}
	}
	&.set2 {
		left: 1000px;
	}
}
#copyright-designby {
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #376985;
	width: 700px;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	.copyright {
		float: left;
		padding-top: 8px;
	}
	.designby {
		float: right;
		a {
			text-decoration: none;
			color: #376985;
			display: block;
			text-indent: -9999px;
			background: url('images/bdg-logo.png') no-repeat 0 0;
			width: 86px;
			height: 23px;
			&:hover {
				background-position: 0 -33px;
			}
		}
	}
}
#tooltop {
	background: url('images/tooltopbg.png') repeat-x;
	height: 84px;
	position: relative;
	.meagley-request {
		width: 265px;
		margin: 0 auto;
		position: relative;
		.logo {
			display: block;
			text-indent: -9999px;
			background: url('images/tooltop-logo.png') no-repeat;
			width: 66px;
			height: 56px;
			float: left;
			margin-top: 14px;
		}
		.request {
			display: block;
			text-indent: -9999px;
			background: url('images/tooltop-request.png') no-repeat;
			width: 162px;
			height: 37px;
			float: right;
			margin-top: 26px;
			&:hover {
				background-position: 0 -47px;
			}
		}
	}
	.close {
		display: block;
		text-indent: -9999px;
		background: url('images/tooltop-close.png') no-repeat;
		width: 30px;
		height: 31px;
		position: absolute;
		right: -4.5em;
		top: 25px;
	}
}
.content {
	background: url('images/content-bartop.png') no-repeat;
	width: 700px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	line-height: 1.8em;
	max-height: 395px;
	overflow: hidden;
	.mid {
		background: #fff;
		padding: 0 20px;
	}
	h1 {
		font-size: 18px;
		margin-bottom: 0.5em;
	}
	p {
		font-size: 11px;
		margin-bottom: 0.5em;
	}
}
.info-request-form-content {
	width: 40%;
	float: left;
}
.form {
	fieldset {
		width: 100%;
		font-size: 11px;
		line-height: 20px;
		div {
			width: 47%;
			margin-right: 5%;
			float: left;
			&.last {
				margin-right: 0;
			}
		}
	}
	label {
		display: block;
		clear: both;
	}
	input, textarea {
		border: 1px solid #ccc;
		font-size: 11px;
		font-family: @nobile;
		padding: 4px;
		width: 98.5%;
		&.last {
			margin-bottom: 0;
		}
		&:focus {
			.box-shadow(0, 0, 5px, 0, rgba(0,0,0,.3));
			border-color: #aaa;
		}
	}
	textarea {
		height: 80px;
	}
	.button {
		background: url('images/tooltop-request.png') no-repeat;
		width: 162px;
		height: 37px;
		border: 0 none;
		text-indent: -9999px;
		font-size: 0;
		color: #fff;
		display: block;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		&:hover {
			background-position: 0 -47px;
		}
	}
}
#iframe-container {
	background: #fff;
	width: 100%;
	height: 100%;
}
#youtube-stage{
	background: url('images/video-dock.png') no-repeat center 61px;
	width: 778px;
	.video-icons {
		overflow: hidden;
		width: 592px !important;
		margin: 0 auto;
	}
	li {
		float: left;
		margin-right: 40px;
		margin-bottom: 15px;
		padding-bottom: 0;
		background: url('images/shadow-icon.png') no-repeat 0 91px;
		&:hover {
			background-position: 0 -9px;
		}
		&.last {
			margin-right: 0;
		}
		a {
			display: block;
			text-indent: -9999px;
			height: 95px;
			.vid-name {
				display: block;
				width: 98px;
				height: 80px;
			}
			&:hover {
				/*background-position: 0 -209px !important;*/
				background: url('images/white-icon.png') no-repeat;
			}
			&:hover .vid-name {
				background-position: 0 -80px !important;
			}
			&.tornos .vid-name {
				background: url('images/tornos2.png') no-repeat;
			}
			&.muratec .vid-name {
				background: url('images/muratec2.png') no-repeat;
			}
			&.makino .vid-name {
				background: url('images/makino2.png') no-repeat;
			}
			&.roland .vid-name {
				background: url('images/roland2.png') no-repeat;
			}
		}
	}
	h2 {
		text-align: center;
		color: #fff;
		font-weight: normal;
		font-size: 16px;
		margin-top: 30px;
	}
}
#events-stage, #news-stage{
	background: url('images/video-dock.png') no-repeat center 61px;
	width: 778px;
	.video-icons {
		overflow: hidden;
		width: 702px !important;
		margin: 0 auto;
	}
	li {
		float: left;
		margin-right: 40px;
		margin-bottom: 15px;
		padding-bottom: 0;
		background: url('images/shadow-icon.png') no-repeat 0 91px;
		&:hover {
			background-position: 0 -9px;
		}
		&.last {
			margin-right: 0;
		}
		a {
			display: block;
			text-indent: -9999px;
			height: 95px;
			.vid-name {
				display: block;
				width: 98px;
				height: 80px;
			}
			&:hover {
				/*background-position: 0 -209px !important;*/
				
			}
			&.tornos .vid-name {
				background: url('images/tornos2.png') no-repeat;
			}
			&.muratec .vid-name {
				background: url('images/muratec2.png') no-repeat;
			}
			&.makino .vid-name {
				background: url('images/makino2.png') no-repeat;
			}
			&.roland .vid-name {
				background: url('images/roland2.png') no-repeat;
			}
		}
	}
	h2 {
		text-align: center;
		color: #fff;
		font-weight: normal;
		font-size: 16px;
		margin-top: 30px;
	}
}
.container {
	width: 960px;
	margin: 0 auto;
}
.containerx {
	width: 1108px;
	margin: 0 auto;
	padding: 0 30px;
}
.clear {
	clear: both;	
}
.fltlft {
	float: left;
}
.fltrt {
	float: right;
}
a.button {
	background: #999;
	color: #fff;
	display: block;
	float: right;
	padding: 0 20px;
	text-decoration: none;
	font-size: 11px;
	line-height: 25px;
	&:hover {
		background: #666;
	}
}

/* NYROMODAL STYLES */
.nyroModalCont {
	background: none !important;
	border: 0 none !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	padding: 10px !important;
}
.nyroModalCloseButton {
	background: url('images/tooltop-close.png') no-repeat !important;
	width: 30px !important;
	height: 31px !important;
	top: 0;
	right: 0;
	text-indent: -9999px;
	display: block;
}

/* ANYTHING SLIDER STYLES */
div.anythingSlider {
	padding: 0;
	height: 370px !important;
	width: 720px !important;
}
div.anythingSlider .anythingWindow {
	border: 0 none !important;
	/*height: 600px;*/
	height: 370px;
}
div.anythingSlider .anythingControls {
	display: none !important;
}
div.anythingSlider .arrow a {
	margin: -50px 0 0;
	background-position: 0 0 !important;
	&:hover {
		background-position: 0 0 !important;
	}
}
div.anythingSlider .forward {
	right: -60px;
}
div.anythingSlider .forward a {
	background: url('images/next-btn.png') no-repeat;
	display: block;
	width: 45px;
	height: 45px;
}
div.anythingSlider .back {
	left: -60px;
}
div.anythingSlider .back a {
	background: url('images/back-btn.png') no-repeat;
	display: block;
	width: 45px;
	height: 45px;
}

/* FORM STYLES */
.problem {display:none}