/* 
	Header banner - when changing seasonal header backgrounds, it required in 3 places. 
		1.) main.css line 2  
		2.)Inc_layout_top.cfm line 105  
		3.)index.cfm line 16  
*/
	
		body {background: #FFFFFF url(images/header_summer/back.jpg) no-repeat center 50px; padding: 0; margin: 0; font: 13px/17px arial, tahoma, verdana, helvetica;}
		a {color: #005cab;}
		a:hover {color: #8cc63f;}
		
		#blocks, #contenttop, #contentcontainer, #footer {position: relative; top: -50px;}
		
		#top {background-color: #fff; height: 49px; border-bottom: 3px solid #005cab;}
		#topcontainer {width: 985px; margin: 0 auto; padding: 3px 0; position: relative;}
		#topnav {float: right; padding: 7px 0; font-size: 16px;}
		#topnav a {display: block; height: 30px; float: left; margin-left: 20px; text-decoration: none; color: #005cab;}
		#topnav a span {display: block; line-height: 30px; padding: 0 10px;}
		#topnav a:hover {background: #fff url(images/topnav_left.gif) no-repeat; color: #fff;}
		#topnav a:hover span {background: transparent url(images/topnav_right.png) no-repeat top right;}

		.subnav {width: 189px; position: absolute; top: 60px; left: 540px; z-index: 2;}
		.subnav a {display: block; background: transparent url(images/dropdown_middlesquare.png) no-repeat; padding-left: 20px; text-decoration: none; color: #fff; line-height: 30px; font-size: 16px;}
		.subnav a {background: #669B26(images/dropdown_middlesquare.png);}
		.subnav a.top {background: transparent url(images/dropdown_topround.png);}
		.subnav a.bottom {background: transparent url(images/dropdown_bottomround.png);}
		.subnav a:hover {background: #0057A6 url(images/dropdown_middlesquare-blue.png);}
		.subnav a.top:hover {background: transparent url(images/dropdown_topround-blue.png);}
		.subnav a.bottom:hover {background: transparent url(images/dropdown_bottomround-blue.png);}
		
		#topnav-capabilities {left: 433px; display: none; background: transparent url(images/dropdown_topround.png) no-repeat;}
		#topnav-portfolio {left: 557px; display: none; background: transparent url(images/dropdown_topround.png) no-repeat;}
		#topnav-aboutus {left: 656px; display: none; background: transparent url(images/dropdown_topround.png) no-repeat;}
		.bottom {background: transparent url(images/dropdown_bottomround.png) no-repeat bottom;}
		
		#container {width: 985px; margin: 0 auto;}
		#header {padding-top: 14px; text-align: center;}

		#footer {background: transparent url(images/footer_back.png) no-repeat; width: 983px; height: 44px;}
		#footer #footernav {margin: 0 auto; width: 620px;}
		#footer #footernav a {display: block; line-height: 20px; text-decoration: none; color: #fff; padding: 9px; float: left; font-size: 15px;}
		#footer #footernav a:hover { color: #005cab;}

		#blocks {display: none; margin: 0; color: #005cab; height: 351px;}
		#block-ecommerce, #block-catalog, #block-event {padding: 110px 15px 0 15px; height: 241px; float: left; position: relative;}
		#block-ecommerce {background: transparent url(images/block_ecommback.png) no-repeat; width: 289px; }
		#block-catalog {background: transparent url(images/block_catalogback.png) no-repeat; width: 297px;}
		#block-event {background: transparent url(images/block_eventback.png) no-repeat; width: 307px;}
		#blocks h2 {margin-bottom: 5px;}
		#blocks p, #blocks ul {margin-top: 0;}

		#contenttop {background: transparent url(images/container_backtop.png) no-repeat; height: 72px; position:}
		#null {}
		#phone {position: absolute; left: 66px; top: 12px; color: #002D43; font-weight: bold; text-align: right; width: 200px; font-size: 14px;}
		/* background: transparent url(images/container_backbottom.png) no-repeat bottom center; position: relative; clear: both; padding-bottom: 13px; margin-bottom: 10px; */
		
		#contentcontainer {background: transparent url(images/container_back.png) repeat-y;}
		#content {background: transparent url() no-repeat 3px bottom; padding: 3px; position: relative; top: 4px; color: #002D43;}
		#content a.bannerlink {display: block; width: 224px; height: 350px; position: absolute; bottom: 0px; left: 3px; z-index: 999;}
		#contentbottom {position: relative; top: -50px; z-index: -1; margin-bottom: 7px;}

		#sidebar {width: 226px; position: absolute; height: 603px; background: transparent url(images/line_vert.jpg) no-repeat top right;}
		#info {padding: 0 25px 0 250px; background: transparent url(images/illus_eComm.jpg) no-repeat 682px 0px; height: 610px;}
		#info p {width: 500px;}
		#info a {color: #002D43;}
		#info ul {list-style-type: none; padding: 0; margin: 10px 0; margin-left: 1em;}
		#info li {width: 470px; background: transparent url(images/bullet.png) no-repeat 0 0; padding-left: 1em; margin-bottom: 10px;}
		.sidebar {width: 260px; float: right; margin-right: 35px; margin-top: 35px;}
		.sidebar a {color: #002D43; }
		
		#breadcrumbs {margin-top: 50px;}
		#breadcrumbs a {color: #002D43;}
		
		h1 {font-size: 16px; color:#002D43;}
		h2 {font-size: 16px; color:#002D43;}
		h3 {color: #8cc63f; font-size: 14px; font-style: italic; font-weight: bold; margin: 0 -4px 0 0;}
		h3 span {color:#002D43;}
		span.ques {color: #8cc63f; font-size: 14px; font-style: italic; font-weight: bold; margin: 0 -4px 0 0; display: block;}
		span.ques span {color:#002D43;}
		h4 {font-size: 13px; color:#002D43;}
		span.asterisk {font-size: 11px; font-style: italic; color:#002D43;}
		span.disclaimer {font-size: 9px; font-style: italic; color:#002D43;}
		
		#questions {font-size: 12px; background: transparent url(images/icon_question.png) no-repeat right; height: 64px; width: 300px; float: right; padding-right: 100px; text-align: right; padding-top: 15px; position: absolute; bottom: 20px; right: 20px; text-decoration: none;}
		#questions .light {color: #005cab;}
		
		#subnavtitle {background: transparent url(images/subnav_blue.jpg) no-repeat; width: 187px; height: 29px; line-height: 29px; color: #fff; padding-left: 12px; margin-left: 20px;}
		#subnav a {display: block; background: transparent url(images/line_subnav.jpg) no-repeat bottom; line-height: 24px; padding-left: 40px; text-decoration: none; padding-bottom: 1px; position: relative;}
		#subnav a.on {color: #8cc63f;}
		#subnav a img {position: absolute; top: 7px; left: 24px;}
		
		.left {float: left;}
		.right {float: right;}

		#viewer {width: 677px; margin-top: 20px; margin-bottom: 60px;}
		#viewer .viewscreen {background-repeat: no-repeat; float: left;}
		#viewer .viewtext {float: left; background-image: url(images/viewer_right.jpg); width: 153px; height: 237px; color: white; padding: 20px 15px 20px 20px; font-size: 14px;}
		#viewer h4 {font-size: 17px; line-height: 22px; color: white;}
		#viewer p {width: auto; color: white;}
		#viewer #toolbar {clear: both; padding: 2px 10px 0 5px;}
		#viewer #toolbar a {display: block; background: #89c23d url(images/viewer_button.png) no-repeat; width: 32px; height: 33px; color: white; line-height: 33px; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; margin-left: 5px;}
		#viewer #toolbar a.arrow {background-color: #89c23d; float: right;}
		#viewer #toolbar a.arrow:hover {background-color: #0057a6;}
		#viewer #toolbar a.number {background-color: #0057a6; float: left;}
		#viewer #toolbar a.number:hover {background-color: #89c23d !important;}
		#viewer #toolbar a.on {background-color: #89c23d;}
		
		label, input {display: block;}
		label {margin-top: 10px; font-weight: bold;}
		
		#homecol1 {color: #005cab;}
		#homecol2 {color: #005cab;}
		#homecol3 {color: #005cab;}
		
		a.learnmore {display: block; width: 95px; height: 25px; background-image: url(images/btn_learn.png);}
		a.learnmore:hover {background-image: url(images/btn_learn_rollover.png);}
		
		a.streamline {display: block; width: 240px; height: 59px; background-image: url(images/btn_streamline.jpg);}
		a.streamline:hover {background-image: url(images/btn_streamline-rollover.jpg);}
		a.communicate {display: block; width: 239px; height: 59px; background-image: url(images/btn_communicate.jpg);}
		a.communicate:hover {background-image: url(images/btn_communicate-rollover.jpg);}		
		a.control {display: block; width: 240px; height: 59px; background-image: url(images/btn_control.jpg);}
		a.control:hover {background-image: url(images/btn_contol-rollover.jpg);}
				
		#legal {text-align: center; color: white; position: relative; top: -40px;}