@charset "utf-8";
/* CSS Document 
03/17/09 - Adopted an image based menu to replace the CSS driven one.
*/
body{
	width: 100%;
	height: 100%;
}
body, html{
	margin:0;
	padding:0;
}

a{
	text-decoration: none;
}

/*SKELETAL CONTAINERS*/
#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}
#contentWrapper {
	z-index: 30;
	position: absolute; top: 0px; left: 0;
	height: 100%;
	width: 100%;
}
#contentArea {
	position: relative;
	margin: 0 auto;
	width: 918px;
}
#relativeBackground {
	z-index: 2;
	position: relative; left: -254px;
	margin: 0 auto;
	width: 918px;
	height: 100%;
}
#bottomBackgroundBlock {
	
	position: fixed;
	bottom: 0;
	right: 0;
	width: 434px;
	height: 576px;
}
#featuredContainer {
	/*position: absolute; top: 130px; left: 0px;*/
	width: 918px; height: 388px;
}
#eaxisLogo{
	position: relative;
	top: 30px;
	left: 12px;
}

#header{
	width: 918px; height: 110px;
}
/*CONTENT BLOCK ELEMENTS - HOME PAGE*/

#clientLogin {
	position: absolute;
	display: inline;
	z-index: 3;
	top: 0;
	right: 1px;
	width:  447px;
	height: 27px;
	margin: 0;
	padding: 0;
	float: right;
}
#clientLogin img.title{
	float: left;
	display: inline-block;
	position: relative;

}
p, ul, li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:160%;
	font-size:12px;
	color: #393939;
}

.caseStudyCopy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:11px;
	color: #393939;
}

h2 {
	color: #729FB7;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

p.emf{
	font-weight:900;
	font-size:12px;
	text-transform: uppercase;
	color: #666666;
	text-shadow: 1px 1px 3px #999999;
	filter: dropshadow(color=#999999, offx=1, offy=1);
}
.ar_div{
	float:none;
	right: 35px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#loginForm {
	display: inline;
	width: 10em;
}

.inputField {
	margin: 0 3px;
	font-size: 10px;
	width: 80px;
	height: 12px;
}

.mysubmit {
	position: absolute;
	display:inline-block;
	top: 0px;
	right: 0px;
	width:26px;
	height:27px;
	border:none;
}
/*
#loginForm input {
	margin: 0 3px;
	font-size: 10px;
	width: 80px;
	height: 12px;
}

#loginForm #submit {
	position: absolute;
	display:inline-block;
	background: url(../images/clientLoginRight.jpg) top left no-repeat; 
	right: 0px;
	width:26px;
	height:27px;
	border:none;
}
*/
/*
#clientLogin img.startCap{float:left;}
#clientLogin img.endCap{float:right;}
*/

#loginBox{
	display: inline;
	position:absolute;
	width: 322px;
	height: 24px;
	margin: 0;
	padding: 3px 0 0 20px;
	font-size:10px;
	background: #000;
	color:#FFFFFF;
}

#bottomWrapper {
	/*left: 0;
	position: absolute;
	top:255px;*/
	width: 915px;
}
.homeBlurb {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 15px;
	/*height: 92px; /* -65 due to padding */
	width: 233px; /* -50 due to right padding */
	border-right: #000000 dotted 1px;
	font-size: 12px;
	color: #747e83;
	/*overflow: hidden;*/
	text-align:justify;
	padding-top: 0px;
	padding-right: 55px;
	padding-bottom: 0;
	padding-left: 0;
	}
.noBorder {
	border:none;
}

#subMenuBox {
	position: relative;
	width:	918px;
	height:	99px;
}
#subMenuTop {
	position: absolute;
	background: url(../images/subMenuTopBack.png);
	top:0;
	left:0;
	width:	918px;
	height:	65px;
}
#subMenuBottom {
	position: relative;
	background: url(../images/subMenuBottomBack.png);
	top: 65px;
	width:	918px;
	height: 34px;
}
#subMenuBox h3 {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	top: 18px;
	left: 22px;
	color: #FFFFFF;
}

.subMenuTopTitle{
	text-transform: uppercase;
}

/* WORK */
#workLeftCol{
	width: 915px;
	float: left;
}

#workBox {
	font-size:12px;
	position: relative;
	margin: 0;
	padding: 0;
	width: 907px; /*676*/
	min-height: 200px;
	left: 5px;
	text-align: left;
}
#workTop{
	position: relative;
	width: 907px; /*910*/
	height: 16px;
	background: url(../images/work_top2.png);
}
#workLeft{
	position: relative;
	width: 914px; /*676*/
	min-height: 450px;
	background: url(../images/articleLeft.png) top left repeat-y;
	float: left;
	left: -4px;
}
#workRight{
	position: relative;
	width: 914px; /*675*/
	min-height: 470px;
	background:  url(../images/articleRight.png) top right repeat-y;

}
#workBottom{
	clear: both;
	position: relative;
	width: 907px;
	/*left: 4px;*/
	height: 5px;
	background: url(../images/work_bot.png);
}
#work{
	position: relative;
	margin-left: 7px;
	padding: 10px;
	display: inline-block;
	width: 881px; /*662*/
	min-height: 450px;
	background: white url(../images/work_gradient.png) top left repeat-x;
}

#workBoxCaseSideRight{
	width: 435px;
	float:right;
	margin-left: 1px;
	margin-bottom: 15px;
	background-image: url(../images/work_box_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#workBoxCaseSideLeft{
	width: 435px;
	float:left;
	margin-left: 1px;
	margin-bottom: 15px;
	background-image: url(../images/work_box_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/*
#workBoxCaseLeft{
	width: 12px;
	background-image: url(../images/work_box_left.png);
	background-repeat: no-repeat;
	float: left;
	min-height: 320px;
}
#workBoxCaseRight{
	width: 12px;
	background-image: url(../images/work_box_right.png);
	background-repeat: no-repeat;
	float: left;
	min-height: 320px;
}
*/
#workBoxCaseMiddle{
	width: 411px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 7px;
	margin-right: 12px;
	margin-left: 13px;
}
#workBoxCaseTop{
	width: 411px;
}
#workBoxCaseContent{
	width: 411px;
}
#workBoxCaseImage{
	width: 411px;
}

#workBoxCaseLogo{
	width: 146px;
	float: left;
}

#workBoxCaseTextBox{
	width: 264px;
	height:180px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow:hidden;
}

#workBoxCaseText{
	width: 244px;
	/*min-height:110px;*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* ------ Article -------------*/
#articleBox {
	font-size:12px;
	position: relative;
	margin: 0;
	padding: 0;
	width: 676px; /*676*/
	min-height: 200px;
	left: 2px;
}
#articleTop{
	position: relative;
	width: 676px; /*676*/
	height: 40px;
	background: url(../images/articleTop.png);
}

#articleTitle{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FF6600;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 16px;
	vertical-align: bottom;
}

#articleLeft{
	position: relative;
	width: 676px; /*676*/
	min-height: 450px;
	background: url(../images/articleLeft.png) top left repeat-y;
}
#articleRight{
	position: relative;
	width: 675px; /*675*/
	min-height: 450px;
	background:  url(../images/articleRight.png) top right repeat-y;
}

#articleBottom{
	clear: both;
	position: relative;
	width: 676px;
	height: 5px;
	background: url(../images/articleBottom.png);
}
#article{
	position: relative;
	margin-left: 7px;
	padding: 15px;
	display: inline-block;
	width: 632px; /*662*/
	min-height: 450px;
	background: white url(../images/articleGradient.jpg) top left repeat-x;
}


#leftCol{
	width: 676px;
	float: left;
}

#rightCol{
	width: 239px;/*662*/
	float: left;
	text-align: center;
}


/* TESTIMONIALS START */

#testimonials {
	width: 225px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 10px;	
}
#testimonials_top {
	width: 225px;
}
#testimonials_bot {
	width: 225px;
}
#testimonials_content {
	/*background-image: url(images/testimonials_bg.jpg);*/
	width: 201px;
	padding:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #729FB7;
	background-color: #EEEEEE;
	text-align: left;
}
#testimonials_name {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #729FB7;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 50px;
	text-align: left;
	background-color: #FFFFFF;
}
#testimonials_company {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 50px;
	text-align: left;
	background-color: #FFFFFF;
}

/* TESTIMONIALS END */

/* CASE STUDIES START */
#caseStudies{
	width: 227px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}

#caseStudiesItem{
	width: 227px;
	height: 26px;
	background-color: #293941;
}

#caseStudiesArrow{
	width: 31px;
	height: 26px;
	text-align:right;
	float: left;
}

#caseStudiesName{
	width: 193px;
	height: 26px;
	text-align:left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #729FB7;
	padding-left: 3px;
	line-height: 26px;
}

#caseStudiesName a:link, #caseStudiesName a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #729FB7;
	text-decoration: none;
}

#caseStudiesName a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

#caseStudiesSeparator{
	width: 227px;
	clear: both;
}

/* CASE STUDIES END */


/* BRANDS LOGOS START */
#brandLogos{
	width: 227px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}

/* BRANDS LOGOS END */

/* CASE STUDY START */
#subMenuCase{ position:absolute; margin: 0; padding: 0; top: -6px; left: 22px; height: 25px;}

#caseTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FF6600;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 16px;
	vertical-align: bottom;
	float:left;
}

#caseViewProject{
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:right;
}

.caseSubTitleOrange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #FF6600;
}

.caseSubTitleWhite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

.caseSubTitleBlue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #65c1eb;
}

/* CASE STUDY END */

#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;	
	font-size: 9px;
	position: relative;
	top: 20px;
	left: 15px;
	display: block;
	color: #7baac3;
	height: 37px;
	width: 890px;
	clear: both;
	
}
.footerBlock {
	top: 12px;
	position: relative;
	float: left;
	width: 296px;
	text-align: center;

}

.menu {
	padding: 0;
	margin: 0;
}

/*MAIN MENU STYLE*/
#mainMenu{ position:absolute; margin: 0; padding: 0; top: 68px; right: 5px; height: 21px;}
#mainMenu span{display: none;}
#mainMenu li, #mainMenu a {height:21px; display:block;}
#mainMenu li{float:left; list-style:none; display:inline;}
#mainMenu .one {width: 76px;}
#mainMenu .two {width: 93px;}
#mainMenu .three {width: 60px;}
#mainMenu .four {width: 72px;}
#mainMenu .five {width: 46px;}
#mainMenu .one a:link, #mainMenu .one a:visited {background-image: url(../images/companyLnk.png);}
#mainMenu .two a:link, #mainMenu .two a:visited {background-image: url(../images/solutionsLnk.png);}
#mainMenu .three a:link, #mainMenu .three a:visited {background-image: url(../images/workLnk.png);}
#mainMenu .four a:link, #mainMenu .four a:visited {background-image: url(../images/contactLnk.png);}
#mainMenu .five a:link, #mainMenu .five a:visited {background-image: url(../images/blogLnk.png);}
#mainMenu a:hover{background-position: 0px 21px;}
.activeMainLink{background-position: 0px 21px;}

/*SUB MENU STYLE*/
#subMenu{ position:absolute; margin: 0; padding: 0; top: 0; left: 22px; height: 30px;}
#subMenu li, #subMenu a {height:30px; display:block;}
#subMenu li{float:left; list-style:none; display:inline;}
#subMenu li a:active{
	background: url(../images/arrowTick.png) no-repeat;
	background-position:  center 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}
#subMenu li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}
#subMenu a:link, #subMenu a:visited {
	margin-left: 0px;
	margin-right: 20px;
	text-decoration:none;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

#subMenu li .activeSub{
	color: #FF6600;
	background: url(../images/arrowTick.png) no-repeat;  
	background-position:  center 22px;	
	font-weight: bold;
	text-transform: uppercase;
}

/*FOOTER MENU STYLE*/

#footerMenu{ position:absolute; margin: 0; padding: 0; top: 0px; left: 30px; height: 10px;}
/*
#footerMenu{ position:absolute; margin: 0; padding: 0; top: 2px; left: 30px; height: 9px;}
#footerMenu span{display: none;}
#footerMenu li, #footerMenu a {height:9px; display:block;}
#footerMenu li{float:left; list-style:none; display:inline;}
#footerMenu a:hover{background-position: 0px 9px;}
#footerMenu .one {width: 54px;}
#footerMenu .two {width: 63px;}
#footerMenu .three {width: 41px;}
#footerMenu .four {width: 55px;}
#footerMenu .five {width: 29px;}
#footerMenu .one a:link, #footerMenu .one a:visited {background-image: url(../images/companyFtr.jpg);}
#footerMenu .two a:link, #footerMenu .two a:visited {background-image: url(../images/solutionsFtr.jpg);}
#footerMenu .three a:link, #footerMenu .three a:visited {background-image: url(../images/workFtr.jpg);}
#footerMenu .four a:link, #footerMenu .four a:visited {background-image: url(../images/contactFtr.jpg);}
#footerMenu .five a:link, #footerMenu .five a:visited {background-image: url(../images/blogFtr.jpg);}
*/

/* MY FOTTER   */
#footerMenu li, #footerMenu a {height:10px; display:block;}
#footerMenu li{float:left; list-style:none; display:inline;}
#footerMenu li a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6C777D;
}
#footerMenu li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}
#footerMenu a:link, #footerMenu a:visited {
	margin-left: 0px;
	margin-right: 3px;
	color: #6C777D;
	text-decoration:none;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

/*STYLES*/
body{
	font-family:Arial, Helvetica, sans-serif;
	background:white url(../images/bgGradient.png) top left repeat-x;
	font-size: 11px;
}

#contentWrapper {
	/*background: url(../images/bgShapeTop.png) top left no-repeat;*/
	/*border: thin #FF00FF dotted;*/
}
#relativeBackground {
	background: url(../images/bgShapeTop.png) top left no-repeat;
}
#bottomBackgroundBlock {
	background: url(../images/bgShapeBottRight.png) top left no-repeat;
}
#featuredContainer {
	text-align:center;
	color:#FFFFFF;
}

.img {
	border: none;
}


/*Changes added by Mike on July 29th 2009 */

/* changes to homepage */
.homeBlurbTitle{
	position: relative;
	width: 100%;
	height: 57px;
	font-family:Arial, Helvetica, sans-serif;
	border: 0;
	text-decoration: none;
}

.homeBlurbTitle .arrow{
	position: relative;
	float: right;
	border: 0;
}

.homeBlurbTitle .icon{
	position: relative;
	float: left;
	border: 0;
}

.homeBlurbTitle h1{
	position: relative;
	float: left;
	padding: 0;
	margin: 15px 0px 0px 5px;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

.homeBlurbTitle a:link, .homeBlurTitle a:active, .homeBlurTitle a:visited, .homeBlurTitle a:hover{
	color: #FF6600;
	text-decoration: none;
}

/* changes to solutions page*/
.greySubTitle{
	font-family:Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: 20px;
}

.solutionsList{
	color: #FF6600;
}

.solutionsList li a:link, .solutionsList li a:active, .solutionsList li a:visited{
	color: #000000;
}

.solutionsList li a:hover{
	color: #FF6600;
	text-decoration: none;
}

#subMenuTop h3 a:link, #subMenuTop h3 a:active, #subMenuTop h3 a:visited, #subMenuTop h3 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

/* changes to the footer*/
.footerImgs{
	
	
	
}

.footerImgs img{
	position: relative;
	top: -5px;
	margin: 0 10px 0 10px;
	border: 0;
}

/*Changes added by Mike on Dec 10 2009*/
#article p a:link, #article p a:active, #article p a:visited{
	color: #FF6600;
}

#article p a:hover{
	color: black;
}