@charset "UTF-8";
/* CSS Document */

/*common styles*/

body {
	background-color: #efefef;
	margin: 0;
	padding-top: 0; 
	font-family: Times New Roman, Times, serif;

}

.MainContainer {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: none;
	position: relative; 
}

h1 {
	font-family: Times New Roman, Times, serif;
	color: #555184;
	font-size: 26px; 
	margin-bottom: 0%; 
	margin-top: 0%; 
}

h2 {
	font-family: Times New Roman, Times, serif;
	font-size: 18px; 
	color: #333333;
	margin-bottom: 0%; 
	margin-top: 0%; 
}

h3 {
	font-size: 22px; 
	font-family: Times New Roman, Times, serif;
	color: #555184;
	margin-bottom: 0%; 
	margin-top: 0%; 
}

/*end common styles*/

/*Top Header*/

.TopHeader {
	float: left;
	height: 140px;
	width: 950px;
	background-image: url(../images/mainHeader.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right; 	
	
}
#topnav {
	position: absolute; 
	top: 70px;
	right: 50px;
	left: 0;
	height: 25px; 
	width: 950px;  
	text-align: right; 
}
#topnav a:link {
	font-family: Times New Roman, Times, serif;
	margin-right: 15px; 
	color: #FFFFFF;
	text-decoration: none;  
}
#topnav a:hover {
	font-family: Times New Roman, Times, serif;
	margin-right: 15px; 
	color: #CCCCCC;
	text-decoration: none;  
	border-bottom:1px dashed;
}
#topnav a:visited {
	font-family: Times New Roman, Times, serif;
	margin-right: 15px; 
	color: #FFFFFF;
	text-decoration: none;  
}
#topnav a:active {
	font-family: Times New Roman, Times, serif;
	margin-right: 15px; 
	color: #FFFFFF;
	text-decoration: none;  
}
#logo {
	left: 40px;
	height: 10px;
	text-align: left; 
}

/*End Top Header*/

/*Icon Menu Background*/

#iconIndex {
	float: left;
	background-image: url(../images/indexHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconStrategy {
	float: left;
	background-image: url(../images/strategyHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconInteractive {
	float: left;
	background-image: url(../images/interactiveHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconBranding {
	float: left;
	background-image: url(../images/brandingHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconHealthcare {
	float: left;
	background-image: url(../images/healthcareHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconAnalytics {
	float: left;
	background-image: url(../images/analyticsHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconwebFolio {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconbrandingFolio {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconHome {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconcampaignsFolio {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconcollateralFolio {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconotherFolio {
	float: left;
	background-image: url(../images/portfolioHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#iconContact {
	float: left;
	background-image: url(../images/contactHeader.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	height: 290px;
	width: 950px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*End Icon Background*/


/*Icon menu*/

.expand-up {
  font-family: Times New Roman, Times, serif;
  line-height:normal;
  height:150px;
  width:500px;
  overflow:visible;
  margin-left:70px;
  margin-top:90px;
  margin-bottom:30px;
}
.expand-up * {
  margin: 0;
  padding: 0;
}
.expand-up ul {
  margin-left:10px;
}
.expand-up ul li {
  float:left;
  list-style-type:none;
  padding-top:65px;
  margin-top:25px;
}
.expand-up ul li a {
	text-decoration:none;
}
.expand-up ul li a img {
  width:50px;
  height:50px;
  border:none;
}
.expand-up ul li a span {
  display:none;
  font-size:14px;
  text-align:center;
  color:#000;
}
.expand-up ul li:hover a span {
  display:block;
  margin-top:-55px;
}
.expand-up ul li:hover a img {
  width:90px;
  height:90px;
}
.expand-up ul li:hover + li a img {
  width:60px;
  height:60px;
  margin-top:-10px;
}
.expand-up ul li:hover + li + li a img {
  width:55px;
  height:55px;
  margin-top:-5px;
}
/*End Icon menu*/


/*Main Content*/
#mainContent {
	float: left;
	height: auto;
	width: 950px;
	left: 0px;
	top: 425px;
	font-family: Times New Roman, Times, serif;

}

#portfolioContent {
	float: left;
	height: auto;
	width: 950px;
	left: 0px;
	top: 425px;
	font-family: Times New Roman, Times, serif;

}

#contactContent {
	float: left;
	height: 460px;
	width: 950px;
	left: 0px;
	top: 425px;
	font-family: Times New Roman, Times, serif;

}

#mainText {
	float:left;
	margin-left: 50px;
	height: 280px;
	width: 565px;
	background-image: url(../images/subindex1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}

#mainText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}

#strategyText {
	float:left;
	margin-left: 50px;
	height: 240px;
	width: 565px;
	background-image: url(../images/substrategy1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}

#strategyText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}

#interactiveText {
	float:left;
	margin-left: 50px;
	height: 260px;
	width: 565px;
	background-image: url(../images/subinteractive1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}


#interactiveText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}
#brandingText {
	float:left;
	margin-left: 50px;
	height: 220px;
	width: 565px;
	background-image: url(../images/subbranding1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}


#brandingText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}

#healthcareText {
	float:left;
	margin-left: 50px;
	height: 250px;
	width: 565px;
	background-image: url(../images/subhealthcare1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}


#analyticsText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}

#analyticsText {
	float:left;
	margin-left: 50px;
	height: 230px;
	width: 565px;
	background-image: url(../images/subanalytics1.jpg); 	
	padding-right: 10px;  
	padding-left: 10px;  
	padding-top: 10px;  

	
}


#healthcareText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}



#portfolioText {
	float: left;
	height: auto;
	width: 250px;
	margin-left: 50px; 
}

#portfolioText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0; 
	line-height: 20px; 

}

#contactText {
	float:left;
	margin-left: 50px;
	height: auto;
	width: 400px;
}

#contactText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top: 0%; 
	line-height: 25px; 

}
/******End Main Content******/

/******Footer**************/

.Footer {
	clear: both;
	background-image: url(../images/mainFooter.jpg);
	margin: 0 auto;
	height: 75px;
	width: 950px;
}

#bottomnav {
	float: left;
	height: 25px; 
	width: 400px;  
	text-align: left; 
	margin: 15px; 
}
#bottomnav a:link {
	font-family: Times New Roman, Times, serif;
	margin-right: 10px; 
	color: #FFFFFF;
	text-decoration: none;  
	font-size: 12px; 
}
#bottomnav a:hover {
	font-family: Times New Roman, Times, serif;
	margin-right: 10px; 
	color: #FFFFFF;
	text-decoration: none;  
	font-size: 12px; 
	border-bottom:1px dashed;
}
#bottomnav a:visited {
	font-family: Times New Roman, Times, serif;
	margin-right: 10px; 
	color: #FFFFFF;
	text-decoration: none;  
	font-size: 12px; 
}
#bottomnav a:active {
	font-family: Times New Roman, Times, serif;
	margin-right: 10px; 
	color: #FFFFFF;
	text-decoration: none; 
	font-size: 12px;  
}

#copyright {
	position: absolute;
	float: right;
	right: 50px;
	left: 801px;
	height: 10px;
	width: 150px;
	top: 629px;
}
#copyright p {
	font-size: 8px; 
	color: #000000; 
	text-align: center; 

}
/*End Footer*/

/*Portfolio pages specific*/

#portfolioMenu {
	height: 50px;
	width: 950px;
	left: 0px;
	top: 20px;
	background-image: url(../images/portNav.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	font-size: 18px; 
}
#portfolioMenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px; 
	color: #333333;
	font-size: 18px; 
	text-decoration: none; 
}
#portfolioMenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px; 
	color: #383574;
	font-size: 18px; 
	border-bottom-style: dashed; 
	border-bottom-width: thin; 
}
#portfolioMenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px; 
	color: #333333;
	font-size: 18px; 
	text-decoration: none; 
}
#portfolioMenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px; 
	color: #333333;
	font-size: 18px; 
	text-decoration: none;  
}

#col1 {
	float: left;
	height: auto;
	width: 220px;
	margin-left: 75px; 
}

#col2 {
	float: left;
	height: auto;
	width: 220px;
	margin-left: 50px; 
}

/*End Portfolio pages specific*/

/*Contact pages specific*/

#Austin {
	float: left;
	height: auto;
	width: 200px;
	margin-left: 0px;
	margin-top: 20px;
}

#Austin p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 13px; 
}

#Boston {
	float: left;
	height: auto;
	width: 140px;
	margin-left: 0px;
	margin-top: 20px;
}
#Boston p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 13px; 
}

#Chicago {
	float: left;
	height: auto;
	width: 200px;
	margin-left: 0px;
	margin-top: 40px;
}
#Chicago p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
	line-height: 13px; 
}

#Cleveland {
	float: left;
	height: auto;
	width: 170px;
	margin-left: 0px;
	margin-top: 40px;
}
#Cleveland p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 13px; 
}
.Chicago, Austin, Cleveland, Boston, p a:link {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px; 
	color: #555184;
	text-decoration: none; 
	font-size: 14px;
}
.Chicago, Austin, Cleveland, Boston, p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px; 
	color: #555184;
	text-decoration: none; 
	font-size: 14px;
	border-bottom:1px dashed;
}
.Chicago, Austin, Cleveland, Boston, p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px; 
	color: #555184;
	text-decoration: none;  
	font-size: 14px;
}
.Chicago, Austin, Cleveland, Boston, p a:active {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px; 
	color: #555184;
	text-decoration: none;  
	font-size: 14px;
}

/*End Contact pages specific*/

/*capabilities  specific*/

#capabilitiesText {
	float: left;
	height: auto;
	width: 575px;
	margin-left: 50px;
	padding-left: 10px; 
	background-image: url(../images/subback2.jpg); 
}

#capabilitiescol1 {
	float:left;
	height: auto;
	width: 330px;
	left: 0px;
}
#capabilitiescol2 {
	float: left;
	height: auto;
	width: 270px;
	left: 0px;
	margin-top: 25px;
}

#capabilitiescol1, capabilitiescol2, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 5px; 
	
}

/*end capabilities  specific*/

/*strategy  specific*/

#strategycapText {
	float: left;
	height: 230px;
	width: 575px;
	margin-left: 50px;
	padding-left: 10px; 
	background-image: url(../images/substrategy2.jpg); 
}

#strategycapabilitiescol1 {
	float:left;
	height: auto;
	width: 280px;
	left: 0px;
	margin-top: 3px;
}
#strategycapabilitiescol2 {
	float: left;
	height: 180px;
	width: 270px;
	left: 0px;	
	padding-top: 26px;  

}

#strategycapabilitiescol1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 4px; 

}

#strategycapabilitiescol2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 4px; 
}

/*end strategy  specific*/

#interactivecapText {
	float: left;
	height: 270px;
	width: 575px;
	margin-left: 50px;
	padding-left: 10px; 
	background-image: url(../images/subinteractive2.jpg); 
}

#interactivecapabilitiescol1 {
	float:left;
	height: auto;
	width: 300px;
	left: 0px;
	margin-top: 3px;
}
#interactivecapabilitiescol2 {
	float: left;
	height: 180px;
	width: 270px;
	left: 0px;	
	padding-top: 26px; 
}

#interactivecapabilitiescol1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 4px; 
}

#interactivecapabilitiescol2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 4px; 
}

/*end strategy  specific*/


/*branding  specific*/

#brandingcapText {
	float: left;
	height: 320px;
	width: 575px;
	margin-left: 50px;
	padding-left: 10px; 
	background-image: url(../images/subbranding2.jpg); 
	background-repeat: no-repeat; 
}
#brandingcapabilitiescol1 {
	float:left;
	height: auto;
	width: 270px;
	left: 0px;
	margin-top: 3px;
}
#brandingcapabilitiescol2 {
	float: left;
	height: auto;
	width: 270px;
	left: 0px;	
	padding-top: 26px; 
}

#brandingcapabilitiescol1 p {
	font-family: ;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 4px; 
	
}

#brandingcapabilitiescol2 p {
	font-family: ;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 4px; 
	
}

/*end branding  specific*/

/*analytics  specific*/

#analyticscapText {
	float: left;
	height: 170px;
	width: 575px;
	margin-left: 50px;
	padding-left: 10px; 
	background-image: url(../images/subanalytics2.jpg); 
}
#analyticscapabilitiescol1 {
	float:left;
	height: auto;
	width: 290px;
	left: 0px;
	margin-top: 3px;
}

#analyticscapabilitiescol1 p {
	font-family: ;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px; 
	line-height: 4px; 
	
}

/*end analytics specific*/

/*ROI specific*/

#ROI {
	float:left;
	height: 100px;
	width: 150px;
	margin-left: 60px;
	margin-top: 15px;
}

/*end ROI specific*/


/*RSS*/

#rssindex {
	float: right;
	width: 250px;
	height: 210px;
	margin-right: 50px;
	padding-bottom: 15px;
}

#rsshealthcare {
	float: right;
	width: 250px;
	height: 210px;
	margin-right: 50px;
	padding-bottom: 15px;
}

#rssanalytics {
	float: right;
	width: 250px;
	height: 280px;
	margin-right: 50px;
	padding-bottom: 15px;
}

#rssbranding {
	float: right;
	width: 250px;
	height: 360px;
	margin-right: 50px;
	padding-bottom: 15px;
}

#rssstrategy {
	float: right;
	width: 250px;
	height: 360px;
	margin-right: 50px;
	padding-bottom: 15px;
}

#rssinteractive {
	float: right;
	width: 250px;
	height: 360px;
	margin-right: 50px;
	padding-bottom: 15px;
}


/*End rss*/

/*contact form*/
#contactform {
	float: right;
	width:450px;
	height: auto;
	margin-right: 45px;
}


/*end contact form*/