/* setting up the site basics */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em; line-height: 120%; color: #575757; text-align: center; }
 
/* link styles */
a { color: #615405; }
a:hover { color: #0f0756; text-decoration: none; }
a:visited { color: #333; }
a:visited:hover { color: #0f0756; text-decoration: none; }
a:focus { outline: none; }
a img { border: none; }
p img { margin: 5px 5px 5px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
/* element styles */
p { padding: .5em 0 .5em; line-height: 130%; }
ul { margin: 5px 5px 12px 20px; list-style-type: disc; }
li { padding-bottom: 2px; }
strong, b { font-weight: bold; }
ul, ol, dl { position: relative;  }

h1 { font-weight: normal; font-size: 140%; color: #0f0756; line-height: 130%; margin-bottom: 5px; }
h2 { color: #615405; font-weight: normal; font-size: 140%; line-height: 110%; }
h3 { font-weight: bold; font-size: 120%; color: #56554d; line-height: 120%; margin: 5px 0 2px; }
#sub-navigation h2 { color: #575757; font-weight: bold; font-size: 120%; }
.call-out h3 { font-weight: normal; font-size: 130%; margin: 0; }
.news-section h3 { margin: 0; }


/* fonts */
.email, .phone, #navigation ul li, h3, #sub-navigation h2
{ font-family: Helvetica, Arial, sans-serif}

h1, h2, .call-out h3
{ font-family: "Helvetica Meduim", "Helvetica 65 Medium", Helvetica, Arial, sans-serif; }

/* basic site setups */
/*body { background: #eeeee9 url(../images/layout/body-background.png) repeat-x; }*/
body { background-color: #ffffff; }
#container { width: 960px; text-align: left; margin: 20px auto 10px; }

/* action buttons */
.action-viewall, .action-learnmore
{ text-indent: -5000px; background: url(../images/layout/buttons.gif) no-repeat; height: 25px; display: block; }

.action-viewall { width: 78px; background-position: 0px -35px; }
.action-viewall:hover { background-position: -88px -35px; }

.action-learnmore { width: 97px; background-position: 0px 0px; }
.action-learnmore:hover { background-position: -106px 0px; }
.learn-more-now { font-weight: bold; font-size: 110%; background: url(../images/layout/icons.gif) 0px -117px no-repeat; padding: 4px 0 5px 35px; }


/* #### masthead */
#masthead { }
  .logo { float: left; margin: 0 0 25px 15px; }
  .logo a { text-indent: -5000px; background: url(../images/layout/texcel-logo.png) no-repeat; display: block; width: 172px; height: 88px; }
  .logo em { float: left; font-style: italic; font-size: 90%; margin: -22px 0 0 110px; color: #000; }
  
  .quick-contact { float: right; margin: 50px 10px 0 0; width: auto; }
  .quick-contact p { padding: 0 0 0 25px; text-align: left; }
  .quick-contact .phone { font-size: 140%; color: #0f0756; font-weight: bold; background: url(../images/layout/icons.gif) 3px 4px no-repeat; }
  .quick-contact .email { font-size: 120%; background: url(../images/layout/icons.gif) 0px -19px no-repeat; height: 20px; }
  
  #navigation { clear: both; height: 46px; background: url(../images/layout/navbar-bg-repeat.gif) repeat-x; margin: 0 3px; }
    #navigation ul { float: left; background: url(../images/layout/navbar-bg-left.gif) no-repeat; height: 46px; margin: 0; padding: 0; list-style: none; width: 725px; margin-left: -3px; }
	#navigation ul li { font-weight: bold; margin-top: 6px; float: left; width: 145px;  padding: 10px 0 0; height: 22px; text-align: center; background: url(../images/layout/navbar-divider.gif) top right no-repeat; }
	#navigation ul a, #navigation ul a:visited  { color: #575757; text-decoration: none; }
	#navigation ul a:hover, #navigation ul .current a { color: #0f0756; }
	
	#navigation .current { background: url(../images/layout/navbar-bg-current.gif) 50% bottom no-repeat; display: block; height: 37px; }

    .search { float: right; height: 46px; background: url(../images/layout/navbar-bg-right.gif) top right no-repeat; width: 225px; margin-right: -3px; }
		/**.search form { background: url(../images/layout/search-background.gif) no-repeat; height: 23px; margin: 11px 0 0 0; }
    .search label { display: none; }
	.search #search_q { border: none; margin: 3px 0 0 8px; background: none; color: #56554d; width: 175px; }
	.search #search_submit { border: none; background: none; text-indent: -5000px; margin: 0 0 0 5px; width: 15px; height: 15px; }
 	.search #search_submit:hover { cursor: pointer; }
 	
 	*/
 	/*ModX Search Styles*/
 		 #ajaxSearch_form { background: url(../images/layout/search-background.gif) no-repeat; height: 23px; margin: 11px 0 0 0; }
     #ajaxSearch_input { border: none; margin: 3px 0 0 8px; background: none; color: #56554d; width: 175px; }
     #ajaxSearch_submit { border: none; background: none; text-indent: -5000px; margin: 0 0 0 5px; width: 15px; height: 15px; }
     #ajaxSearch_output { border: 1px solid #444; padding: 10px; background: #fff; display: none; height: auto; vertical-align: top; z-index: 2000000000; float: right; }
		.AS_ajax_result { color: #444; margin-bottom: 3px; }
		.AS_ajax_resultLink {	text-decoration: underline; }
		.AS_ajax_resultDescription{ color: #555; }
		.AS_ajax_more { color: #555; }
		
		/** Email Forms */
		div.errors { color:#F00; }
		#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
		#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

 
/* #### content */
#content { clear: both; margin: 25px 0; }
  #sub-navigation { float: left; display: inline; width: 232px; }
  #main-content { float: left; display: inline; width: 460px; margin: 0 20px 0 18px; }
  #main-content-wide { float: left; display: inline; width: 690px; margin: 0 20px 0 18px; }
  #call-outs {float: left; display: inline; width: 230px;  }
  
  .breadcrumb { margin-bottom: 10px; font-size: 95%; }
  .secondary-image { float: left; margin: 10px 10px 5px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
  .primary-image { margin: 5px 0px 5px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
  
  .marketing-text { text-align: center; margin-bottom: 10px; }
  .marketing-text h1 { margin: 0; font-size: 120%; font-weight: bold; }
  .marketing-text p { font-weight: bold; font-style: italic; color: #666666; padding: 0; }
  
  .promo-highlights { background: url(../images/layout/promo-highlight-bg.png) bottom left no-repeat; padding: 5px 10px 15px; }
  .promo-highlights .promo { float: left; width: 208px; height: 235px; padding: 15px 0 0 17px; margin: 0 5px; background: url(../images/layout/promo-highlight-promo-bg.png) no-repeat; }
  .promo-highlights .promo h2 { height: 75px; text-align: center; width: 140px; margin-left: 27px; }
  .promo-highlights .promo h2 a { color: #615405; text-decoration: none; }
  .promo-highlights .promo h2 a:hover { color: #575757; }
  
  .industry-highlights { list-style: none; width: 100%; margin: 0; } 
  .industry-highlights li { float: left; width: 220px; height: auto; padding: 0px 0 0 0px; margin: 10px 10px 5px 0px; }
  .industry-highlights li p { }
  .industry-highlights li h2 { text-align: left; margin: 0px 0px 5px 0;}
  .industry-highlights li h2 a { color: #615405; text-decoration: none; }
  .industry-highlights li h2 a:hover { color: #575757; }
  .industry-highlights li img { margin: 0px 0px 4px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
  
  

  
  
  
  .news-section { margin: 15px 0 -3px; clear: both; background: url(../images/layout/home-newsbox-bg-top.gif) no-repeat; }
    .recent-news { float: left; width: 430px; margin: 25px 0 0 20px; display: inline; }
	.recent-news ul { list-style: none; margin-left: 0; }
	.recent-news ul li { font-size: 110%; padding: 3px 0 3px 15px; background: url(../images/layout/bullet-arrow.gif) 0px 7px no-repeat; }
	
	.highlight-partners { float: right; width: 430px; margin: 25px 20px 0 0; display: inline; }
	.highlight-partners img { margin: 5px 0; }
	.highlight-partners ul { list-style: none; width: 100%; margin: 0; } 
	.highlight-partners ul li { float: left; height: 65px; width: 140px !important; margin: 5px 0px; }
  .highlight-partners ul li img { display:block; margin: 0px 0px 0px 0; padding: 5px; }
  .highlight-partners ul li strong { font-size: 110%; font-weight: bold; }
  
	
	.clear-news { clear: both; background: url(../images/layout/home-newsbox-bg-bottom.gif) bottom left no-repeat; height: 20px; margin: 0 0 -3px; position: relative; }
    
	.news-section .actions { padding: 10px 0 5px 0; margin: 10px 0 0; background: url(../images/layout/dottedline-horo.gif) repeat-x; }
    .news-section .actions a { float: right; }
  
  #sub-navigation {}
	#sub-navigation h2 { background: url(../images/layout/leftnav-bg.png) no-repeat; height: 25px; padding: 7px 0 0 10px; }
	#sub-navigation ul { list-style: none; margin: 8px 10px 20px 10px; }
	#sub-navigation ul li { font-size: 110%; padding: 3px 0 3px 15px; background: url(../images/layout/bullet-arrow.gif) 0px 7px no-repeat; }
	#sub-navigation a { text-decoration: none; }
	#sub-navigation .current a { color: #575757; }
	
  #call-outs {}
  	#call-outs h3 { margin-bottom: 10px; }
    .call-out { background: url(../images/layout/right-callout-bg-top.gif) no-repeat; margin: 0 0 20px; position: relative; width: 230px; }
    .call-out .call-out-content img { display: inline; float: left; margin-right: 5px; margin-bottom: 5px;}
    .call-out .call-out-content { padding: 15px; }
		.call-out .clear-call-out { background: url(../images/layout/right-callout-bg-bot.gif) left bottom no-repeat; float: left; height: 5px; width: 230px; position: relative; }
		.call-out .action { padding: 10px 0 5px; }
    .call-out .email { background: url(../images/layout/icons.gif) 0px -45px no-repeat; padding: 4px 0 5px 35px; margin: 5px 0; font-weight: bold; font-size: 110%; min-width: 1px; }
		.call-out .phone { background: url(../images/layout/icons.gif) 0px -81px no-repeat; padding: 4px 0 5px 35px;  margin: 5px 0; color: #0f0756; font-weight: bold; font-size: 110%; }

	.article-list {}
		.article-list .article-item { width: 460px; }
		.article-list .article-item img { float: left; display:inline; margin: 10px 10px 5px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
    .article-list .article-item p { float: left; width: 380px;}
  
  .solutions {}
   .solutions li { float: left; height: 140px; width: 150px !important; margin: 5px 0px; }
   .solutions li img { display:block; margin: 0px 0px 4px 0; background-color: #fff; padding: 4px; border: 1px solid #cecece; }
   .solutions li strong { font-size: 110%; font-weight: bold; }
   .solutions { list-style: none; width: 100%; margin: 0; } 
   
   #site-map { margin: 0px 0 0 0px; }
	 #site-map ul { list-style: none; margin: 0; padding-top: 3px;}
	 #site-map ul li { padding: 0 0 3px 15px; background: url(../images/layout/bullet-arrow.gif) 0px 7px no-repeat; }
	 
	 
	.siteform { list-style: none; width: 100%; margin: 0; } 
   .siteform li { width: 400px !important; margin: 0px 0px; padding: 5px 5px 5px 0px; clear:both;}
   .siteform li label { float: left; display:inline; width: 125px; margin: 0px 0px 0px 0; padding: 0px; }
   .siteform li input { float: left; width: 260px; border: 1px solid #cecece; }
   .siteform li select { float: left; width: 260px; border: 1px solid #cecece; }
   .siteform li textarea { float: left; width: 260px; border: 1px solid #cecece; }


	
/* #### footer */
#footer { clear: both; margin: 20px 0 0; padding: 4px 0; border-top: 1px solid #cecece; text-align: center; }


 
/* -------------------- **
** auto clearing method */
#masthead:after, #navigation:after, .promo-highlights:after, .news-section:after, #content:after, .item-grouping:after
{  content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#masthead, #navigation, .promo-highlights, .news-section, #content, .item-grouping
 {display: inline-block;}

/* Hides from IE-mac \*/
* html ##masthead, * html #navigation, * html .promo-highlights, * html .news-section, * html #content, * html .item-grouping
{height: 1%;}

#masthead, #navigation, .promo-highlights, .news-section, #content, .item-grouping
{display: block;}
/* End hide from IE-mac */