﻿/*--------------------------------

	Brulant.com - Skin CSS

	Chad Milburn
	Brulant
	chad.milburn@brulant.com
	Created: 10 - 24 - 07
	
--------------------------------*/


/*----------------------- DEFAULT :: START -----------------------*/
body, textarea { color: #534E4E !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7125em; }
h1, h2, h3, h4, h5 {  }
p {  }
ul, dl, dd, li { font-family:Verdana, Arial, Helvetica, sans-serif }
form {}
table { float: left; *float: none }
fieldset { }
input, textarea { }
h1 { color: #FFFFFF !important;font-weight:bold !important; font-family:Arial !important; font-size: 1.9em !important }
select { }
a { color: #534E4E !important }
p span a { color: #FFFFFF !important }
.smallUL li{ line-height: 1em !important; padding: 0px !important; margin: 0px !important; margin-bottom: .25em !important; }
/*----------------------- DEFAULT :: END -----------------------*/

/*----------------------- SKIP LINKS :: START -----------------------*/
.skip_points { position: absolute; left: -999px; }
/*----------------------- SKIP LINKS :: END -----------------------*/


/*----------------------- FRAMEWORK :: START -----------------------*/
#container { width: 800px; margin: 0px auto; display: block; }

	#headerContainer { width: 800px; height: 96px; }
	#headerContainer #utilityNavigation { }
	#headerContainer #utilityNavigation ul li { font-size: 1em; font-weight: bold }
	
	.searchBox span { color: #534E4E !important }
	
	#headerContainer #logo a img { border: none }
	
	#topNavigation { background: #FFFFFF }
	#topNavigation ul { list-style:none }
	#topNavigation ul li b { cursor: default; display:block; line-height: 25px; margin: -6px 0px -6px 0px; cursor: pointer }
	#topNavigation ul li.nav1 { background: url(../images/nav1_spacer.gif) repeat-x left top; border-right: 1px solid #FFFFFF; text-align: left; color: #FFFFFF; font-size: 1em; font-weight: bold }
		#topNavigation ul li.nav1 ul { background: url(../images/nav1_pixel.png); _background: url(../images/nav1_pixel.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav1_pixel.png', sizingMethod='scale') }
		#topNavigation ul li.nav1 ul li { border-top: 1px solid #FFFFFF; } 
		#topNavigation ul li.nav1 ul li.on, #topNavigation ul li.nav1 ul li:hover { background-image: url(../images/nav1_pixel_on.png); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav1_pixel_on.png', sizingMethod='scale') } 
		#topNavigation ul li.nav1 ul li.on.sfhover { background-image: url(../images/nav1_pixel_on.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav1_pixel_on.png', sizingMethod='scale') } 
		#topNavigation ul li.nav1 ul li a { color: #064d9d !important; text-decoration: none; display: block; font-size: .9em !important; line-height : 30px; padding-left: 20px !important }
		#topNavigation ul li.nav1 ul li.on a, #topNavigation ul li.nav1 ul li:hover a, #topNavigation ul li.nav1 ul li.on.sfhover a { color: #FFFFFF !important }
		
		
	#topNavigation ul li.nav2 { background: url(../images/nav2_spacer.gif) repeat-x left top; border-right: 1px solid #FFFFFF; text-align: left; color: #FFFFFF; font-size: 1em; font-weight: bold }
		#topNavigation ul li.nav2 ul { background: url(../images/nav2_pixel.png); _background: url(../images/nav2_pixel.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav2_pixel.png', sizingMethod='scale') }
		#topNavigation ul li.nav2 ul li { border-top: 1px solid #FFFFFF } 
		#topNavigation ul li.nav2 ul li.on, #topNavigation ul li.nav2 ul li:hover { background-image: url(../images/nav2_pixel_on.png); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav2_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav2 ul li.on.sfhover { background-image: url(../images/nav2_pixel_on.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav2_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav2 ul li a { color: #2999b6 !important; text-decoration: none; display: block; font-size: .9em !important; line-height: 30px; padding-left: 20px !important }
		#topNavigation ul li.nav2 ul li.on a, #topNavigation ul li.nav2 ul li:hover a, #topNavigation ul li.nav2 ul li.on.sfhover a { color: #FFFFFF !important }
		
		
	#topNavigation ul li.nav3 { background: url(../images/nav3_spacer.gif) repeat-x left top; border-right: 1px solid #FFFFFF; text-align: left; color: #FFFFFF; font-size: 1em; font-weight: bold }
		#topNavigation ul li.nav3 ul { background: url(../images/nav3_pixel.png); _background: url(../images/nav3_pixel.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav3_pixel.png', sizingMethod='scale') }
		#topNavigation ul li.nav3 ul li { border-top: 1px solid #FFFFFF } 
		#topNavigation ul li.nav3 ul li.on, #topNavigation ul li.nav3 ul li:hover { background-image: url(../images/nav3_pixel_on.png);  _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav3_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav3 ul li.on.sfhover { background-image: url(../images/nav3_pixel_on.gif);  _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav3_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav3 ul li a { color: #0585b2 !important; text-decoration: none; display: block; font-size: .9em !important; line-height: 30px; padding-left: 20px !important }
		#topNavigation ul li.nav3 ul li.on a, #topNavigation ul li.nav3 ul li:hover a, #topNavigation ul li.nav3 ul li.on.sfhover a { color: #FFFFFF !important }
		
		
	#topNavigation ul li.nav4 { background: url(../images/nav4_spacer.gif) repeat-x left top; text-align: left; color: #FFFFFF; font-size: 1em; font-weight: bold }
		#topNavigation ul li.nav4 ul { background-image: url(../images/nav4_pixel.png); _background: url(../images/nav4_pixel.gif); _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav4_pixel.png', sizingMethod='scale') }
		#topNavigation ul li.nav4 ul li { border-top: 1px solid #FFFFFF } 
		#topNavigation ul li.nav4 ul li.on, #topNavigation ul li.nav4 ul li:hover { background-image: url(../images/nav4_pixel_on.png);  _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav4_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav4 ul li.on.sfhover { background-image: url(../images/nav4_pixel_on.gif);  _height:1%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav4_pixel_on.png', sizingMethod='scale') }
		#topNavigation ul li.nav4 ul li a { color: #4e99ac !important; text-decoration: none; display: block; font-size: .9em !important; line-height: 30px; padding-left: 20px !important }
		#topNavigation ul li.nav4 ul li.on a:hover, #topNavigation ul li.nav4 ul li:hover a, #topNavigation ul li.nav4 ul li.on.sfhover a { color: #FFFFFF !important }
		
/*----------------------- FRAMEWORK :: END -----------------------*/


/*----------------------- CONTENT :: START -----------------------*/
.flashHomepageContainer { }

.contentHome { background:  url(../images/contentHomeBkgd.gif) repeat-y -11px 30px }
	.contentHome .columnLeft a, .contentHome .columnMiddle a, .contentHome .columnRight a { text-decoration:none !important }
	.contentHome .columnLeft a:hover, .contentHome .columnMiddle a:hover, .contentHome .columnRight a:hover { text-decoration: underline !important }
	.contentHome .columnLeft { /*border-right: 1px solid #afacac*/ }
	.contentHome .columnLeft h2 { font-size: 1.1em; color:#183468; font-weight: bold; margin-left: -5000px !important; background: url('/Style Library/en-us/images/industries_homepage.gif') no-repeat 5000px top }
	.contentHome .columnLeft p { font-size: .9em }
	.contentHome .columnMiddle { /*border-right: 1px solid #afacac*/ }
	.contentHome .columnMiddle h2 { font-size: 1.1em; color: #137da2; font-weight: bold; margin-left: -5000px !important; background: url('/Style Library/en-us/images/announcements_homepage.gif') no-repeat 5019px top }
	.contentHome .columnMiddle p { font-size: .9em }
	.contentHome .columnRight { }
	.contentHome .columnRight h2 { font-size: 1.1em; color: #8ea822; font-weight: bold; margin-left: -5000px !important; background: url('/Style Library/en-us/images/capabilities_homepage.gif') no-repeat 5019px top }
	.contentHome .columnRight ul { }
	.contentHome .columnRight ul li { font-size: .9em; background: url(../images/bullet1.gif) no-repeat 10px 6px }
	
.content { background: url(../images/bkgd.jpg) repeat-x top left }
.content.industries { background: url(../images/bkgd.jpg) repeat-x top left; height: 600px }
.content.infoArch { background: url(../images/bkgd.jpg) repeat-x top left }
.content.retailGoods { background: url(../images/bkgd.jpg) repeat-x top left }
.content.createSolutions { background: url(../images/bkgd.jpg) repeat-x top left }
.content.meetOurClients { background: url(../images/clients.jpg) repeat-x top left; height: 600px }

.clientHeader { }

.breadcrumbs, .breadcrumbs a, .breadcrumbs ul li a { color: #FFFFFF !important; text-decoration: none !important }
.breadcrumbs ul li a:hover { text-decoration: underline !important }

.halfPageLeft p { color: #FFF; }
.halfPageLeft .process p { color: #183468; margin-bottom: 1em !important; _position: relative !important; _left: -30px !important }
.halfPageLeft .phases { background-image: url(../images/phases.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/phases.png', sizingMethod='scale') }
.halfPageLeft h1 { color: #183468; font-size: 1.3em; font-weight: bold; font-family: Arial !important }
.halfPageLeft ul { color: #FFFFFF }
.halfPageLeft #ourProcess1 .logoS { background: url(../images/icon_strategy.jpg) no-repeat left top }
.halfPageLeft #ourProcess2 .logoIM { background: url(../images/icon_im.jpg) no-repeat left top }
.halfPageLeft #ourProcess3 .logoT { background: url(../images/icon_technology.jpg) no-repeat left top }
.halfPageLeft #ourProcess1 h2 { font-size: 1em; color: #143c84 !important; font-weight: bold; cursor: pointer; background: url(../images/strategyBKGD.jpg) no-repeat left top }
.halfPageLeft #ourProcess2 h2 { font-size: 1em; color: #1689b1 !important; font-weight: bold; cursor: pointer; background: url(../images/interactiveBKGD.jpg) no-repeat left top }
.halfPageLeft #ourProcess3 h2 { font-size: 1em; color: #87a021 !important; font-weight: bold; cursor: pointer; background: url(../images/technologyBKGD.jpg) no-repeat left top }
.halfPageLeft #ourProcess1 h2 a { font-size: 1em; color: #87a021 !important; text-decoration: underline }
.halfPageLeft #ourProcess2 h2 a { font-size: 1em; color: #1689b1 !important; text-decoration: underline }
.halfPageLeft #ourProcess3 h2 a { font-size: 1em; color: #143c84 !important; text-decoration: underline }
.halfPageLeft #ourProcess1 p, #ourProcess2 p, #ourProcess3 p { font-size: 1em; color: #534E4E }

.aboutImage { background-image: url(../images/about_image.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_image.png', sizingMethod='scale') }

.listIndustries h1 { color: #2e7dae; font-size: 1.1em }
.listIndustries ul li { }
.listIndustries TABLE p { color: #5e5e5d; font-size: 1.2em; font-weight: bold }
.listIndustries.weCreateSolutions TABLE p { color: #5e5e5d; font-size: .9em; font-weight: bold }

.listInformationArchitectureLeft ul { }
.listInformationArchitectureLeft ul li { background: url(../images/bullet1.gif) no-repeat 1px 6px }

.listInformationArchitectureRight h1 { color: #2e7dae; font-size: 1em }
.listInformationArchitectureRight.careers ul.careerResource li { background: url(../images/careerResource.gif) no-repeat left top }
.listInformationArchitectureRight h3 { font-size: 1em }
.listInformationArchitectureRight.about h3 { font-size: 1em }
.listInformationArchitectureRight ul { }
.listInformationArchitectureRight ul li { background: url(../images/bullet2.gif) no-repeat 1px 6px }

.ourProcessRelatedCapabilities h1 { color: #2e7dae; font-size: 1em }
.ourProcessRelatedCapabilities h3 { font-size: 1.15em; color: #183468; font-weight: bold }
.ourProcessRelatedCapabilities ul { }
.ourProcessRelatedCapabilities ul li { }

.informationArchitectureQuote { background: url(../images/info_arch_quote.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/info_arch_quote.png', sizingMethod='scale') }

.aboutLeft h1 { color: #2e7dae; font-size: 1em }
.aboutLeft ul { }
.aboutLeft ul li { background: url(../images/bullet2.gif) no-repeat 1px 6px }

#retailConsumer1 { background: url(../images/ourProcess_strategy.jpg) no-repeat left top }
#retailConsumer2 { background: url(../images/ourProcess_interactive.jpg) no-repeat left top }
#retailConsumer3 { background: url(../images/ourProcess_technology.jpg) no-repeat left top }
#retailConsumer1 h2 { font-size: 1em; color: #143c84; font-weight: bold }
#retailConsumer2 h2 { font-size: 1em; color: #1689b1; font-weight: bold }
#retailConsumer3 h2 { font-size: 1em; color: #87a021; font-weight: bold }
#retailConsumer1 p, #retailConsumer2 p, #retailConsumer3 p { font-size: 1em; color: #534E4E }
#retailConsumer1 ul, #retailConsumer2 ul, #retailConsumer3 ul { margin: 10px 0px 0px 55px }
#retailConsumer1 ul li, #retailConsumer2 ul li, #retailConsumer3 ul li { padding: 0px 0px 10px 15px; background: url(../images/bullet3.gif) no-repeat 1px 6px }

#ourProcess1 ul, #ourProcess2 ul, #ourProcess3 ul { margin: 10px 0px 0px 55px }
#ourProcess1 ul li, #ourProcess2 ul li, #ourProcess3 ul li { padding: 0px 0px 10px 15px; background: url(../images/bullet3.gif) no-repeat 1px 6px }

.retailConsumerGoodsRight { }
.retailConsumerGoodsRight h2 { color: #2e7dae; font-size: 1em }
.retailConsumerGoodsRight p { font-size: 1em }
.resourceContainer { background: #f0f7fb }
.resourceContainer h2 { color: #2e7dae; font-size: 1em }
.resourceContainer .resources ul.events li { background: url(../images/icon_event.gif) no-repeat left top }
.resourceContainer .resources ul.events li a, .resourceContainer .resources ul.documents li a { color: #534E4E }
.resourceContainer .resources ul.events li b, .resourceContainer .resources ul.documents li b { font-weight: normal; color: #534E4E }
.resourceContainer .resources ul.events li a strong, .resourceContainer .resources ul.documents li a strong { font-weight: normal; color: #534E4E }
.resourceContainer .resources ul.documents li { background: url(../images/icon_document.gif) no-repeat left top }
.resourceContainer .boxSIT ul.resourceStrategy li { background: url(../images/resourceStrategy.gif) no-repeat left top }
.resourceContainer .boxSIT ul.resourceStrategy li b {color: #87a021; font-size: 1em }
.resourceContainer .boxSIT ul.resourceInteractive li { background: url(../images/resourceInteractive.gif) no-repeat left top }
.resourceContainer .boxSIT ul.resourceInteractive li b {color: #1689b1; font-size: 1em }
.resourceContainer .boxSIT ul.resourceTechnology li { background: url(../images/resourceTechnology.gif) no-repeat left top }
.resourceContainer .boxSIT ul.resourceTechnology li b {color: #143c84; font-size: 1em }
.resourceContainer .boxSIT a b { text-decoration: underline !important }

.meetOurClientsLeft { }
.meetOurClientsLeft h1 { color: #2e7dae; font-size: 1em }
.meetOurClientsLeft h1 b { font-size: 1.125em }
.meetOurClientsLeft p { }

.meetOurClientsRight { }

.createSolutionsLeft { }
.createSolutionsLeft img { }
.createSolutionsLeft img.arrow { display: block }
.createSolutionsLeft h2.strategy { float: left !important; color: #183468; font-size: 1em; font-weight: bold; width: 315px !important }
.createSolutionsLeft h2.im { float: left !important; color: #137da2; font-size: 1em; font-weight: bold; width: 315px !important }
.createSolutionsLeft h2.technology { float: left !important; color: #8ea822; font-size: 1em; font-weight: bold; width: 315px !important }
.createSolutionsLeft a { color: #534E4E; text-decoration: none }
.createSolutionsLeft a img { border: none }
/*----------------------- CONTENT :: END -----------------------*/


/*----------------------- SIDENAV :: START ---------------------*/

.toc-layout-main .groupheader{
	color:#2E7DA8 !important;
}

.toc-layout-main .level-header .headertitle a{
	color:#2E7DA8 !important;
	text-decoration:none !important;
}

.toc-layout-main .level-header .headertitle a:hover{
	text-decoration:underline !important;
}


.toc-layout-main .level-header .level-section .level-item-pos a{
	color:#534E4E !important;
}

.toc-layout-main .level-section .level-bullet, .link-item {
	background-image:url('/Style Library/en-us/images/bullet1.gif') !important;
	background-position:left 7px !important;
	background-repeat:no-repeat !important;
}

ul.ulWithDisc li {
	background-image:url('/Style Library/en-us/images/bullet1.gif') !important;
	background-position: left 5px !important;
	background-repeat:no-repeat !important;
	list-style-type: none !important;
	padding: 0px 0px 3px 12px !important;
}


.link-item { float: left; padding: 0px 0px 0px 10px; line-height: 18px; *line-height: 12px }
.link-item a { *position: relative; *top: 3px !important }

.testimonial { display: none !important }

.meetOurClientsRight .testimonial { display: block !important }

.toc-layout-main .level-section {
	color:#000000 !important;
	text-decoration:none !important;
}

/*/Style Library/en-us/images/lstbulet_green.gif*/

/*----------------------- CONTENT :: END -----------------------*/

/*----------------------- FOOTER :: START -----------------------*/
	#footer { }
	
	#footer #footerNavigation { }
	#footer #footerNavigation ul { }
	#footer #footerNavigation ul li { font-family: Arial, Helvetica, sans-serif; font-size: .85em; }
	#footer #footerNavigation ul li a { color: #000000 }
	
	#footer #copyright ul li b { font-family: Arial, Helvetica, sans-serif; font-size: .85em; font-weight: normal !important }
/*----------------------- FOOTER :: END -----------------------*/


/*------------- SHAREPOINT CSS OVERRIDES --------------*/
.ms-sitemapdirectional a { color: #FFFFFF !important }
td.ms-sbcell { border: none !important }
td.ms-sbgo { background: none !important }
.ms-sbplain { font-family: Verdana !important; width: 135px !important; border: 1px solid #7f9db9 !important; margin:0px 0px 0px 4px !important; font-size: 1.5em !important; padding:2px 4px 3px 2px !important; }
.ms-sbtext { font-family: Verdana !important; font-size: 1.4em !important; font-weight: bold !important }
.ms-sbtable-ex { margin-left:60px !important; margin-top:22px !important }
.ms-siteactionsmenu div div div a { color:#FFFFFF !important }
.imageSplash { display: none !important }
.serachBox { width: 150px !important }
.ms-siteaction { float: right !important; margin-top: 47px !important; *margin-top: 0px !important; *position: relative !important; *top: 49px !important }
.ms-SPLink { text-align: right !important }
.ms-SpLinkButtonInActive, .ms-SpLinkButtonActive { left:90px !important ;position:relative !important }
.headertitle, .headertitle a, .headertitle a:link { color:#2E7DA8 !important; font-size:1em !important }
.level-bullet a { color:#534E4E !important }
.level-item a:visited, .level-item a { text-decoration: none !important }
.level-item a:hover { text-decoration: underline !important }
.level-band { background: none !important }
.medium { color: #2E7DAE !important; font-size: 1em !important }

/******************** DOUG MODS ********************/
.contentNoBackground { float: left; background: none !important; color: #534E4E }
.contentNoBackground .breadcrumbs, .contentNoBackground .breadcrumbs a, .contentNoBackground .breadcrumbs ul li a { color: #534E4E !important; }
.contentNoBackground #grayTitle h1 { color: #2E7DA8 !important; }
.contentNoBackground p { float: left; margin: 0px !important; padding: 0px 0px 15px 0px !important }
#topNavigation ul li ul li a { line-height:19px!important; padding:7px 0 7px 20px!important }



