/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/ 
html{color:#444;background:#141414;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 tahoma,verdana,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}
#custom-doc { width:59em;*width:57.63em;min-width:768px; margin:1.5em auto; text-align:left; }

/*Custom  40%/60% grid*/
.yui-gb .yui-gg,.yui-gg .yui-u{float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gg div.first{*margin-right:0;}
.yui-gb .yui-gg .yui-u{*width:58%;_width:52.2%;}
.yui-gb .yui-gg div.first{*width:40%;_width:36%;}
.yui-g .yui-gg,.yui-gg .yui-g,{float:right;}
.yui-gg div.first{float:left;}
.yui-gg .yui-g .yui-u{width:48%;*width:48.1%;*margin-left:0;}
.yui-gg .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-g .yui-gg{width:49.1%;}
.yui-gg div.first{margin-left:0;}
.yui-gg .yui-g,.yui-gg .yui-u{width:58%;}
.yui-gg div.first,.yui-gb .yui-gg div.first{width:39%;}
.yui-gg div.first{_width:36.9%;}
.yui-gg:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gg{zoom:1;}

/*Custom  60%/40% grid*/
.yui-gb .yui-gh,.yui-gh .yui-u{float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gh div.first{*margin-right:0;}
.yui-gb .yui-gh .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gh div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gh,.yui-gh .yui-g,{float:right;}
.yui-gh div.first{float:left;}
.yui-gh .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-gh .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-g .yui-gh{width:49.1%;}
.yui-gh div.first{margin-left:0;}
.yui-gh .yui-g,.yui-gh .yui-u{width:39%;}
.yui-gh div.first,.yui-gb .yui-gh div.first{width:59%;}
.yui-gh div.first{_width:56.9%;}
.yui-gh:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gh{zoom:1;}


/*Custom  45%/55% grid*/
.yui-gb .yui-gi,.yui-gi .yui-u{float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gi div.first{*margin-right:0;}
.yui-gb .yui-gi .yui-u{*width:58%;_width:52.2%;}
.yui-gb .yui-gi div.first{*width:43%;_width:39%;}
.yui-g .yui-gi,.yui-gi .yui-g,{float:right;}
.yui-gi div.first{float:left;}
.yui-gi .yui-g .yui-u{width:48%;*width:48.1%;*margin-left:0;}
.yui-gi .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-g .yui-gi{width:49.1%;}
.yui-gi div.first{margin-left:0;}
.yui-gi .yui-g,.yui-gi .yui-u{width:52%;}
.yui-gi div.first,.yui-gb .yui-gi div.first{width:43%;}
.yui-gi div.first{_width:40.9%;}
.yui-gi:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gi{zoom:1;}

/*single unit */
.yui-gs .yui-u {width: 100%;}

/*Formatting*/

a {color: #fff; }

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	padding:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:0.5em;
}

blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal inside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc inside;
}

/*Custom Element Styling*/

.orange-spacer{ line-height: 0;background-color: #feba2f; height:7px; padding:0; margin:0;}
.orange {color:#feba2f;}
a.icon, span.icon{ background: url(../images/orange-arrow.png) left center no-repeat; padding-left: 12px;}
a.icon2, span.icon2{ background: url(../images/grey-arrow.png) left 2px no-repeat; padding-left: 14px;}
.left{float: left; margin-left: 15px; *margin-left: 5px;}
.right{float: right; margin-right:15px;*margin-right: 10px;}
p.center-image{text-align: center; }
.white-border{border: 2px solid #fff;}
p.bottom-link{ margin-top: 20px;}


#hd{ background: url(../images/header-top-bg.png) top left no-repeat #fff; height: 30px; height:85px;}

#logo{float:left; margin: 20px 25px;}
#menu{float: right; margin: 40px 17px 0 0; font-size: 93%/*12px via YUI*/}
#menu a{margin: 0 13px 0 0; text-decoration: none; color:#555; font-weight: bold; width: 460px;}
#menu a:hover{color:#FEBA2F;}
#subMenu{ clear: right; float:right; margin: 5px 22px 0 0; font-size: 85%/*11px*/; width: 460px; text-align: center;}
#subMenu a{margin: 0 8px; text-decoration: none; color:#555;}
#subMenu a:hover{color:#FEBA2F; }

#bd{}

/*Main content rules, Height starts at 330px but will expand if necessary */
#main-content{height:330px; color:#fff; font-size: 93%/*12px via YUI*/; }
#main-content .yui-u{padding: 15px 0 0 0;}
#main-content p{padding: 0 25px;}
#main-content p.center-image{padding: 25px 0 0 0;}
#main-content .shortpadding p {padding: 0 15px 0 25px;}
#main-content .yui-g .nopadding p {padding: 0;}
#main-content .yui-u.nopadding{padding: 0;}
#main-content strong{color: #f78914;}
#main-content.dark-text{color:#444;}
#main-content .dark-text{color:#444;}
#main-content.dark-text a {color:#444;}
#main-content.dark-text a:hover {color:#666;}
/*For columns that need to be less than 50% but more than 33% we constrain the content*/
#main-content .constrained p {padding: 0 60px 0 25px;}
#main-content img.header{margin: 15px 0 0.5em 0;}
/*The following classes control the background image of the main content for the different sections*/
/*They cannot have an id declaration (used to contain classes to a single id) since IE6.0 will only read the first rule if this is done.  Add any of the following classes to #main-content to change the background image.  DO NOT REMOVE the YUI-G class.*/
/*This is for the flash placeholder image.*/
#main-content img { vertical-align: bottom;}



/*Custom Image backgrounds for main content*/
.greybg{ background: #f0f2ef ;}
.about-image{ background: url(../images/about-image-bg.jpg) top left no-repeat;}
.careers-image{background: url(../images/careers-image-bg.jpg) top left no-repeat;}
.solutions-image{background: url(../images/solutions-services-bg.jpg) top left no-repeat;}
.sharepoint-image{background: url(../images/sharepoint-image-bg.jpg) top left no-repeat;}
.content-management-image{background: url(../images/content-image-bg.jpg) top left no-repeat;}
.customer-relationship-management-image{background: url(../images/customer-relationship-bg.jpg) top left no-repeat;}
.services-image{background: url(../images/services-image-bg.jpg) top left no-repeat;}
.customers-image{background: url(../images/customers-bg.jpg) top left no-repeat;}
.technology-image{background: url(../images/technology-bg.jpg) top left no-repeat;}

/*Image Links*/
.imageLink{height: 127px; width: 194px; margin: 0 0 12px 0; border: 2px solid #fff; cursor: pointer; text-align: right; position: relative;}
.imageLink span.icon{font-size: 85%;color: #444;background-color: #fff; text-align: right; padding: 2px 2px 2px 14px; background-position: 2px; position:absolute; bottom:0; right: 0;}
/*Image Links background images for each section*/
.imageLink-management{background: url(../images/about-image-link-man.jpg) top left no-repeat;}
.imageLink-careers{background: url(../images/about-image-link-careers.jpg) top left no-repeat;}
.imageLink-sharepoint{background: url(../images/solutions-services-link-sharepoint.jpg) top left no-repeat;}
.imageLink-crm{background: url(../images/solutions-services-link-customer.jpg) top left no-repeat;}
.imageLink-content-management{background: url(../images/solutions-services-link-content.jpg) top left no-repeat;}
.imageLink-services{background: url(../images/solutions-services-link-services.jpg) top left no-repeat;}
.imageLink-process{background: url(../images/technology-link-ourprocess.jpg) top left no-repeat;}
.imageLink-technologies{background: url(../images/technology-link-technologies.jpg) top left no-repeat;}


/*Management Team Specific*/
.manager-info{padding: 0 0 10px 10px;}
.manager-info img {float: left; margin:0 10px; border:1px solid #999;}


/*Contact Specific*/
.contact-table{ margin: 8px 0 0 0; width: 350px; margin:0 auto;}
.contact-table td{padding: 6px 10px;}
.contact-submit{ text-align: center;}

/*Grey box in the career expample*/
#main-content .career-example p{ padding: 0px;}
.grey-box{width: 229px; margin: 10px 0 0 0; border:1px solid #666; font-size: 92%;background: url(../images/careers-box-gradient.png) repeat-x;}
.grey-box-header{ background-color: #fff; padding: 1px 0 0 8px;}
.grey-box-content{ padding:0 4px 0 8px; }


/*Grey Bar*/
#grey-bar-content{clear: both; background-color:#464646; color:#fff; min-height: 80px; height: auto !important; height:80px; font-size: 93% /*12px via YUI*/; padding: 15px 0;} 
#grey-bar-content .yui-u {padding: 10px 0;}
#grey-bar-content .split {border-right: solid 1px #feba2f;}
#grey-bar-content p {padding:0 25px;}
#grey-bar-content strong {color:#feba2f;}

/*Footer*/
#ft{ background: url(../images/footer-bot-bg.png) bottom left no-repeat #fff; height: 30px; height:38px; font-size: 85%;}
#ft p{float:left; margin: 10px 0 0 25px;}
#ft a{text-decoration: none; color:#444;}
#ft a:hover{text-decoration: underline;}


/*Scroller*/

.scroll-pane {
	overflow: auto;
}
#pane {
	height: 230px;
}

a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scr-scroll .jScrollPaneTrack {
	background: #aaa;
}
.scr-scroll .jScrollPaneDrag {
	background: #666 url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.scr-scroll .scroll-pane {
	background: transparent;
}

#main-content .scr-scroll p
{
	padding: 0 0 0 25px;
}