@charset "UTF-8";
/* CSS Document */



/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
 caption, tbody, tfoot, thead	 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 150%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: 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; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { background: #fff; text-align: center; line-height: normal; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #333; text-shadow: 1px 1px 1px #fff; min-height: 25px; -webkit-text-size-adjust: none;}

a { text-decoration: none; color:#cc3333; text-shadow: 1px 1px 1px #fff; }
a:hover { text-decoration: none; color: #ff3333 }

a.L14 { font-size: 14px; }
a.L15 { font-size: 15px; }
a.L16 { font-size: 18px; }

.boldy {font-weight: bold; }
.noPad { padding: 0; }
.noMarg { margin: 0; }

.mainColor { color: #cc3333; }
.secondColor { color: #a49a90; }

.right { display: inline-block; float: right; }

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; color: #666; /*letter-spacing: -1px; line-height: 1em;*/ line-height: 150%; font-weight: lighter ; font-family: Helvetica, Arial, Verdana, sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333 !important; font-weight: lighter !important; }
h1 { font-size: 34px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p { padding-bottom: 10px; line-height: 140%; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Helvetica, Arial, Verdana, sans-serif; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
.source { font-size: 10px; line-height: normal; text-indent: -1	0px; padding-left: 30px;}
.source2 { display: block; float: right; font-size: 10px; line-height: normal;}

.source3 {  display: block; font-size: 10px; line-height: normal; text-indent: -10px; margin-left: 10px; padding-bottom: 5px;}
.descNorm { line-height: normal;}
blockquote  { margin: 1.5em; padding: 1em; color: #000; background: #fefefe; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

h4 sup { font-size: 9px; font-family: Helvetica, Arial, sans-serif; }
sup { font-size: 9px; font-family: Helvetica, Arial, sans-serif; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#pageWrap { text-align: left; width: 1024px; margin: 0 auto; position: relative; }

	#header  { padding-top: 0px; width: 1024px; }
	#logo {float: left; height: 130px; width: 362px; padding: 20px 0px 0px 38px; display: block; }
	#info { float: left; height: 52px; width: 574px; display: block; background: url(images/topLine.gif) 0px 90px no-repeat; padding: 69px 50px 0px 0px; text-align: right;}
		#info a { padding: 0px 0px 0px 20px; }
	#topNavWrap { float: left; width: 620px; font-size: 1.2em; height: 29px; overflow: visible; }
		#topNavWrap a { font-size: 12px; color: #666; display: inline-block; padding: 0px 15px 0px 0px; float: left;}
		#topNavWrap a:hover { color: #cc3333; }
		#topNavWrap a.current { color: #cc3333; }
		#topNavWrap a:hover.current { color: #ff3333; }
		#topNavWrap div.spacer { display: block; height: 15px; }
		
	#leftSpacer { width: 50px; height: 200px; float: left; display: block;}
	#homeHero { float: left; width: 924px; display:block; clear: right; background: url(images/HomeHero1.jpg) center top no-repeat; height: auto;}
		#homeHero #leftCol { float: left; width: 317px; display: block; font-size: 19px; text-align: right; padding: 45px 23px 0px 10px;}
			#homeHero #topText { height: 219px; line-height: normal; }
				#homeHero #leftCol #topText span.big { font-size: 32px; display: inline-block; position: relative; top: 10px; width: 190px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;}
				#homeHero #leftCol #topText span.small { display: inline-block; position: relative; top: 10px; width: 300px;  padding: 0px; margin: 0px;   }
			#homeHero #btmText { text-align: left; font-size: 12px; height: auto; padding: 35px; padding-bottom: 0px; width: 247px;  background: url(images/homeCalloutBCK.png) top right no-repeat; line-height: normal; height: 290px; }
			#homeHero img.btm {}
		#homeHero #rightCol { float: left; width: 483px; padding: 45px 90px 0px 0px; display: block; line-height:normal; height: 376px;}
		
		#homeHero #rightColA { float: left; width: 260px; display: block; padding-right: 25px;}
		#homeHero #rightColB { float: left; width: 253px; display: block; padding: 35px 0px 0px 35px; height: 102px;}
		
	.label { font-size: 14px; }	
	.calloutTitle { font-size: }
	.copyW { font-size: 13px; color: #999; display: block; padding: 15px 30px 20px 70px; text-align: center; width: 300px; float: left;}
	#footer { float: left; width: 1024px; margin-bottom:40px; display: block;}

/*------------------------------------------------*/
/*-----------------[INSIDE PAGES]-----------------*/
/*------------------------------------------------*/

.Hero { float: left; width: 924px; display:block; clear: right; height: 218px;  }
#blankHero { background: url(images/InsideHero.gif) center top no-repeat; }
#servicesHero { background: url(images/Services_Hero.jpg) center top no-repeat; }
#productsHero { background: url(images/Products_Hero.jpg) center top no-repeat;  }
#caseStudiesHero { background: url(images/CaseStudies_Hero.jpg) center top no-repeat;  }
#supportHero {  background: url(images/Support_Hero.jpg) center top no-repeat; }
#careersHero {  background: url(images/Careers_Hero.jpg) center top no-repeat; }
#aboutUsHero {  background: url(images/AboutUs_Hero.jpg) center top no-repeat; }
#contactUsHero {  background: url(images/ContactUs_Hero.jpg) center top no-repeat; }

	 
#heroTitle { float: left; width: 405px; font-size: 19px; padding: 40px 468px 0px 40px; }
	#heroTitle span.big { font-size: 32px; }
#heroTxt { float: left; width: 350px; padding: 5px 0px 0px 40px; line-height: 1.2em;}
	



#inNarrowCol { float: left; width: 311px; padding: 33px 40px 40px 50px; display: block;}
#inWideCol {  }
#inWideColBoxed { float: left; background: url(images/wideColBoxedTop.gif) top left no-repeat;  width: 482px; padding: 30px 46px 20px 46px; clear: none;}
#inWideColBoxedBtm { float: left; background: url(images/wideColBoxedBtm.gif) top left no-repeat; width: 574px; height: 19px; }
#inFullCol {}

#twoColLf { display: block; float: left; width: 467px; padding: 33px 0px 40px 50px; clear: none; cursor: pointer; }
div:hover#twoColLf h3{ color: #cc3333; }
#twoColRt { display: block; float: left; width: 457px; padding: 33px 0px 40px 0px; clear: none;}

#twoColTop { display: block; float: left; background: url(images/twoCol_top.gif) no-repeat; width: 391px; padding: 30px 30px 30px 30px; }
#twoColBtm { display: block; float: left; background: url(images/twoCol_btm.gif) no-repeat; width: 451px; height: 20px;}

#splitLeft { float: left; width: 190px; padding: 0px 10px 15px 0px;  display: block;}
#splitRight { float: left; width: 190px; display: block; padding-bottom: 15px;}

ul { list-style: circle; padding: 0px 0px 0px 18px; }
ul li { padding: 0px 0px 7px 0px; font-weight: bold; color: #333; font-size: 13px; }
ul.normal li { padding: 0px 0px 7px 0px; font-weight: normal; color: #000; font-size: 13px; } 
ul.sub { list-style: cicle; padding: 0px 0px 10px 15px; }
ul.sub li { padding: 0px 0px 3px 0px; font-weight: normal; color: #333; font-size: 12px;} 

#bodyContent { float: left; width: 924px; padding: 30px 0px 30px 50px; line-height: 130%;}
#address { float: left; width: 200px; padding: 30px 0px 0px 30px;}

#wideSplit { float: left; display: block; clear: none; width: 350px;}
#wideText { float: left; display: block; clear: none; width: 700px;}


.msg_list { float: left;  display: inline-block; width: 924px; }
	.msg_head { float: left; padding: 20px 20px 0px 20px; width: 884px; cursor: pointer; background: url(images/CaseStudyTop.gif) top right no-repeat; }
	.msg_head h3 { line-height: 1.2em;}	
	div:hover.msg_head h3{ color: #cc3333; }
	
	.msg_headx { float: left; padding: 20px 20px 0px 20px; width: 884px; background: url(images/CaseStudyTop.gif) top right no-repeat; }
	.msg_headx h3 { line-height: 1.2em;}
	
	div.ScrnSht { float: left; display: inline-block; padding: 0px 20px 0px 0px; width: 162px; }
			div.ScrnSht img { padding-bottom: 10px; }
	div.Content { float: left; display: block; padding: 0px 0px 0px 0px; width: 702px }
			div.Content h3 { color: #000; }
	div.ServContent { float: left; display: block; padding: 0px 0px 0px 0px; width: 884px }
	#col4 { float: left; display: block; width: 221px; height: 130px;}
	
	
	.msg_body { float: left; width: 884px; display: block; }
	.msg_foot { float: left; background: url(images/CaseStudyBtm.gif) bottom no-repeat; height: 25px; margin-bottom: 20px; width: 924px; }	
	
	.cursored { cursor: pointer; }
	
	.readMore { width: 120px; text-align: right; display: block; float: right; }
	.close { width: 120px; text-align: right; display: block; float: right; }
	
	.captcha_img { display: block; float: left; padding: 0; margin: 0; padding: 6px 5px 0px 0px; }
	.captcha_txt { display: block; float: left; padding: 0; margin: 0; top: 0px;}