/* 	---------------------------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Screen Style Sheet
Version: $Id: screen.css 9 2008-08-12 13:42:00Z jtower $
	--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

body {
	background:url(/img/tpl/bg_headerwrap.jpg) #A0A0A0 repeat-x;
	text-align:center;
	color:#444;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#F7B312;}
a:link, a:visited {color:#003A5B; font-weight:bold; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none; color:#000;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:21px; border:0px; padding:0px 0 5px; color:#000;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#wrap {position:relative; width:100%; margin:0 auto;}
div#headerwrap {width:100%; height:174px; padding:0px; background:url(/img/tpl/bg_header.png) no-repeat top center; border:0px; }
div#header {position:relative; width:960px; padding:0px; height:174px; margin: 0 auto; background: none; text-align:left; border:0px;}

div#cwrap-container {position:relative; margin:0 auto; width:100%; padding:1px 0 174px; background:url(/img/tpl/bg_topwrap.jpg) #fff repeat-x top center;}
div#cwrap-container-bot {position:absolute; bottom:0; left:0; height:491px; width:100%; background:url(/img/tpl/bg_bottomwrap.jpg) repeat-x bottom center;}

div#cwrap {position:relative; margin:0 auto; width:1038px; min-height:500px; background:#fff; padding:0 0 35px;}
div#cwrap-top {position:absolute; top:0; left:0; margin: 0px; width:1038px; height:241px; background: url(/img/tpl/bg_cwrapTop.jpg) no-repeat top center; padding:0px;}
div#cwrap-bot {position:absolute; bottom:0; left:0; width:1038px; height:290px; background:url(/img/tpl/bg_cwrapBottom.jpg) no-repeat bottom center;}
div#cwrap-content {position:relative;  width:960px; margin:0 auto;}

div#main { display:inline; float:left; text-align:left; width:960px; padding: 0px ; margin:50px 0 20px 0; position:relative;}
div#xtra { display:inline; width:960px; padding: 0px; margin:0px 0 0; position:relative; text-align:left;}

div#footer {background:none repeat scroll 0 0 transparent;border:0 none;margin:auto;padding:1em 0;position:relative;text-align:center;width:960px;}

/* HEADER
----------------------------------------------- */
div#header h1 a:link, div#header h1 a:visited {
	background:url(/img/tpl/bg_h1_logo.png) no-repeat 0 15px;
	display:block;
	position:relative;
	float:left;
	width:450px;
	height:0px;
	padding:100px 0 0 0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	margin:0px;
	text-decoration:none;
	color:#00324F;
	}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

p.slogan-right { float:right; height:100px; margin:25px 50px 0; width:370px; padding:0px; font-size:14px; font-weight:bold; color:#fff; }
p.slogan-right span {color:#a7d9ff;}


/* Navigation
---------------------- */

div#header ul#nav {clear:both; padding:4px 0 0; margin:0 87px 0 87px;}
div#header ul#nav li {display:inline; float:left; padding:0px; margin:0 5px 0 5px;}
div#header ul#nav li a {padding:0px;}

div#header ul#nav li.home {
	background:url(/img/tpl/buttons/btn_home.jpg) no-repeat top center;
}
div#header ul#nav li.home a:link,
div#header ul#nav li.home a:visited {
	width:145px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	font-size:1%;
	color:#A2A2A2;
	display:block;
}
div#header ul#nav li.home a:hover, 
div#header ul#nav li.home a:active {
	background:url(/img/tpl/buttons/btn_home_on.jpg) no-repeat top center;
}
div#header ul#nav li.home#active {
	background:url(/img/tpl/buttons/btn_home_act.jpg) no-repeat top center;

}

div#header ul#nav li.home#active a:hover {
	background:url(/img/tpl/buttons/btn_home_act.jpg) no-repeat top center;

}

div#header ul#nav li.about {background:url(/img/tpl/buttons/btn_about.jpg) no-repeat top center;}
div#header ul#nav li.about a:link,
div#header ul#nav li.about a:visited {
	width:145px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	font-size:1%;
	color:#A2A2A2;
	display:block;
}
div#header ul#nav li.about a:hover, 
div#header ul#nav li.about a:active {
	background:url(/img/tpl/buttons/btn_about_on.jpg) no-repeat top center;
}
div#header ul#nav li.about#active{
	background:url(/img/tpl/buttons/btn_about_act.jpg) no-repeat top center;
}


div#header ul#nav li.services {
	background:url(/img/tpl/buttons/btn_services.jpg) no-repeat top center;
}
div#header ul#nav li.services a:link,
div#header ul#nav li.services a:visited {
	width:145px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	font-size:1%;
	color:#A2A2A2;
	display:block;
}
div#header ul#nav li.services a:hover, 
div#header ul#nav li.services a:active {
	background:url(/img/tpl/buttons/btn_services_on.jpg) no-repeat top center;
}
div#header ul#nav li.services#active {
	background:url(/img/tpl/buttons/btn_services_act.jpg) no-repeat top center;
}


div#header ul#nav li.gallery {
	background:url(/img/tpl/buttons/btn_gallery.jpg) no-repeat top center;
}
div#header ul#nav li.gallery a:link,
div#header ul#nav li.gallery a:visited {
	width:145px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	font-size:1%;
	color:#A2A2A2;
	display:block;
}

div#header ul#nav li.gallery a:hover, 
div#header ul#nav li.gallery a:active {
	background:url(/img/tpl/buttons/btn_gallery_on.jpg) no-repeat top center;
}
div#header ul#nav li.gallery#active {
	background:url(/img/tpl/buttons/btn_gallery_act.jpg) no-repeat top center;
}


div#header ul#nav li.contact {
	background:url(/img/tpl/buttons/btn_contact.jpg) no-repeat top center;
}

div#header ul#nav li.contact a:link,
div#header ul#nav li.contact a:visited {
	width:145px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	font-size:1%;
	color:#A2A2A2;
	display:block;
}
div#header ul#nav li.contact a:hover, 
div#header ul#nav li.contact a:active {
	background:url(/img/tpl/buttons/btn_contact_on.jpg) no-repeat top center;
}
div#header ul#nav li.contact#active {
	background:url(/img/tpl/buttons/btn_contact_act.jpg) no-repeat top center;
}



/* MAIN
----------------------------------------------- */
div#main .imgContainer {float:right; padding:0px 0px 0px 10px; border:0px; margin:0px;}

div#main h1 {font-size:21px; padding:0px 0px 0px; margin:0px;}

div#main h2 {font-size:19px; padding:10px 0px 0px; margin:0px;}


div#main img.call_today {position:absolute; bottom:4px; left:0; border:0px; padding:0px;}

/* XTRA
----------------------------------------------- */
div#xtra .gearing {width:300px; height:217px; display:block; position:relative; float:left; background:url(/img/tpl/bg_gearing_equip.jpg) no-repeat; margin-right:28px;}
div#xtra .retrofit {width:300px; height:217px; display:block; position:relative; float:left; background: url(/img/tpl/bg_retrofit.jpg) no-repeat; margin-right:28px;}
div#xtra .spindle {width:300px; height:217px; display:block; position:relative; float:left; background: url(../img/tpl/bg_spindle.jpg) no-repeat; margin:0px;}

div#xtra h1 {font-size:25px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding:20px 25px 0 20px; line-height:25px; color:#003a5b;}
div#xtra p {font-size:12px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; padding:0px 0px 0 20px; line-height:16px; color:#000;}
div#xtra p.xtra-btn a:link, div#xtra p.xtra-btn a:visited {
	background: url(/img/tpl/buttons/btn_findOut.png) no-repeat top left;
	position:absolute;
	bottom:20px;
	left:80px;
	display:block;
	width:217px;
	height:0px;
	padding:35px 0 0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	text-indent:-999px;
	border:0;
	text-decoration:none;
	color:#fff;
	}
div#xtra p.xtra-btn a:hover, div#xtra p.xtra-btn a:active {border:0; text-decoration:none; background:url(/img/tpl/buttons/btn_findOut_on.png) no-repeat top left;}

/* FOOTER
----------------------------------------------- */
.trustlogo {display: block; max-height: 75px; text-align: center;}
.trustlogo img {max-height: 75px; width: auto; margin:0 15px;}
address {font-size:12px; margin:1em 0 0; color:#002f48;}
p#copyright {font-size:11px; margin:.4em 0 0; color:#002f48;}
p#credits {font-size:11px; margin:.4em 0 0; color:#e8e8e8;}
p#credits a {color:#e8e8e8; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}

/* Secondary Styling
-----------------------------------------------
*/
body.secondary div#main {display:inline; float:right; width:625px; padding:0 0 0 15px ; margin:50px 0 20px;  position:relative;}
div#sidebar { display:inline; float:left; width:300px; padding: 0px; position:relative; margin:50px 0 20px; clear:both; text-align:left;}
div#sidebar .sidelinks {width:300px; height:141px; display:block; position:relative; float:left; background: url(../img/tpl/bg_sidebar_links.jpg) no-repeat; margin: 10px 0 0; }

div#sidebar h1 {font-size:20px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding:20px 10px 0 20px; line-height:25px; color:#003a5b;}
div#sidebar p {font-size:12px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; margin:0; padding:5px 20px 0 20px; line-height:16px; color:#000;}
div#sidebar p.sidebar-btn a:link, div#sidebar p.sidebar-btn a:visited {
	background: url(../img/tpl/buttons/btn_findmore_sm.png) no-repeat top left;
	position:absolute;
	bottom:0px;
	left:100px;
	display:block;
	width:217px;
	height:0px;
	padding:40px 0 0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	text-indent:-999px;
	border:0;
	text-decoration:none;
	color:#fff;
	}
div#sidebar p.sidebar-btn a:hover, div#sidebar p.sidebar-btn a:active {border:0; text-decoration:none; background:url(../img/tpl/buttons/btn_findmore_sm_on.png) no-repeat top left;}
body.secondary div#main ul.services {margin:0; padding:0; text-indent:0; float:right;}
body.secondary div#main ul.services li {list-style-type:none; text-indent:0; clear:right; display:inline; padding:0 5px 0; margin:0;}
body.secondary div#main ul.services li a {padding:0 0px; list-style-type:none; color:#003A5B; margin:0; font-size:11px;}

body.secondary div#main ul li {list-style-type:disc; text-align:left;}

body.secondary div#main p{line-height:1.6em; color:#444;}

body.secondary div#main img.main {float:right; padding:20px 0px 5px 10px; margin:0px; border:0px; }

body.secondary div#main form#contact legend {margin:0px 0 0; padding:30px 0 0 0;}
body.secondary div#main form#contact ol{ list-style-position:outside; margin:0px; padding:0px; list-style-type:none;}
body.secondary div#main form#contact li{ list-style-position:outside; margin:10px 0 0; padding:0px 0 0 0; list-style-type:none;}

body.secondary div#main div#machines a:link, body.secondary div#main div#machines a:visited {
	background: url(/img/tpl/buttons/btn_machines.jpg) no-repeat top left;
	position:relative;
	float:left;
	display:block;
	width:217px;
	height:0px;
	padding:39px 0 0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	text-indent:-999px;
	border:0;
	text-decoration:none;
	color:#fff;
	}
body.secondary div#main div#machines a:hover, body.secondary div#main div#machines a:active {border:0; text-decoration:none; background:url(/img/tpl/buttons/btn_machines_on.jpg) no-repeat top left;}

body.secondary div#main div#customers a:link, body.secondary div#main div#customers a:visited {
	background: url(/img/tpl/buttons/btn_customers.jpg) no-repeat top right;
	position:relative;
	float:right;
	display:block;
	width:217px;
	height:0px;
	padding:39px 0 0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	text-indent:-999px;
	border:0;
	text-decoration:none;
	color:#fff;
	}
body.secondary div#main div#customers a:hover, body.secondary div#main div#customers a:active {border:0; text-decoration:none; background:url(/img/tpl/buttons/btn_customers_on.jpg) no-repeat top right;}
body.secondary div#main div#machine_names {width:500px;}
body.secondary div#main div#machine_names ul.name_list1 {float:left; padding-right:50px; position:relative;}
body.secondary div#main div#machine_names ul.name_list2 {float:left; padding-right:50px; position:relative;}
body.secondary div#main div#machine_names ul.name_list3 {float:left; position:relative;}

body.secondary div#main div#co_names {width:600px;}
body.secondary div#main div#co_names ul.name_list1 {float:left; padding-right:40px; position:relative;}
body.secondary div#main div#co_names ul.name_list2 {float:left; padding-right:0px; position:relative;}
body.secondary div#main div#co_names ul.name_list3 {float:left; position:relative;}


.row > .column {
	padding: 0 8px;
  }
  
  .row:after {
	content: "";
	display: table;
	clear: both;
  }
  
  /* Create four equal columns that floats next to eachother */
  .column {
	float: left;
	width: 25%;
  }
  
  /* The Modal (background) */
  .modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
  }
  
  /* Modal Content */
  .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
  }
  
  /* The Close Button */
  .close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
  }
  
  /* Hide the slides by default */
  .mySlides {
	display: none;
  }
  
  /* Next & previous buttons */
  .prev,
  .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }
  
  /* Caption text */
  .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
  }
  
  img.demo {
	opacity: 0.6;
  }
  
  .active,
  .demo:hover {
	opacity: 1;
  }
  
  img.hover-shadow {
	transition: 0.3s;
  }
  
  .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }