@import "sen.0.6.css";
@import "strata-base.css";


/*---------------------------
	=Maincontent Section
---------------------------*/
#maincontent { background: url(../images/maincontent.png) 0 0 repeat-y; margin: 0 auto; padding: 56px 0 0 10px; position: relative; width: 980px; z-index: 1; }

#flashcontent { margin: 0 0 10px 0; }

div.homepage-feature { background: url(../images/home-feature-bg.jpg) 0 bottom repeat-x #00aead; float: left; position: relative; width: 166px; }
	div.right-margin { margin: 0 10px 0 0; }
	div.feature-pic { height: 132px; overflow: hidden; position: relative; width: 166px; z-index: 1; }
	div.homepage-feature div.mask { background: url(../images/home-feature-mask.png) 0 0 no-repeat; height: 5px; left: 0; position: absolute; top: 0; width: 166px; z-index: 2; }
	div.homepage-feature p { background: url(../images/home-feature-bottom.jpg) 0 bottom no-repeat; color: #ffffff; line-height: 14px; margin: 0; padding: 9px; }


	div.columns { background: url(../images/columns.jpg) 0 0 repeat-y; margin: 0; width: 958px; }
		div.left-column { background: url(../images/columns-top.jpg) 0 0 no-repeat; float: left; padding: 10px 8px 0 8px; width: 698px; }
		div.right-column { background: url(../images/columns-top.jpg) right 0 no-repeat; float: right; padding: 10px 9px 0 9px; width: 216px; }
			#login { background: url(../images/iframe-placeholder.jpg) 0 0 no-repeat; height: 281px; margin: 0; width: 216px; }

			div.right-column div.brief { background: #eae9e9; margin: 10px 0 0 0;  }
				div.right-column div.brief h2 { background: url(../images/right-hd.jpg) 0 0 no-repeat #2a2929; color: #ffffff; font: bold 14px/14px Arial, sans-serif; padding: 10px; width: 196px; }
					div.right-column div.brief p { margin: 0 auto 1em auto; width: 195px; }
						div.right-column div.brief p span { padding: 0 10px 0 0; }
						div.right-column div.brief p a { color: #276c6b; }
					div.right-column div.brief p.last { border-bottom: 1px solid #cbcaca; margin: 0 auto; padding: 0 0 20px 0; }
				div.right-column div.brief div.brief-bottom { background: url(../images/brief-bottom.jpg) 0 bottom no-repeat; padding: 0 0 5px 0; }
					div.right-column div.brief div.brief-bottom p { border-top: 1px solid #ffffff; margin: 0 auto; padding: 10px 0 0 0; }
						div.right-column div.brief div.brief-bottom a.request-demo-btn { background: url(../images/request-demo-btn.jpg) 0 0 no-repeat; display: block; float: right; height: 27px; overflow: hidden; text-indent: -10000px; width: 129px; }
				
		div.columns-bottom { background: url(../images/columns-bottom.jpg) 0 0 no-repeat; clear: both; height: 11px; overflow: hidden; width: 958px; }		
	
	
div.briefs { background: url(../images/home-briefs.jpg) 0 0 repeat-y; margin: 10px 0 0 0; width: 958px; }
		div.briefs h2 { background: url(../images/briefs-hd.jpg) 0 0 no-repeat #026968; color: #ffffff; font: bold 14px/14px Arial, sans-serif; margin: 0 0 10px 0; padding: 10px; width: 196px; }
		div.briefs ul { color: #025655; display: block; list-style: outside; margin: 0; padding: 0; }
			div.briefs ul li { background: url(../images/bull.jpg) 0 6px no-repeat; color: #025655; display: block; list-style: outside; margin: 0 0 6px 0; padding: 0 0 0 12px; }
		
	div.briefs div.brief-wide { background: url(../images/home-briefs-top.jpg) 0 0 no-repeat; float: left; padding: 10px 0; width: 468px; }
	div.briefs div.brief { background: url(../images/home-briefs-top.jpg) right 0 no-repeat; float: left; margin: 0 0 0 10px; min-height: 200px; padding: 10px 9px 10px 10px; width: 216px; }
	div.briefs-bottom { background: url(../images/home-briefs-bottom.jpg) 0 0 no-repeat; clear: both; height: 11px; overflow: hidden; width: 958px; }
	
	div.rotating-content { background: url(../images/home-rotating-content.jpg) 0 0 repeat-y; margin: 0 auto; width: 446px; }
		
		div.rotating-content ul.brief-nav { float: left; margin: 0; padding: 0; position: relative; width: 167px; z-index: 2; }
		div.rotating-content ul.brief-nav li { background: none; height: 33px; margin: 0; padding: 0; position: relative; }
			div.rotating-content ul.brief-nav li.active {  }
		div.rotating-content ul.brief-nav li a { border-bottom: 1px solid #ffffff; color: #ffffff; display: block; font-weight: bold; height: 33px; line-height: 33px; overflow: hidden; padding: 0 13px; }
			div.rotating-content ul.brief-nav li a:hover { background: #999999; text-decoration: none; }
			div.rotating-content ul.brief-nav li.active a, div.rotating-content ul.brief-nav li.active a:hover { background: url(../images/rotating-service-active.jpg) 0 0 repeat-x #2a2a2a; }
				div.rotating-content ul.brief-nav li.active span.pointer { background: url(../images/brief-pointer.gif) 0 0 no-repeat; display: block; height: 33px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: -19px; top: 0; width: 19px; }
				
		div.rotating-content div.service { background: url(../images/rotating-service.jpg) 0 0 repeat-y; float: right; margin: 0 7px 0 0; position: relative; width: 267px; z-index: 1; }
			div.rotating-content div.service h3 { background: url(../images/rotating-service-hd.jpg) 0 0 no-repeat; border-bottom: 1px solid #c2bfbf; font-weight: bold; line-height: 14px; margin: 0; padding: 8px 0; text-align: center; width: 267px; }
			div.rotating-content div.service p { background: url(../images/rotating-service-bottom.jpg) 0 bottom no-repeat; margin: 0; padding: 10px 20px 20px 20px; }
			
		div.rotating-content-top { background: url(../images/home-rotating-content-top.jpg) 0 0 no-repeat; height: 6px; width: 446px; }
		div.rotating-content-bottom { background: url(../images/home-rotating-content-bottom.jpg) 0 0 no-repeat; clear: both; height: 6px; overflow: hidden; width: 446px; }