/* Reset
------------------------------------------------------------------------------------------------- */
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; }

/* 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; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* set a default position */
div	{ position: relative; }


/* Typography
------------------------------------------------------------------------------------------------- */

/* Default font family and color
-------------------------------------------------------------- */
body	{ font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #000; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* Default font sizes & baseline grid 
-------------------------------------------------------------- */
body 			{ font-size: 12px;		line-height: 1.5em; }

p,ul,ol,dl,
input,textarea,label,
table,td,th,pre,
blockquote 		{ font-size: 1em; 		line-height: 1.5em; 	margin-bottom: 1.5em; } 

h1 				{ font-size: 4em; 		line-height: .25em;		margin-bottom: .25em; }
h2 				{ font-size: 2em;	 	line-height: .75em; 	margin-bottom: .75em; }
h3 				{ font-size: 1.5em; 	line-height: 1em; 		margin-bottom: 1em; }
h4 				{ font-size: 1.375em; 	line-height: 1.0909em;	margin-bottom: 1.0909em; }
h5 				{ font-size: 1.25em; 	line-height: 1.2em; 	margin-bottom: 1.2em; }
h6 				{ font-size: 1.125em; 	line-height: 1.3333em; 	margin-bottom: 1.3333em; }

p.minor 		{ font-size: 0.875em; 	line-height: 1.7142em; 	margin-bottom: 1.7142em; }

/* Text elements
-------------------------------------------------------------- */
ul, ol { margin-left: 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin-left: 0; }
dt { font-weight: bold; }
li { margin-top: 0; margin-bottom: 0; padding: 0; }

abbr, acronym { border-bottom: 1px dotted #333; }
strong, dfn { font-weight: bold; }
em, dfn { font-style: italic; }
pre, code { white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
tt { display: block; margin: 0 0 1.5em 0; line-height: 1.5em; }


/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.5em; width: 100%; }
tfoot { font-style: italic; }

/* Hanging Quotes in blockquotes (needs to be adjusted for font size)
-------------------------------------------------------------- */
blockquote 		{  }

/* Use the best available ampersand 
-------------------------------------------------------------- */
span.amp 		{ font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; }

/* Some default classes
-------------------------------------------------------------- */
.quiet 			{ color: #999; }
.condensed		{ line-height: 1.125;}
.nobr	{ white-space: nowrap; }
.minor	{ font-size: .75em;}

/* Forms
------------------------------------------------------------------------------------------------- */
label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }


/* -------------------------------------------------------------------------------------------------

NOTES:

colors:
IDEAL Blue: 	#008ecb;
Dark Blue:		#004a80;
Tint Blue:		#e5f3fa;
Tint Dark:		#b7dff1;
IDAL Yellow:	#ffd400;
header blue		#000f2e;
------------------------------------------------------------------------------------------------- */

/* Structure
------------------------------------------------------------------------------------------------- */
body			{ background: #008ecb url(../images/global/bk-body.png) center top repeat-x; text-align: center;}
#wrapper		{ background: url(../images/global/bk-watermark.jpg) bottom center no-repeat; padding-bottom: 150px; text-align: left;}
#header			{ width: 830px; margin: 10px auto 0; }
#navigation		{ width: 780px; margin: 0 auto; }
#content		{ clear: both; width: 788px; margin: 0 auto; border-top: 4px solid #004a80; background: #fff url(../images/global/bk-content.gif) center top repeat-y; }

/* Links
------------------------------------------------------------------------------------------------- */

a,
a:visited {	color: #008ecb; }
a:hover,
a:active	{ color: #004a80; }

#footer a,
#footer a:visited	{ color: #fff; text-decoration: underline;}
#footer a:hover,
#footer a:active	{ color: #ffd400; text-decoration: none; }

/* Typography
------------------------------------------------------------------------------------------------- */
h2,h3 { font-weight: bold; color: #004a80; }
h4		{ font-weight: bold; font-size: 1em;}

body#features h3	{ border-bottom: 1px solid #008ecb;}
#camera h3			{ margin-bottom: 0;}

.super		{font-size: 50%; vertical-align: 50%;} 
.img-caption { background: #008ecb;}
.caption	{ background: #008ecb; color: #fff; margin:0 ; padding:0 5px 2px; }

.required		{ color: #f00; }
.alert			{ color: #f00; border: 1px solid #f00; padding: 3px 10px; width: 100%; background: #fee;}

.password		{ list-style: none; }

.industries	{ font-weight: bold; color: #008ecb; list-style: none; text-align: center; }

.phone	{ white-space: nowrap; font-size: 1.5em; font-weight: bold; color: #008ecb; }	


/* Navigation
------------------------------------------------------------------------------------------------- */
ul.nav-main					{ list-style: none; float: right; display: inline; margin: 0; line-height: 1;}
.nav-main li				{ float: left; padding: 25px 3px 20px 25px; font-weight: bold; text-transform: uppercase; margin-left: 10px }
.nav-main a, 
.navigation a:visited 		{ text-decoration: none; color: #fff; background-color: #000f2e; display: block; padding: 3px 0 0 0;}
.nav-main a:hover			{ color: #008ecb; }
.nav-main li.current		{ background: url(../images/global/nav-crosshairs.gif) center left no-repeat; }

ul.nav-page					{ width: 780px; margin: 0 4px; list-style: none; line-height: 1; background:#e5f3fa; margin-bottom: 20px;}
.nav-page li				{ float: right; display: inline; text-transform: uppercase; }
.nav-page li a				{ text-decoration: none; padding: 10px 10px 7px; display: block;}

a.btn-buy			{ display: block; width: 172px; text-indent: -9999px; height: 37px; background: url(../images/global/btn-distributor.jpg) 0 0 no-repeat; }
a.btn-buy:hover		{ background-position: 0 -37px;}

/* Header
------------------------------------------------------------------------------------------------- */
h1 			{ float:left; display: inline; text-indent: -9999px; width: 216px; height: 67px; margin: 20px 0 0 0;}
h1 a		{ display: block; width: 216px; height: 67px; background: url(../images/global/logo-heatseeker.gif) left top no-repeat; }
.byline		{ float: right; display: inline; text-indent: -9999px; width: 112px; height: 68px; margin: 10px 12px 0 0;}
.byline a	{ display: block; width: 112px; height: 68px; background: url(../images/global/logo-idealtm.gif) left top no-repeat; }


/* content
------------------------------------------------------------------------------------------------- */
#content-main	{ margin: 20px 20px 0 20px; }
#content-secondary { margin: 0 20px; padding-bottom: 20px; }


/* Homepage
------------------------------------------------------------------------------------------------- */
body#home #content 	{ padding-bottom: 0; }
body#home #content-main { width: 460px; margin: 10px 0 0 20px ;}

.hero				{ padding-top: 380px; background: url(../images/hero-home.jpg) top left no-repeat; width: 788px; margin: 0 auto;}

.feature-buttons	{ margin-left: 20px; }
.feature-buttons li	{ width: 172px; height: 120px; float: left; display: inline; margin-right: 20px; text-indent: -9999px; }
li.button a			{ display: block; width: 172px; height: 120px; } 
#btn-why a			{ background: url(../images/home-btn-why.jpg) 0 0 no-repeat; }
#btn-features a		{ background: url(../images/home-btn-features.jpg) 0 0 no-repeat; }
#btn-faq a			{ background: url(../images/home-btn-faq.jpg) 0 0 no-repeat; }
#btn-demo a			{ background: url(../images/home-btn-demo.jpg) 0 0 no-repeat; }
#btn-why a:hover,
#btn-features a:hover,
#btn-faq a:hover,
#btn-demo  a:hover	{ background-position: 0 -120px; margin-top: 2px; }


/* Layout
------------------------------------------------------------------------------------------------- */

.section		{ margin: 40px 0 0; padding-top: 20px; border-top: 1px solid #e5f3fa; }
.section ul,
ul.bullets, 
ul.questions	{ margin-left: 15px; margin-bottom: 1.5em;}

.col-4			{ width: 172px; float: left; display: inline; margin-right: 20px;}
.col-3			{ width: 236px; float: left; display: inline; margin-right: 20px;} 
.col-2			{ width: 364px; float: left; display: inline; margin-right: 20px;}
.col-wide		{ width: 492px; float: left; display: inline; margin-right: 20px;}
.last			{ margin-right: 0;}

.clear			{ clear: both; }
hr.clear		{ clear: both; margin: 0; padding: 0; visibility: hidden; border: none; }

#buy .inset		{ z-index: 10; }


#resources		{ margin-left: 64px;}

table 			{ width:360px; border-top:1px solid #008ecb; border-right:1px solid #008ecb; border-collapse:collapse; }
tr.odd td		{ background:#e5f3fa; }
td 				{ border-bottom:1px solid #008ecb; border-left:1px solid #008ecb; padding:.3em 1em; }				
th 				{ font-weight:normal; background: #008ecb; color: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #008ecb; border-left:1px solid #008ecb; padding:3px 10px; }							

ul.downloads 	{ list-style: none; margin-left: 0;}
.downloads li	{ padding: 1px 0 3px 20px; margin-bottom: 5px; line-height: 1.25;}
.dl-pdf			{ background: url(../images/global/icon-pdf.gif) 0 0 no-repeat; }
.dl-swf			{ background: url(../images/global/icon-swf.gif) 0 0 no-repeat; }
.dl-zip			{ background: url(../images/global/icon-zip.gif) 0 0 no-repeat; }
.downloads li.dl-category	{ padding-left: 0; font-weight: bold; border-bottom: 1px solid #e5f3fa;}
body#features #content-main	{ background: url(../images/panel-inset.jpg) right 60% no-repeat; padding-right: 384px; }
.screens	{ margin-top: 40px;}

#software,
#accessories	{ margin-top: 40px; }


.training-dates 		{list-style: none;}
.training-dates li		{ padding: 2px 5px; }
.training-dates em		{ float: right; display: block; font-style:normal;}
.training-dates .alt	{ background: #e5f3fa;}

a.btn-register			{ display: block; width: 264px; margin: 0 auto; text-indent: -9999px; height: 37px; background: url(../images/global/btn-registration.jpg) 0 0 no-repeat; }
a.btn-register:hover	{ background-position: 0 -37px;}


/* Tabs */

#icon-back	{ display: block; height: 35px; margin-left: 10px; padding-right:50px; background: url(../images/tab-icon-back.jpg) top right no-repeat;}
#icon-front	{ display: block; height: 35px; margin-left: 10px;  padding-right:50px; background: url(../images/tab-icon-front.jpg) top right no-repeat;}

.tabs-box	{ background: url(../images/bk-tab-panel.jpg) 0 0 repeat-x; margin-bottom: 20px; width: 100%}
.box img.box-hero	{ float: left; display: inline; margin: 0 20px 20px 20px;}

.box ol		{ float: right; width: 250px; padding-left: 25px}
.box ol li	{ padding-bottom: 10px; }

.ui-tabs .ui-tabs-nav { float: right; display: block; line-height: 3;}
.ui-tabs .ui-tabs-nav:after { content : "\0020"; display : block; height : 0; clear : both; visibility : hidden; overflow : hidden; }
.ui-tabs { zoom : 1; }
.ui-tabs .ui-tabs-nav { list-style-type : none; position : relative; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left;}
.ui-tabs .ui-tabs-nav li a { float : left; text-decoration : none; display: block; }
.ui-tabs .ui-tabs-panel { display : block; }
.ui-tabs .ui-tabs-hide { display : none !important; }

/* Modal Window */

#simplemodal-overlay 					{ background-color:#000; }
#simplemodal-container 					{ height:320px; width:400px; background-color:#fff; border:3px solid #ccc; }
#simplemodal-container iframe 			{ height:280px; width:400px; }
#simplemodal-container a.modalCloseImg 	{ background:url(../images/global/btn-close.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top:-8px; right:-15px; cursor:pointer; }
#simplemodal-container p.larger a 		{ display:inline; z-index:3200; cursor:pointer; font-size:1em; }

/* FAQs */
div.answer				{ padding: 5px; }
div.answer:target,
div.answer.sftarget	{ background: #e5f3fa;}
a.toplink			{ text-indent: -9999px; display: block; width: 100%; margin-bottom: 1.5em; height: 12px; background: #fff url(../images/global/bk-toplink.gif) top right repeat-x;}
a.toplink:hover		{ background-color: #e5f3fa; }
ol.questions		{ margin-left: 2em;}


/* Testimonials */
#testimonial	{ text-align: center; z-index: 1000;}
#testimonial p	{ font-size:1.75em; line-height: 1.25; color: #008ecb; margin-bottom: 0; padding: 5px 5px 40px 5px; background: #e5f3fa url(../images/global/quote-bar.gif) bottom left no-repeat;}
#testimonial a	{ text-decoration: none; }

.quote			{ margin-bottom: 1.5em; }
.quote blockquote	{ color: #008ecb; margin-bottom: 0; padding: 5px 5px 20px 5px; background: #e5f3fa url(../images/global/quote-bar.gif) bottom left no-repeat; }
.quote cite		{ margin-left: 70px; }
/* Footer
------------------------------------------------------------------------------------------------- */
#footer 		{ color: #fff; }
#footer .section	{ width: 780px; margin: 0 auto; padding: 0 0 20px 0; border: 0;}
p.tagline		{ width: 788px; height: 62px; text-indent: -9999px; margin: 0 auto 10px auto; padding: 0; background: #000 url(../images/global/innovation-bar.gif) no-repeat; }
.copyright		{ float: left; width: 45%; font-size: 1em;}
.nav-utility	{ float: right; display: inline; line-height: 1; list-style: none; margin: 0; }
.nav-utility li	{ float: right; display: inline; margin-left: 20px; }

/* Insets
------------------------------------------------------------------------------------------------- */
.inset			{ display: inline; float: right; margin: 0 0 20px 20px; }
.inset-alt		{ display: inline; float: left; margin: 0 20px 20px 0; }
img.videothumb		{ margin-bottom: 30px;}


/* form
----------------------------------------------------------------------------------------- */
#registration 	{ width: 492px; float: left; display: inline; }
select,
label	{ display: block;}
form p	{ margin: 20px; }
textarea,
.text	{ width: 100%; }
body#product-info .text	{ width: 50%; }
body#product-info label	{ display: inline; }
.required {color: #f00; }


/* Clear Floats (clearfix)
------------------------------------------------------------------------------------------------- */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.group {display: inline-block;}
/* Hides from IE-mac \*/
* html .group {height: 1%;}
.group {display: block;}
/* End hide from IE-mac */



/* Screen Blending */

#screen-blending	{ width: 364px; height: 368px; position: relative; }
#screen-blending img	{ position: absolute; top: 0; left: 0; }

#blending-100	{ opacity: .5; }
#slider-bar{ background: #efefef; height:4px; width:100px; position:relative; float:left;}
#slider-handle{ background: #ccc; height:12px; width:13px; overflow:hidden;position:absolute;z-index:1;}