/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background:#fff;
	font: .9375em/167% 'ff-tisa-web-pro', serif; /* 15px/25px */
	font-weight:normal; font-style:normal;
	color: #1b1b1b;
	/* font-smooth: always;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	/* -moz-font-smoothing: antialiased;
	font-smoothing: antialiased; */
}
a {
	color: #ef552c;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.67em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.67em;
	margin: 20px 0 1.67em;
	color: #252525;
	font-weight:normal;
	font-family:'ArmitageSemiboldRegular', sans-serif;
	text-transform:uppercase;
}
h1 {
	/*font-size: 2em;*/
	display: inline-block;
	width: 100%;
	margin: 0 auto 1em;
	padding: 0;
	text-align: center;
	font: normal normal 2.5em/120% 'ArmitageLightRegular', sans-serif;
	font-smooth: always;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1.hsm {
	margin: 0 auto 42px;
	font-size:1.1333334em;
	font-family: 'ArmitageSemiboldRegular', sans-serif;
	letter-spacing:1px;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
	margin-top:0;
	font-weight: normal;
}
h5.hptc, a.hptc {
	font-family:'ff-tisa-web-pro', serif; font-style:normal; line-height: 167%;
}
h6 {
	font-size: .8em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/* Form */
input[type="text"], textarea, select {
	border-left: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	outline:0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	padding:5px 12px;
	margin-left:0;
	margin-right:10px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* W3C */
	font-size:14px;
}
textarea {margin-top: 20px; margin-bottom: 20px;}
select {padding: 10px;}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #373b3e;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 38px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size:14px;
	cursor: pointer;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #fff;
	background: #ee542c;
}

button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background: #ee542c;
}

/* Font */

@font-face {
    font-family: 'ArmitageRegular';
    src: url('../fonts/armitage_regular_macroman/DTF_Armitage_Regular-webfont.eot');
    src: url('../fonts/armitage_regular_macroman/DTF_Armitage_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/armitage_regular_macroman/DTF_Armitage_Regular-webfont.woff') format('woff'),
         url('../fonts/armitage_regular_macroman/DTF_Armitage_Regular-webfont.ttf') format('truetype'),
         url('../fonts/armitage_regular_macroman/DTF_Armitage_Regular-webfont.svg#ArmitageRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ArmitageSemiboldRegular';
    src: url('../fonts/armitage_semibold_macroman/DTF_Armitage_Semibold-webfont.eot');
    src: url('../fonts/armitage_semibold_macroman/DTF_Armitage_Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/armitage_semibold_macroman/DTF_Armitage_Semibold-webfont.woff') format('woff'),
         url('../fonts/armitage_semibold_macroman/DTF_Armitage_Semibold-webfont.ttf') format('truetype'),
         url('../fonts/armitage_semibold_macroman/DTF_Armitage_Semibold-webfont.svg#ArmitageSemiboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ArmitageLightRegular';
    src: url('../fonts/armitage_light_macroman/DTF_Armitage_Light-webfont.eot');
    src: url('../fonts/armitage_light_macroman/DTF_Armitage_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/armitage_light_macroman/DTF_Armitage_Light-webfont.woff') format('woff'),
         url('../fonts/armitage_light_macroman/DTF_Armitage_Light-webfont.ttf') format('truetype'),
         url('../fonts/armitage_light_macroman/DTF_Armitage_Light-webfont.svg#ArmitageLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	width:90%;
	margin:0 auto;
	height:320px;
	padding-top:50px;
}

/* site logo */
#site-logo {
	position: relative;
	display:block;
	margin:auto;
	height:205px;
}
nav {
	position:relative;
	display:block;
	margin: 0 auto;
	padding: 0;
	width:auto;
	max-width: 960px;
	text-align: center;
	-webkit-box-shadow: 0 8px 6px -7px #d7d7d7;
	   -moz-box-shadow: 0 8px 6px -7px #d7d7d7;
	        box-shadow: 0 8px 6px -7px #d7d7d7;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height:62px;
	width:auto;
	-webkit-box-shadow: 0 -8px 6px -7px #d7d7d7;
	   -moz-box-shadow: 0 -8px 6px -7px #d7d7d7;
	        box-shadow: 0 -8px 6px -7px #d7d7d7;
}
#main-nav li {
	position: relative;
	display:inline-block;
	height:62px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-nav a {
	display:inline-block;
	margin: 0;
	padding: 0 12px;
	height:62px;
	line-height: 62px !important;
	font: bold .95em 'ff-tisa-web-pro', serif;
	letter-spacing: .05em;
	color: #3d3d3d;
	text-decoration: none;
	text-transform: uppercase;
	font-smooth: always;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#main-nav a:hover {
	color: #e3512b;
}

/************************************************************************************
SCREENSHOTS SLIDE
*************************************************************************************/

#slideshow {
	margin: 0 auto;
	max-width: 960px;
}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	margin: 30px auto 22px auto;
	width: 99.9%;
}
.section {
	position:relative;
	width: 86%;
	margin:auto;
	margin-bottom: 50px;
}
#buttons {text-align:center; padding-top:20px; margin-bottom:42px;}
#buttons .button.green {margin-right:10px;}
#buttons p {margin-bottom:2.5em;}
#overview {
	max-width:960px;
	padding:40px 0 15px 0;
	background:#efefef;
	-webkit-box-shadow: 0 8px 6px -7px #c1c1c1;
	   -moz-box-shadow: 0 8px 6px -7px #c1c1c1;
	        box-shadow: 0 8px 6px -7px #c1c1c1;
	margin-bottom:10px;
}
#xba .imgbox {
	width:14%;
	margin:0 1%;
	float:left;
	text-align:center;
}
#xba .imgbox:first-child {margin-left:3%;}
#xba img {margin-bottom:24px;}
#over_col1 {
	float:left;
	width:41%;
	margin-left:5%;
	margin-right:8%;
	margin-bottom:10px;
	margin-top:20px;
	text-align:left;
}
#over_col2 {
	float:left;
	width:41%;
	margin-right:5%;
	margin-bottom:10px;
	margin-top:20px;
	text-align:left;
}
#nes {
	max-width:960px;
	padding:38px 0 26px 0;
	background:#7aad37;
}
#nes h1 {
	font-family:'ArmitageLightRegular';
	color:#f9f9f9;
}
#nes h1 {text-align:left;}
#nes h5, #nes p, #nes a, #nes a:hover {color:#fff;}
#nes h5 {
	margin-top:0;
	margin-bottom:1.3em;
	line-height:1.5em;
}
#nes p {margin-bottom:1.4em;}
#spo {
	width:40%;
	margin-left:5%;
	margin-right:8%;
}
#news p {
	line-height: 1.4em;
}
#spo a {text-decoration:underline;}
#news {
	width:42%;
	margin-right:5%;
	}
#news h5 {margin-bottom:0;}

#products {
	max-width:960px;
	padding:40px 0 0 0;
	-webkit-box-shadow: 0 8px 6px -7px #c1c1c1;
	   -moz-box-shadow: 0 8px 6px -7px #c1c1c1;
	        box-shadow: 0 8px 6px -7px #c1c1c1;
}
#new_products {
	width:49.5%;
	margin-right:1%;
	margin-bottom:0;
}
#new_products2 {
	width:49.5%;
	margin-bottom:0;
}
.logologo {
	position: relative;
	display:block;
	width:100%;
	height: auto;
	margin-bottom: 30px;
}
#new_products .logologo:after {
	position: absolute;
	display: block;
	top: 3px;
	right:-1.3%;
	height: 97%;
	width: 1px;
	border-right: #f6f6f6 1px solid;
	content: "";
}
#new_products2 .logologo {text-align: right;}
#mpa_logo {
	position: absolute;
	display:block;
	left: 0;
	right: 0;
	top:37%;
	width:100%;
	height:87px;
	text-align:center;
	border-bottom: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	background-color: rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50ffffff', endColorstr='#50ffffff'); /* IE */
	z-index: 1000;
}
#mas_logo {
	position: absolute;
	display:block;
	left: 0;
	right: 0;
	top:37%;
	width:100%;
	height:87px;
	text-align:center;
	border-bottom: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	background-color: rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50ffffff', endColorstr='#50ffffff'); /* IE */
	z-index: 1000;¡
}
#mpa_logo h1, #mas_logo h1, #mpa_logo h1 a, #mas_logo h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
#mpa_logo h1 a {
	display: block;
	height:74px;
	padding-top: 13px;
}
#mas_logo h1 a {
	display: block;
	height:71px;
	padding-top: 16px;
}
#new_products h5, #new_products p {
	margin-left:0.5%;
	margin-right:5%;
}
#new_products2 h5, #new_products2 p {
	margin-left:1.5%;
	margin-right:3%;
}

#services {
	max-width:960px;
	padding:0;
}
#design {
	width:49.5%;
	margin-right:1%;
	margin-bottom:0;
}
#servs {
	width:49.5%;
	margin-bottom:0;
}
#design h5, #design p {
	margin-left:0.5%;
	margin-right:5%;
}
#servs h5, #servs p {
	margin-left:1.5%;
	margin-right:3%;
}
.servicelink {
	font:normal 600 14px "Skolar Semibold", "Times New Roman", Times, serif;
	text-transform:capitalize;
}
/*.serlinks {
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	margin-top:35px;
	margin-bottom:35px;
	padding-top:30px;
	-webkit-box-shadow: 0 -8px 6px -7px #c1c1c1;
	   -moz-box-shadow: 0 -8px 6px -7px #c1c1c1;
	        box-shadow: 0 -8px 6px -7px #c1c1c1;
}
.serlinksin {
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -7px #c1c1c1;
	   -moz-box-shadow: 0 8px 6px -7px #c1c1c1;
	        box-shadow: 0 8px 6px -7px #c1c1c1;
			color:#ef552c;
}
.serlinksin a {text-decoration:underline;}
.serlinksin a:hover {text-decoration:none;}*/

/************************************************************************************
contact form
*************************************************************************************/

#content.contcont {
	width: 90%;
	max-width: 960px;
}

#contactform {
	width:70%;
	float: left;
	margin-left: 0;
	margin-right: 5%;

}
#contactform h5, #sidebar h5, .support h5 {
	margin-bottom: 1.3em;
}
#contactform form {
	margin-bottom: 1.5em;
}
#sidebar {
	display: block;
	float: right;
	width: 210px;
}
#contactform label {
	display: inline-block;
	width: 90%;
	height: 20px;
	margin-top: 1em;
	margin-bottom: .6em;
	font-family:'ArmitageSemiboldRegular', sans-serif;
}
#contactform label.short {
	width:auto;
	margin-left: 0;
	margin-right: 2em;
}
#contactform label.short input {margin-right: 1em;}
#contactform label.upletter {width:100%;}
#contactform label.error {
	width:270px;
	color:red;
}
#contactform input[type="text"], #contactform select {
	margin-left: 0;
	width:80%;
	max-width: 300px;
}
#contactform textarea {
	margin-left: 0;
	width:90%;
}
#form_col1 {
	float:left;
	width:46%;
	margin-left:0;
	margin-right:8%;
	margin-bottom:3em;
	margin-top:20px;
	text-align:left;
}
#form_col2 {
	float:left;
	width:46%;
	margin-right:0;
	margin-bottom:3em;
	margin-top:20px;
	text-align:left;
}
fieldset#prod {
	margin-bottom: 2em;
}

#awards {margin-bottom: 1em;}
#morecont table {width: 95%;}

.sb1 {

	margin-bottom: 2em;
}
.sb2 {
	width: 95%;
}
#moreinfo2 {
	padding: 30px 20px 5px 20px;
	background: #efefef;
	-webkit-box-shadow: 0 8px 6px -7px #c1c1c1;
	-moz-box-shadow: 0 8px 6px -7px #c1c1c1;
	box-shadow: 0 8px 6px -7px #c1c1c1;
	margin-bottom: 30px;
}

/************************************************************************************
buttons
*************************************************************************************/

a.button {
	display:inline-block;
	padding:.8em 2em;
	background:#373b3e;
	color:#fff;
	font-family: 'ArmitageSemiboldRegular', sans-serif;
	text-transform:uppercase;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-right:15px;
	margin-bottom:30px;
	white-space:nowrap;
}
a.button:hover {
	background:#ef552c;
	color:#fff;
	text-decoration:none;
}

/************************************************************************************
links
*************************************************************************************/

.more0 {
	font-size:.875em;
	text-decoration:underline;
}
.more1 {
	display:block;
	clear:both;
	margin:2.3em auto;
	font-size:.875em;
	text-transform:uppercase;
	font-family:'ArmitageSemiboldRegular';
	text-align:center;
}
.more2 {
	display:block;
	clear:both;
	margin:2.3em auto 2em auto;
	padding-top:25px;
	background:url(../img/divider.png) center top no-repeat;
	min-width:404px;
	font-size:.875em;
	text-transform:uppercase;
	font-family:'ArmitageSemiboldRegular';
	text-align:center;
}

#slideTogglebox2 {display:none;}

/************************************************************************************
classes
*************************************************************************************/

.floater {float:left;}
.floaterr {float: right;}
a.button.orange {background:#ef552c; color:#fff;}
a.button.orange:hover {background:#373b3e; color:#fff;}
p.pblock {display:block; padding-top:16px; padding-bottom:0;}
#overview h5 {letter-spacing:.05em;}
.red {color: #ff0000;}
.upletter {text-transform: uppercase;}

/************************************************************************************
XBIZ Nominee
*************************************************************************************/

#slideshow {position: relative;}
.xbiz2015 {
	position: absolute;
	display: block;
	width: 125px;
	height: 125px;
	top: 22px;
	right: 25px;
	z-index: 999999;
}
@media only screen and (max-width: 950px) {
	.xbiz2015 {
		position: relative;
		margin: auto;
		top: auto;
		right: auto;
		margin-top: 20px;
	}
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	width:85.9%;
	max-width: 726px;
	margin: auto;
	padding:44px 7%;
	background:#fff;
	clear: both;
	font-size: .875em;
	text-align:center;
	box-shadow: 0 -8px 6px -7px #C1C1C1
}

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