@charset "UTF-8";

/*	=============================
	InSite Touch StyleSheet
	by CLANG - InSite Interactive

	A. Global Styles
		- Global HTML Styles
		- Global Misc Styles
	B. Page Layout Styles
	C. Page Element Styles
	=============================
*/

/*
	================
	A. Global Styles
	================
*/
/* === Global HTML Styles === */
BODY				{background:#000; color:#ebebeb; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center;}
P					{margin-bottom:1.3em; font-size:1.2em; line-height:1.4;}
A, A:link			{text-decoration:underline; color:#ffd400;}
A:visited			{text-decoration:underline; color:#ffd400;}
A:hover				{text-decoration:underline; color:#D69F21;}
A:focus				{text-decoration:underline; color:#D69F21;}
A:active			{text-decoration:underline; color:#D69F21;}
UL					{list-style:square; padding:0 0 1.4em 1.1em; font-size:1.2em; line-height:1.4; color:#606060;}
UL span				{color:#ebebeb;}
OL					{list-style:decimal; padding:0 0 1.4em 1.5em; font-size:1.2em; line-height:1.4;}
OL LI				{vertical-align:top;}
SUP					{bottom:0.33em; font-size:smaller; position:relative; vertical-align:baseline;}


/* === Global Misc Styles === */
.hidden				{display:none;}
.clear				{clear:both;}
.inline				{display:inline;}
.floatLeft			{float:left;}
.floatRight			{float:right;}
.alignLeft			{text-align:left;}
.alignCenter		{text-align:center;}
.alignRight			{text-align:right;}
.noBorder			{border:none !important;}

	/* For Clearing DIVs */
	.clearfix:after 		{content:"."; display:block; clear:both; visibility:hidden; height:0;}
	/*.clearfix 			{display:inline-block;}*/ /*Moved to IE CSS*/
	/*html[xmlns] .clearfix	{display:block;}
	* html .clearfix 		{height:1%;}*/




/*
	=====================
	B. Page Layout Styles
	=====================
*/
#container			{position:relative; width:100%; max-width:100%; background:url(images/bg.jpg) repeat-x; text-align:center;}
#header				{width:970px; max-width:970px; margin:0 auto; text-align:left; background:url(images/header_bg.jpg) right top no-repeat;}
#logo				{position:relative; background:url(images/logo_black.gif) no-repeat 164px 30px; width:204px; height:31px; padding:30px 0 30px 164px; margin:0;}
#logo span			{position:absolute; left:-999em;}
#touchAndNavContainer{width:970px; margin:0 auto; text-align:left; background:url(images/touch_flashFlickerFix.jpg) no-repeat;}
#touchAndNav		{width:970px; max-width:970px; margin:0 auto; text-align:left; background:url(images/touch_bg.jpg) no-repeat; width:970px; height:305px;}
/* === Nav === */
#nav				{float:right; margin-top:75px;}
#nav ul				{list-style:none; padding:0; margin:0;}
#nav ul li			{width:96px; height:103px; background-repeat:no-repeat; background-position:0 -103px; float:left;}
#nav ul li a		{position:relative; display:block; background-repeat:no-repeat; background-position:0 0; width:100%; height:100%;}
#nav ul li a span	{position:absolute; left:-999em;}
#nav ul li#nav_home,
#nav ul li#nav_home a	{background-image:url(images/nav_home.jpg);}
#nav ul li#nav_case,
#nav ul li#nav_case a	{background-image:url(images/nav_caseStudy.jpg);}
#nav ul li#nav_spec,
#nav ul li#nav_spec a	{background-image:url(images/nav_specsPricing.jpg);}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li.active a {background-image:none !important;}
/* === TouchScreen === */
#touch				{float:left; margin:0 0 0 124px;}
#touch div			{float:left; width:522px; height:305px;}
/* === Content Area === */
#loading				{display:block; color:#ffd400; position:absolute; left:0; top:22em; width:100%; height:31px; background:url(images/ajax-loader.gif) no-repeat center 0; font-size:2em; }
#content				{width:970px; max-width:970px; margin:0 auto; text-align:left; background:url(images/contentB_bg.jpg) no-repeat 645px 0;}
.contentA				{float:left; width:379px; min-height:100px; padding:37px 100px 20px 166px;}
.contentB				{float:left; width:216px; padding:118px 27px 37px 27px;}
#caseContentB,
#specContentB			{padding-top:58px;}
#contentFooterContainer	{width:100%; height:131px; background:url(images/contentFooter_bg.jpg) repeat-x; text-align:center;}
#contentFooter			{width:970px; height:131px; margin:0 auto; text-align:left; background:url(images/contentFooter_bg2.gif) no-repeat;}
/* === Footer === */
#footerContainer		{width:100%; max-width:100%; background:#d89e1f url(images/footer_bg.jpg) repeat-x; text-align:center;}
#footer					{width:785px; max-width:970px; min-height:217px; text-align:left; margin:0 auto; padding:1.6em 0 0 146px; color:#775a19; font-size:.9em;}
#footer p span.www,
#footer p span.phone,
#footer p span.email	{padding-left:1.5em;}
#footer a				{color:#775a19; text-decoration:none;}
#footer a:hover,
#footer a:focus,
#footer a:active		{text-decoration:underline;}
#footer #legal			{width:218px; font-size:1em; color:#a57c21;}
/*
	======================
	C. Page Element Styles
	======================
*/
H1, H2				{position:relative;}
H1					{margin-bottom:3.2em;}
H1 span, H2 span	{position:absolute; left:-999em;}
#homeContentA h1	{background:url(images/home_pageheader.gif) no-repeat; width:435px; height:52px;}
#caseContentA h1	{background:url(images/case_pageheader.gif) no-repeat; width:159px; height:33px;}
#specContentA h1	{background:url(images/spec_pageheader.gif) no-repeat; width:217px; height:32px;}
h2.contactUs		{position:relative; width:116px; height:19px; background:url(images/contactUs.gif) no-repeat; margin-bottom:2.5em;}
h2.contctUs span	{position:absolute; left:-999em;}
.lrgLink			{font-size:1.8em; font-weight:100;}
h3#perfectFor		{position:relative; background:url(images/home_perfectFor.gif) no-repeat; width:90px; height:16px; margin:0 0 1.4em 1.4em;}
h3#perfectFor span	{position:absolute; left:-999em;}

#case_contactUs		{position:relative; background:url(images/case_contactUs.gif) no-repeat; width:356px; height:41px;}
#case_contactUs span{position:absolute; left:-999em;}

/* === Specs Table === */
#specs				{font-size:1.2em; margin-top:1em;}
#specs th			{color:#ffd400; font-size:1.2em; text-align:center; padding:.4em; font-weight:normal;}
#specs td			{padding:.7em .8em; text-align:center;}
#specs td.feat		{text-align:left; background:#1a1a1a;}
#specs .altCol		{background:#1a1a1a;}
#specs tfoot td		{color:#ac9214; text-align:left; font-size:.9em; padding-top:1.2em;}

/* === Contact Us Form === */
#contactUs br		{display:none;}
label				{display:none;}
input.txt			{width:208px; height:1.5em; border:1px solid #1b1b1b; background:#212121; color:#999; margin-bottom:1em; padding:2px 4px; font-size:1.1em; font-style:italic;}
textarea			{width:208px; height:8em; margin-bottom:1em; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #1b1b1b; background:#212121; color:#999; padding:2px 4px; font-style:italic;}
.submitButton		{width:auto; height:auto; border:none; background:none;}
span.error			{background:#ffd400; color:#000; display:block; width:210px; padding:4px 4px; margin:-1.1em 0 1em 0; font-size:1.1em;}
#subButtonDiv		{width:74px; height:36px; background:url(images/form_submit.gif) no-repeat -74px 0;}
#subButtonDiv a		{background:url(images/form_submit.gif) no-repeat 0 0; width:74px; height:36px; display:block; position:relative;}
#subButtonDiv a:hover,
#subButtonDiv a:active{background-image:none;}
#subButtonDiv a span{position:absolute; left:-999em;}
#fail,
#results			{display:none; background:#ffd400 url(images/results_bg.gif) repeat-x; border:1px solid #c0861a; color:#000; padding:5px;}
#fail p,
#results p			{margin:0; font-weight:bold;}
#fail				{margin-bottom:1.3em;}