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

*			{padding: 0px; margin:0px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; list-style:none;}
p, li, a	{font-size: 12px;}
p			{line-height:19px; color: #666;}
a			{color: #4083C4;}
.contentAligner	{width: 1000px; position:relative; margin:auto;}
h1, h2, h3, h4	{font-weight: normal;}
.inline li	{display: inline;}
span.dark	{color: #111;}

/* banner and nav css */

.banner		{background: #111; height:100px; width:100%;}
.banner .logo	{float: left; margin-top:40px; margin-left:10px; width:320px; height:40px; background: url(../images/banner-logo.png) no-repeat top left;}
.banner .logo a 	{float: left; width: 200px; height: 31px;}	
.banner .logo h1	{font-size:24px; color:#fff; display:none;}
.banner .logo h1 span	{color:#6d6d6d;}
.banner .navigation	{float: right; margin-top:32px;}
.banner .navigation li a	{float: left;}
.banner .navigation a 	{color:#999; font-size:13px; padding:11px 30px 14px 30px; margin:0px 10px;}
.banner .navigation .selected	{background: url(../images/navigation-current.png) no-repeat center 8px; color:#fff;}
.banner .navigation .selected:hover	{color: #fff;}
.banner .navigation a:hover		{color: #ccc;}

/* banner and nav end */


/* header */

.header		{height: 410px; background:url(../images/header-large.png) repeat-x; border-bottom:1px solid #f1f1f1; margin-bottom:30px;}
.headerLeft { width:350px; height:px; float:left; padding-left:20px;}
.contact .headerLeft	{width:450px;}
.headerLeft .headerBlurb h1 {padding-top:60px;}
.headerLeft .headerBlurb h2 {padding-top:30px; color:#3f3f3f;}
.headerLeft .headerBlurb p {padding-top:30px; font-size:20px; line-height:32px;}

.headerLeft .headerNav { width:525px; height:20px; margin-top:100px; margin-left:-15px;}
.headerLeft .headerNav li {}
.headerLeft .headerNav li.selected a	{background: url(../images/header-nav-hover.png) no-repeat top left;}
.headerLeft .headerNav li a {color:#8a8a8a;float:left; font-size:12px; padding:10px 0; margin-right:20px; width:94px; height:12px; text-align:center;}
.headerLeft .headerNav a.current {color: #333;}
.headerLeft .headerNav a:hover {color: #333;}	

.headerRight {float:right;}
.pageContentBlurb {width:1000px;}
.pageContentBlurb p {padding-top:30px; font-size:26px; line-height:35px; color:#999; font-family:arial narrow; font-weight:600;}
.pageContentBlurb p span, .pageContentBlurb b	{font-weight: 600; color:#000;font-family:arial narrow;}
/* header end */


/* home */

.pageContent .contentAligner {width:1000px;}
.pageContent .homeBlurb {width:600px; float:left; margin-top:30px; padding-bottom:10px;}
.pageContent .homeBlurbHeading h2 {float:left;}
.pageContent .homeBlurbHeading .social-icon { float:right;}
.pageContent .homeBlurbText {float:left;}
.pageContent .homeBlurbText p {padding-top:20px; text-align:left;}
.pageContent .homeFb {float:right; width:350px; margin:30px 10px 0px 0px;} 

.lineBreak {float:left; width:1000px; height:1px; background:#f0f0f0; clear:both; margin:40px 0px;}

.homeItem {float:left; width:225px; height:100px; margin:25px 0px 0px 0px; position:relative; padding-bottom:20px;}
.vLineBreak { float:left; height:160px; width:1px; background:#e9e9e9; margin:0px 15px;}
.homeItem h2 {color:#000; font-size:18px; text-align:center; margin-bottom:10px; font-weight:normal;}
.homeItem p {padding:0px 5px;}
a:hover .homeItem p		{color: #222;}

.branding .homeItem	span.bg		{position: absolute; bottom:0px; left:10px; width:200px; height:39px;
						background: url(../images/core4/branding.jpg) no-repeat top left;}
.branding:hover span.bg	{background: url(../images/core4/branding.jpg) no-repeat -200px top;}

.marketing .homeItem	span.bg		{position: absolute; bottom:0px; left:10px; width:200px; height:60px;
						background: url(../images/core4/marketing.jpg) no-repeat bottom left;}
.marketing:hover span.bg	{background: url(../images/core4/marketing.jpg) no-repeat -200px bottom;}

.media .homeItem	span.bg		{position: absolute; bottom:-15px; left:10px; width:200px; height:51px;
						background: url(../images/core4/media.jpg) no-repeat top center;}
.media:hover span.bg	{background: url(../images/core4/media.jpg) no-repeat center -52px;}

.web .homeItem	span.bg		{position: absolute; bottom:-15px; right:10px; width:63px; height:60px;
						background: url(../images/core4/web.jpg) no-repeat top center;}
.web:hover span.bg	{background: url(../images/core4/web.jpg) no-repeat bottom center;}
/* home end */


/*  portfolio  */

.headerRightContent .portfolioVideo {width:500px; height:300px; margin-top:40px; border:8px solid #fff;-moz-box-shadow:0px 0px 4px 4px #ececec;
-webkit-box-shadow:0px 0px 4px 4px #ececec; box-shadow: 0px 0px 4px 4px #ececec; margin-top:50px;}
.portfolio 	{margin-left: 20px;}
.portfolio h2 {font-size:22px; font-weight:100; padding:10px 0px 30px 0px; clear:both;}

	/*  portfolio item  */
.portfolioItem { background:; margin-right:45px; float:left; margin-bottom:30px; position:relative; }
.portfolioItem .content { background:#FFFFFF; padding-bottom:15px; height:310px;width:280px;}
.portfolioItem .content img {width:280px; height:200px; border: 2px solid #e2e2e2; position:relative; z-index:1; }
.portfolioItem .content img, .portfolioItem	{-webkit-border-radius:4px;}
.portfolioItem .content span.hover_icon	{position: absolute; width:88px; height:88px; background:; top:60px; left:100px; z-index:3;}
a:hover .portfolioItem .content span.hover_icon	{background: url(../images/portfolio-hover.png) no-repeat top left;}


.portfolioItem .content h3 {margin:20px 0px 5px 0px; padding:0px; color:#333; font-size:16px; text-align:center;}
.portfolioItem .content p { margin:10px 0px 0px 0px; padding-bottom:px; text-align:center;}
.portfolioItem .sitelink	{margin-top:20px;}
.portfolio a.border	{float: left;}
.portfolio a.border:hover .portfolioItem {background:#e2e2e2;}

	/*  portfolio item full  */
.siteFull{width:100%;min-height:300px;position:relative;}
.siteFull .imageFull{width:400px;min-height:300px;position:absolute;top:0px;right:0px;}
.siteFull .imageFull img{width:400px;}
.siteFull .description{width:400px;}

/*  portfolio end  */


/*  about  */

.aboutTeamImg {margin-top:30px;}

	/* ourcore  */
.ourCore {padding-top:20px; clear:both;}
.core {float:left; width:210px; height:100px;}
.core h2 {color:#000; font-size:18px;margin-bottom:20px;}
.core p {color:#999999;}
.vLineBreakAbout{ float:left; height:160px; width:1px; background:#e9e9e9; margin:0px 20px;}

	/*  theteam  */
.profileItem {width:440px; float:left; margin:30px 40px 0px 0px;}
.profileItem .profileImg {float:left; width:164px; height:190px;  padding:8px; border:1px solid #e9e9e9; margin-right:20px;}
.profileItem .profileImg img { width:164px; height:190px; float:left;}
.profileItem .description h4 {margin-top:10px; font-size:22px;}
.profileItem .description h5 { margin-bottom:17px; color:#999999; font-size:18px;}

	/*  partners  */
.partnersItem {width:470px; float:left; margin:30px 30px 0px 0px;}
.partnersItem .partnersImg {width:218px; height:158px; float:left; padding:8px; border:1px solid #e9e9e9; margin-right:20px; overflow:hidden;}
.partnersItem .partnersImg img{width:218px; height:158px; float:left;}
.partnersItem .description h4 {margin-top:10px; font-size:22px; padding-bottom:20px;}	
	
/*  about end  */


/*  contact   */

.headerBlurb .headerBCP {padding-top:30px;}
.headerBlurb .headerBCP .lineBreakContact {background:#f0f0f0; height:2px; width:320px; margin:30px 0px;}
.headerBlurb .headerBCP p {color:#999; font-size:18px; font-weight:100; padding:0px;}
.headerBlurb .headerBCP p #black {color:#000;}
.headerBlurb .headerBCP p #blue {color:#3399cc;}
.headerRightContent .googleMap {margin-top:50px; border:8px solid #fff; width:502px; height:302px; -moz-box-shadow:0px 0px 4px 4px #ececec;
-webkit-box-shadow:0px 0px 4px 4px #ececec; box-shadow: 0px 0px 4px 4px #ececec;} 
.headerRightContent .googleMap iframe { border:1px solid #000;}

.contactTeam { width:440px; min-height:200px; float:left; border-bottom:1px solid #e9e9e9; margin:30px 30px 0px 0px; }
.contactTeam  .img {float:left; padding:2px; border:2px solid #e9e9e9;}
.contactTeam  .content { float:right; width:340px; }
.contactTeam  .content h3 {font-weight:normal; font-size:15px;  }
.contactTeam  .content h3 span {font-weight:normal; font-size:15px; color:#999999; }
.contactTeam  .content p { color:#999999; margin-top:20px;}
.contactTeam  .content p span {color:#000000; padding:0px 15px 0px 3px;}
.contactTeam  .content p #grey {color:#999; padding:0px 15px 0px 3px;}

.lineBreakContactTeamV { float:left; width:1px; height:170px; background:#e9e9e9; margin:30px 35px 0px 0px;}

/*  contact end  */


/*  footer   */

.footer { clear:both; padding-top:60px;}
.footer .links .contentAligner	{padding-top:30px;}
.footer .links	{background: #f7f7f7; height:260px; width:100%; border-top:1px solid #e9e9e9; border-bottom:1px solid #e6e6e6;}
.footer .credits	{height: 100px;}
.footer .links ul	{float: left; width: 240px; margin-right:40px;}
.footer .links li	{line-height:21px;}
.footer .links a 	{color:#999;}
.footer .links a:hover 	{color:#666;}
.footer .links .title	{margin-bottom:5px;}

.credits .contentAligner	{padding-top:20px;}
.credits .credits-logo	{float: left;}
.credits .credits-logo	{float: left; background: url(../images/credits-logo.png) no-repeat top left;
				width:161px; height:31px; margin-top:15px;}
.credits .credits-logo h1	{display: none;}

.credits .copyright		{float: left; margin-left:30px;}
.credits .copyright p	{margin-bottom:4px;}
.credits .copyright li a	{margin-right:15px;}

.credits .powered-by	{float: right; width:260px; margin-top:8px; padding-left:30px;
						background: url(../images/powered-logo.png) no-repeat left 3px;}
						
/*  footer end  */