/* -------------------------------------------- 
				Reset styles
-------------------------------------------- */
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; content: none; }

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

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

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* -------------------------------------------- 
					General
-------------------------------------------- */
html, body{ height:100%;}
body{ color:#334b53; background-color:#f2f2f2; font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; line-height:18px; }

h1, h2, h3, h4, h5, h6, .alt-font{ color:#111; font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif; }
h2{ font-size:28px; line-height:36px;}
h3{ font-size:16px; line-height:18px;}
h4{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-size:14px; font-weight:normal; line-height:18px;}
p{ margin-bottom:18px;}
a{ text-decoration:none; color:#334b53;}

h2 a, h3 a{ color:#000;}

#container{ display:block; min-height:100%; }

.solo{ font-size:80px; line-height:90px;}

/* -------------------------------------------- 
					Header
-------------------------------------------- */
#header-container{ display:block; margin-bottom:42px; padding:25px 0 0 0; background-color:#136a74;}
#header{ display:block; width:940px; height:85px; position:relative; margin:0 auto; color:#d5e1d6;}
h1 a{ width:370px; height:50px; float:left; margin-right:20px; background:url('img/logo.png') no-repeat; text-indent:-9999px;}
#header p{ font-size:12px; width:300px; float:left; margin-top:8px;}
p a:hover{ text-decoration:underline;}

#nav{ width:620px ; /* inc. products: 630px */ position:absolute; left:0; bottom:-15px; background-color:#0d5058; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#nav a{ display:block; height:23px; padding-top:7px; text-align:center; color:#fff; font-size:14px; font-weight:bold; text-shadow: 2px 2px 0px #074047; border-left:1px solid#136a74; border-right:1px solid #074047;}
a#navH{ width:80px; border-left:none;}
a#navM{ width:104px;}
a#navRE{ width:175px;}
a#navP{ width:96px;}
a#navCC{ width:167px;}
a#navC{ width:86px; border-right:none;}
#nav a:hover{ background-color:#06474f;}
#navH{ -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -webkit-border-radius-topleft:3px; -webkit-border-radius-bottomleft:3px; border-radius-topleft:3px; border-radius-botomleft:3px;}
#navC{ -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-topright:3px; -webkit-border-radius-bottomright:3px; border-radius-topright:3px; border-radius-bottomright:3px;}

#bodyH a#navH, #bodyM a#navM, #bodyRE a#navRE, #bodyCC a#navCC, #bodyC a#navC{ background-color:#043137;}


/* -------------------------------------------- 
					Content
-------------------------------------------- */

.region{ display:block; position:relative; float:left; margin-bottom:36px; border:2px solid #dcdcdc; -moz-border-image:url('img/border.png') 2 round; -webkit-border-image:url('img/border.png') 2 round; border-image:url('img/border.png') 2 round;}
.no-borders{ border:0;}

.more{ display:inline-block; height:18px; margin-bottom:10px; padding:5px 10px 5px 10px; color:#fff; background-color:#7aa638; font-family:Georgia, Times, 'Times New Roman', serif; font-size:14px; font-style:normal; text-shadow:1px 1px 0px #4e7217; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.more:hover{ background-color:#67902a;}

.image{ position:relative; margin-bottom:8px;}

.zoom{ display:block; width:70px; height:70px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.zoom:hover{ border-color:#383838;}
.zoom span{ display:block; position:absolute; bottom:-17px; right:-17px; width:18px; height:18px; background-image:url('img/zoom.png');}

.holder{ float:left; margin-left:-100px;}

.col-3{ width:220px;}
.col-4{ width:300px;}
.col-5{ width:380px;}
.col-6{ width:460px;}
.col-7{ width:540px;}
.col-8{ width:620px;}
.col-9{ width:700px;}
.col-10{ width:780px;}
.col-11{ width:860px;}
.col-12{ width:940px;}

.indent{ margin-bottom:0; padding:16px 20px 18px 100px; }

.big{ font-size:14px; text-shadow:1px 1px 0px #fff;}
.small{ font-size:12px; }

.left{ float:left;}
.right{ float:right;}

.video, object{ display:block; position:absolute; right:0; top:20px;}

#content{ display:block; position:relative; width:940px; margin:0 auto; padding-bottom:180px; }
#sub-content{ position:relative; }
.slider{ position:absolute; top:0; right:0; width:390px; height:290px; }
#slideshow{ display:block; position:relative; }
.slider li{ display:none; position:absolute; top:0; left:0;}
.slider .active{ display:block;}
.slider span{ display:block; width:370px; padding:10px; font-size:12px; text-align:center;}
.slider a{ display:block; position:absolute; top:130px; width:32px; height:26px; padding-top:4px; z-index:100; color:#fff; background-color:#c2c2c2; font-size:24px; font-weight:bold; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.slider a:hover{ background-color:#383838;}
#prev{ left:-16px; }
#next{ right:-16px;}
.inline li{ float:left;}

/* -------------------------------------------- 
					Footer
-------------------------------------------- */
#footer{ display:block; width:960px; margin:auto; margin-top:-136px; height:120px; padding-top:16px; color:#65716a; font-size:12px; border-top:1px solid #d6d6d6;}
#partners{ overflow:auto; margin-top:10px;}
#partners li{ float:left; margin-right:33px; background-image:url('img/footer-logos.png'); background-repeat:no-repeat; text-indent:-9999px; opacity:0.4;}
#partners li.last{ margin-right:0;}
#partners li:hover{ opacity:0.99;}
#carrier{ width:106px; height:43px; margin-top:6px;}
#generale{ width:61px; height:61px; background-position:-105px -2px;}
#hs{ width:205px; height:32px; background-position:-169px 0; margin-top:11px;}
#hasbro{ width:62px; height:62px; background-position:-375px 0;}
#mtu{ width:87px; height:45px; background-position:-438px 0; margin-top:8px;}
#pw{ width:72px; height:63px; background-position:-527px 0; margin-top:2px;}
#te{ width:167px; height:23px; background-position:-609px 0; margin-top:18px;}

/* -------------------------------------------- 
					Home
-------------------------------------------- */
#metrology{ margin-right:20px; border:0;}
#reverse-engineering{ border:0;}
#products{ border-bottom:0; border-left:0; }
#connecticut-corsair{ /*border-top:0; */ padding-top:18px; border-left:0; margin-bottom:36px; }
#about-us{ position:absolute; top:0; right:0; width:280px; margin:0; padding:18px 0 20px 18px; border-right:0; -moz-border-image:url('img/border.png') 2 round; -webkit-border-image:url('img/border.png') 2 round; border-image:url('img/border.png') 2 round;}

/* -------------------------------------------- 
					Metrology
-------------------------------------------- */
#cmm-inspection{ width:348px; padding-left:120px; padding-right:0; border-right:0;}
#white-light-scanning{ width:350px; margin-bottom:18px; border-right:0; border-left:0;}
#robot-assisted-scanning{ width:348px; padding-left:120px; padding-right:0; border-top:0; border-right:0;}


/* -------------------------------------------- 
				Reverse Engineering
-------------------------------------------- */
#with-cad{ min-height:370px; padding-top:18px; padding-right:500px; margin-bottom:18px; border-right:0; border-bottom:0; border-left:0; }
#without-cad{ min-height:370px; padding-top:18px; padding-right:500px; margin-bottom:0; border-right:0; border-left:0; border-bottom:0;}
#with-cad ol, #without-cad ol{ margin-top:10px;}
#with-cad li, #without-cad li{ width:180px; margin:20px 0 -10px 0; padding:18px 0 0 50px; background:url('img/list-1.png') top left no-repeat;}
#with-cad li:nth-of-type(2), #without-cad li:nth-of-type(2){ margin-left:60px; background-image:url('img/list-2.png');}
#with-cad li:nth-of-type(3), #without-cad li:nth-of-type(3){ margin-left:120px; background-image:url('img/list-3.png');}
#with-cad li:nth-of-type(4){ margin-left:180px; background-image:url('img/list-4.png');}

/* -------------------------------------------- 
				Connecticut Corsair
-------------------------------------------- */
#bodyCC #content{ min-height:740px;}
#connecticut-slider{ position:absolute; top:360px; right:0; width:440px; height:330px;}
#connecticut-slider span{ width:420px; bottom:5px;}
#bodyCC .video, #bodyCC object{ position:absolute; top:0px; right:0;}

/* -------------------------------------------- 
					Contact
-------------------------------------------- */
#contact-info{ padding:18px 0 0 0; margin-bottom:0px; border-left:0; border-right:0; border-bottom:0;}
#contact-info a:hover{ text-decoration:underline;}
#contact-info #directions{ margin:18px 0 0px 0; display:block; width:380px; float:left;}
#address{ border-top:0; border-right:0; border-left:0; padding-bottom:18px; margin-bottom:0;}
.directions{ margin-bottom:18px; }
.directions:last-child{ margin-bottom:0;}
.directions li{ margin-left:13px; list-style-type:disc; list-style-position:outside;}
#map{ height:340px; }
#map span{display:none;}
#route{ width:530px;}
#calcRoute{ margin:18px 0 18px 0;}
#calcRoute label{ margin-right:20px;}
#calcRoute input{ border:1px solid #ccc; padding:5px;}
#calcRoute input[type="text"]{ width:338px; height:16px; color:#ccc;}
#calcRoute input[type="text"]:focus{ color:#000;}
#calcRoute input[type="submit"]{ width:80px;}
#error{ color:#f00; position:absolute; top:-5px; left:95px; margin:0;}

/* -------------------------------------------- 
					Fancybox
-------------------------------------------- */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('img/fancybox/fancy_progress.png') no-repeat;}
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;}
div#fancy_inner { position: relative; width:100%; height:100%; background: #fff;}
div#fancy_content { margin: 0; z-index: 100; position: absolute;}
div#fancy_div { background: #000; color: #fff; height: 100%; width: 100%; z-index: 100;}
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('img/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame { position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax { width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden;}
a#fancy_left { left: 0px;}
a#fancy_right { right: 0px;}
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block;}
span#fancy_left_ico{left:-9999px;background:transparent url('img/fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url('img/fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover,a#fancy_right:hover{visibility:visible;background-color:transparent;}
a#fancy_left:hover span{left:20px;}
a#fancy_right:hover span{right:20px;}
#fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent;}
div#fancy_bg{position:absolute; top:0; left:0; width:100%; height: 100%; z-index:70; border:0; padding:0; margin:0;}
div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;}
div#fancy_bg_n{top:-20px;left:0;width:100%;height:20px;background:transparent url('img/fancybox/fancy_shadow_n.png') repeat-x;}
div#fancy_bg_ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url('img/fancybox/fancy_shadow_ne.png') no-repeat;}
div#fancy_bg_e{right:-20px;height:100%;width:20px;background:transparent url('img/fancybox/fancy_shadow_e.png') repeat-y;}
div#fancy_bg_se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url('img/fancybox/fancy_shadow_se.png') no-repeat;}
div#fancy_bg_s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url('img/fancybox/fancy_shadow_s.png') repeat-x;}
div#fancy_bg_sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url('img/fancybox/fancy_shadow_sw.png') no-repeat;}
div#fancy_bg_w{left:-20px;height:100%;width:20px;background:transparent url('img/fancybox/fancy_shadow_w.png') repeat-y;}
div#fancy_bg_nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url('img/fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title{position:absolute;z-index:100;display:none;}
div#fancy_title div{color:#fff;font:12px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;padding-bottom:3px;white-space:nowrap;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{padding:0;vertical-align:middle;}
td#fancy_title_left{height:32px;width:15px;background:transparent url('img/fancybox/fancy_title_left.png') repeat-x;}
td#fancy_title_main{height:32px;background:transparent url('img/fancybox/fancy_title_main.png') repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url('img/fancybox/fancy_title_right.png') repeat-x;}
