* { padding:0; margin:0; }

body { 
	background:url(../images/bgnew2.gif) top repeat-x #383838; 
	margin:0;
	padding:0 0 20px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	color:#333333;
}

a { 
	color:#333333;
	text-decoration:none;	
}

a:hover { 
	color:#333333;
	text-decoration:underline;	
}

a.pink { 
	color:#f2005b;
	text-decoration:none;
}

a.pink:hover { 
		color:#f2005b;
	text-decoration:underline;
}

p.center { 
	text-align:center;
}

.green { color:#8cd017; }
.blue  { color:#008fd5; }


h1,
h2 { 
	font-size:14px;
	font-weight:normal;
  margin-bottom:4px;
	padding:0;
  color: #0099cc;
}

h1.green a:hover { text-decoration:none; color:#8cd017; }
h1.greenSelected a { text-decoration:none; color:#8cd017; } 
div.left { float:left; }
div.right { float:right; }

div.clear { 
	clear:both;
}

div.clear4 { 
	clear:both;
	margin-bottom:8px;
}

div.clear3 { 
	clear:both;
	margin-bottom:6px;
}

div.clear20 { 
	clear:both;
	padding-bottom:20px;
}

#container { 
	background:url(../images/content-bg.png) repeat-y; 
	width:1060px;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
}

/* homepage */

/* carousel */
ul#homepageSlider {
	position: absolute;
	top:0;
	left:0;
}

ul#homepageSlider li { 
	float:left;
	display:block;
	width:630px;
}



div.homeCarouselLeft { 
  position: relative;
  overflow: hidden;
	width:630px;
  height:325px;
	margin-right:18px;
  z-index:1;
	margin-bottom:5px;
	
}

div.jq_box_bg {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}
div.jq_box_bg_tmp {
  z-index: 1;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

div.jq_overlay {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 250px;
  width: 630px;
  height: 255px;
  background: url(../images/jq_box_overlay.png);
  color: white;
}

div.jq_overlay a {
  color: #ccff33;
}

.jq_logo {
  display: block;
  margin: 22px 0 0 20px;
}

a.jq_hide_link {
  position: absolute;
  right: 26px;
  top: 45px;
  cursor: pointer;
}

div.jq_text {
  margin: 20px 100px 13px 72px;
}

div.jq_link a {
  margin: 0 0 0 72px;
  color: #ccff33;
}

#twothirds { 
	width:637px;
	margin-right:11px;
	float:left;
}

#third { 
	float:left;
	width:310px;
}

div.rightCol { 
	width:300px;
	margin-left:10px;
	margin-top:50px;
}

#homeCarouselRight { 
	float:left;
	margin-bottom:5px;
}

div.homeSpotlightLeft { 
	background:url(../images/homeSpotlightLeft.gif) no-repeat;
	width:171px;
	height:76px;
	float:left;
  cursor: pointer;	
}

div.homeSpotlightLeft h1 { 
	font-size:12px;
	font-weight:normal;
	margin: 22px 0 7px 6px;
	padding:0;
}



div.homeSpotlightLeft p { 
  overflow: hidden;
	font-size:10px;
	margin:0 6px 0 6px;
	padding:0;
  height: 24px;
}


div.homeSpotlightRight { 
	width:135px;
	height:76px;
	float:left;
	  cursor: pointer;
	background-position: 0px 7px;
}


/** columns **/
div.homeCol { 
	width:300px;
	float:left;
	margin-right:29px;
	margin-top:31px;
}

div.colItem { 
	background:url(../images/col-background.gif) repeat-y left #fff;
	padding:11px 7px 0 33px;
	height:115px;
	position:relative;
	font-size:11px;
	color:#333333;
}

div.colCutOut { 
	width:300px;
	position:relative;
	font-size:11px;
	color:#333333;
	height:125px;
}

div.colCutOut div.next { 
	position:absolute;
	top:100px;
	left:285px;
}

img.colItemHeader { 
	margin-bottom:10px;
}

img.colIcon { 
	padding-right:7px;
	float:left;
}

div.last { margin-right:0; } 

div.next { 
	font-size:12px;
	text-align:right;
	padding:0 0 4px 0;
	position:absolute;
	z-index:10;
	bottom:0;
	left:282px;
}


div.col-divider { 
	background:url(../images/col-divider.gif) no-repeat;
	width:300px;
	height:20px;
}

/* right column homepage */

div#homeTwitter { 
	background:#f2f3f3;
	padding:0 20px;
}

div#homeWebcasts { 
	background:#f2f3f3;
	padding:24px 20px 0 20px;	
}

div#homeAlerts { 
		background:#f2f3f3;
	padding:24px 20px 0 20px;
}

#homeAlerts p { 
	margin:8px 5px;
}

div.checkboxes { 
	text-align:center;
	padding-bottom:5px;
}

#homeAlerts input.text { 
	color:#aeaeae;
	font-size:11px;
	padding:3px 6px;
	width:242px;
	border:1px solid #e5e5e5;
}

div.webcast  {
	width:100%;

	background:#fff;
	margin:9px 0;
}

div.textbox-separator { 
	padding-bottom:8px;
}

div.webcastList { 
	margin:0 0 0 0;
}

#homeAlerts #btn-submit { 
	float:right;	
}

img#tweethead { 
	margin-top:6px;
}

div.tweetQuote a,
div.tweetQuote2 a { 
	color:#f2005b;	
}



div.tweetQuote small,
div.tweetQuote2 small { 
	font-size:8px;
	color:#666666;
	text-align:right;
	margin-top:6px;
	display:block;
	font-style:normal;
}

div.tweetQuote,
div.tweetQuote2 { 
	padding:15px 15px 10px 15px;
	background:#fff;
}

div.tweetQuote2 { 
	background:url(../images/twitter-divider.gif) no-repeat top center #fff;
}


div.tweetNav { 

	text-align:right;
}

div.tweetNav a { 
	margin-left:4px;
}

div.tweetNav a.sel { 
	color:#f2005b;
}


div.blueNav { 
	margin-top:-6px;
	text-align:right;
}

div.blueNav a { 
	margin-left:4px;
}

div.blueNav a.sel { 
	color:#008fd5;
}

div.greenNav { 
	margin-top:-6px;
	text-align:right;
	margin-bottom:10px;
}

div.greenNav a { 
	margin-left:4px;
}

div.greenNav a.sel { 
	color:#8cd017;
}


a.greenHover:hover { 
	color:#8cd017;
	text-decoration:none;	
}

a.blueHover:hover { 
	color:#008fd5;
	text-decoration:none;	
}

/* archive nav */
div.archiveNav { 
	margin-top:34px;
	text-align:center;
}

div.portfolioNav { 
  left: 554px;
  top: -22px;
  position:absolute;
  line-height:1;
}

div.portfolioNav a,
div.archiveNav a { 
	color:#aeaeae;
}

div.archiveNav a.sel { color:#95d622; }
div.portfolioNav a.sel { color:#333333; }


/**
Header 
**/

#header { 
	height:143px;
}

#topnav { 
	font-size:10px;
	position:absolute;
	top:9px;
	right:43px;
}

div.rss { 
	position:absolute;
	top:9px;
	right:22px;
}

#topnav a { 
	color:#666666;
	text-decoration:none;
}

#topnav a:hover { 
	color:#666666;
	text-decoration:underline;
}

#logo { 
	position:absolute;
	left:-5px;
	top:29px;
}

#headerCreative { 
	position:absolute;
	left:209px;
	top:51px;
}

#mainnav { 
	position:absolute;
	top:110px;
	left:634px;
}

#mainnav a { 
	margin-left:23px;
}


/* search in header */
#search { 
	float:left;
	margin-top:38px;
	margin-left:71px;
	line-height:1;
}

div.searchBoxItem { 
	float:left;
}

#search input.search { 
	color:#aeaeae;
	font-size:11px;
	padding:3px 6px;
	width:190px;
	border:1px solid #e5e5e5;
}

#search input.button {
	margin-left:5px;
} 




/**
Content 
**/

#content { 
	margin-left:47px;
	width:965px;
}

/* inner content */
div.content-inner { 
  overflow: hidden;
	background:url(../images/content-repeat.gif) repeat-y;
	padding: 14px 52px 0 34px;
}

div.content-inner-left { 
	width:162px;
	margin-right:35px;
	float:left;
}

div.content-inner-right { 
	float:left;
	width:336px;
}


/**
FOOTER 
**/

#footer { 
	width: 1060px;
	margin:0 auto;
}

div.footerItem { 
	float:left;
}

/* overlay two images over one another */
img#imageTop { 
	position:absolute;
	z-index:100;	
}

img.spotlightButton { 
	margin-left:34px;
	margin-top:-3px;
	z-index:100;
}

div.whatwedo-left { 
	width:322px;
	height:339px;
	float:left;
}

div.whatwedo-right { 
	float:left;
	background:url(../images/whatwedo-headerright.png) no-repeat;
	width:313px;
	height:339px;
}

div.whatwedo-text { 
	padding:112px 60px 0 5px;
}

/* what we do items */
div.whatwedo-item { 
	background:url(../images/whatwedo-divider.gif) no-repeat bottom;
	padding-bottom:36px;
	
}

div.whatwedo-item-left { 
	background:url(../images/whatwedo-item-left.gif);
	width:321px;
	height:117px;
	float:left;
}

div.whatwedo-item-lefttext { 
	padding: 0 33px;	
}

div.whatwedo-item-right { 
	width:314px;
	height:117px;
	float:left;

}

img.whatwedo-header { 
	position:absolute;
	z-index:100;
	margin-left:21px;
}

img.blueheaderImage { 
	margin-bottom:5px;
}

/* portfolio */
#portfolio-container { 
  position: relative;

}

div.portfolio-item { 
	width:286px;
	float:left;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:15px;
}

div.portfolio-item-top { 
	width:286px;
	height:22px;
	background:url(../images/portfolio-item-top.png) no-repeat;
	padding:20px 0 0 13px;
}

/* IE PNG FIX */
img.png, div#container { behavior: url(iepngfix.htc) }

#loading { 
	z-index:1000;
	position:absolute;
	margin-left:100px;
}	

#date { 
	font-size:10px;
	color:#333;
	margin-bottom:10px;
	font-weight:bold;
}

#about_info_box {
  float: left;
  width: 160px;
  height: 100%;
}
#about_info_box a:hover {
  color: #F2005B;
}

#about_desc {
  float: left;
  width: 370px;
}

.about_items_links a:hover {
  color: #F2005B;
  text-decoration:none;
}
.about_selected a {
  color: #F2005B;
}

.whatwedo-twothirds {
  position: relative;
}

#whatwedo-top {
  position: relative;
}

#section-icon-large {
  position: absolute;
  right: 12px;
  top: 0;
}

#services-cstudies-arrows {
  position: absolute;
  right: 0;
  top: 259px;
  z-index: 1;
}

.section-text {
  position: absolute;
  left: 325px;
  top: 100px;
  width: 240px;
}

/* list of services and case studies */
div.whatwedo-services-cstudies { 
  overflow: hidden;
	background:url(../images/whatwedo-repeat.gif) repeat-y;
	padding: 14px 0 0 2px;
}

.wonky_box {
  float: left;
  width: 295px;
  height: 149px;
  margin-left:15px;
  overflow: hidden;
	background:url(../images/whatwedo_smbox.gif) no-repeat;
}

.wonky_box_cstudy {
  float: left;
  width: 295px;
  height: 149px;
  margin-left:15px;
  overflow: hidden;
}

.wonky_box_empty {
  float: left;
  width: 295px;
  height: 149px;
  margin-left:15px;
  overflow: hidden;
}

.wonky_box_window {
  overflow: hidden;
  position: relative;
  width: 295px;
  height: 149px;
	background:url(../images/wonky_box_window.png) no-repeat;
}

.wonky_box_window h1 { 
	position:absolute;
	left:18px;
	top:28px;
	font-size:15px;
	color:#008fd5;
	font-weight:normal;
}

.wonky_box_window h1 a { 
	color:#008fd5;	
}

.wonky_box_window h1 a:hover { 
	color:#333333;
	text-decoration:none;
}	


.service_header {
  margin: 35px 0 0 17px;
  display: block;
}

.service_small_icon {
  float: left;
  margin-left: 17px;
}

.services_text {
  float: left;
  margin: 4px 0 0 12px;
  width: 170px;
}

.wonky_box_link {
  position: absolute;
  right:20px;
  bottom:20px;
  color: black;
}

.wonky_box_link:hover {
  color: #0099cc;
  text-decoration: none;
}


/**************************
  What We Do Section Page
 *************************/
 .sectionSpotlight {
  position: relative;
  width: 316px;
  height: 76px;
	background: url(../images/sectionSpotlight.gif) no-repeat;
  cursor: pointer;	
}

div.sectionSpotlight h1 { 
	font-size:12px;
	font-weight:normal;
	padding: 22px 0 7px 6px;
}

.blue_links a:hover {
	color: #0099cc;
  text-decoration: none;
}

h1.whatwedo_selected a { 
	color: #0099cc;
  text-decoration: none;	
}

div.sectionSpotlight p { 
	font-size:10px;
	margin:0 6px 0 6px;
	padding:0;
}
 
.section_short_desc {
  overflow: hidden;
  margin-left: 6px;
  width: 200px;
  height: 24px;
}

.sectionIcon {
  position: absolute;
  top: 12px;
  right: 10px;
}



/**************************
      Case Study Page
 *************************/
#cstudy_info_box {
  float: left;
  width: 206px;
}
#cstudy_info_box a:hover {
  color: #0099cc;
  text-decoration: none;
}

#cstudy_desc {
  float: left;
  width: 340px;
}

#blog-left { 
	width:206px;
	float:left;
}

#blog-right { 
	width:340px;
	float:left;
}



div.blogPage h2 { 
	color:#8cd017;
}


div#about_desc h2 {
	color:#f2005b;
}


#portfolio-btn {
  margin: -10px 0 0 200px;
  z-index:-100;
}

#archive-button-small { 
	margin: -4px 0 0 35px;
}

#portfolio-filter {
  position: absolute;
  left: 302px;
  top: -30px;
  color: #666666;
  line-height:1;
}

#portfolio-filter input.submit {

}

#search-results { 
	margin:0 20px;

	padding:20px;
}

.aboutUsNav a,
.portfolioFullNav a,
#rightNav a { 
	display:block;
	background:url(../images/rightNav-arrow.gif) no-repeat right center #7f7f7f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:1;
	padding:9px;
	margin-bottom:4px;
	font-weight:bold;
	text-decoration:none;
}



#content .portfolioFullNav .noLink { 
	display:block;
	background:#a7a7a7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:1;
	padding:9px;
	margin-bottom:4px;
	font-weight:bold;
	text-decoration:none;	
}

.portfolioFullNav a:hover,
#rightNav a.whatwedo_selected,
#rightNav a:hover { 
	background:url(../images/rightNav-arrowover.gif) no-repeat right center #008fd5;
}

#rightNav a.greenSelected,
#rightNav a.green_links:hover {
	background:#8cd017;
	background:url(../images/rightNav-arrowover-green.gif) no-repeat right center #8cd017;
}

.aboutUsNav { 
	margin-top:15px;	
}

.aboutUsNav a.selected,
.aboutUsNav a:hover { 
	background:url(../images/rightNav-arrowover-pink.gif) no-repeat right center #f2005b;
}

.colItem h1 { 
	color:#008fd5;
	font-size:15px;
	font-weight:normal;
	margin-bottom:12px;
}

.colItem h1.provide a { 
	color:#008fd5;
}

.colItem h1.inaction a { 
	color:#8cd017;
}

.colCutOut h1.inaction { 
	color:#008fd5;
	font-size:15px;
	font-weight:normal;
	margin-bottom:12px;
	position:absolute;
	top:12px;
	left:30px;
	z-index:2;
}

.colCutOut h1.inaction a { 
	color:#8cd017;
}

.colItem h1 a:hover { 
	color:#333333;
	text-decoration:none;
}

h1.contact { 
	color:#f2005b;
	font-size:15px;
	font-weight:normal;
	margin-bottom:12px;
	margin-top:0;
}



    #content-slider {
      padding-top:18px;
      width: 830px;
      height: 18px;
      background: url(../images/slider_bg_new.gif) no-repeat bottom;
      position: relative;
      margin:0 auto;
    }

    .ui-slider-handle {
      width: 30px;
      height:12px;
      position: absolute;
      background: url(../images/slider_button_new.png) no-repeat;
      top:21px;
    }

    #content-scroll {
      width: 958px;
      height: 356px;
      overflow: hidden!important;
      position: relative;
    }

    #content-holder {

      height: 356px;
      
    }

    .content-item {
      width: 630px;
      height: 356px;
      padding: 0px;
      float: left;
      margin-right:4px;
	  background:url(../images/sliderShadow.gif) repeat-x bottom;
  }
  
  div.blueText { 
  	margin-bottom:15px;
  }
  
  div.blueText h1 { 
  	font-size:15px;
  	color:#008fd5;
  	font-weight:normal;
  	margin-top:16px;
  }
  
  /* case study box */
  div.whatwedo_cstudy { 
  	width:145px;
  	height:155px;
  	position:relative;
  	margin-bottom:10px;
  }
  
  div.whatwedo_cstudy a { 
  	position:absolute;
  	bottom:0;
  	width:125px;
  	color:#ffffff;
  	font-size:12px;
  	padding:10px;
  	background:url(../images/bgPortOverlay.png);
  	display:block;
  	text-decoration:none;
  }
  
  div.whatwedo_cstudy a:hover { 
  	background:url(../images/bgPortOverlayBlue.png);
  	text-decoration:none;
  }
  
  span.linkright { 
  	text-align:right;
  }
  
  #content #rightNav h1  {
  	font-size:15px;
  	color:#333333;
  	font-weight:normal;
  	margin:13px 10px;
  	padding:0;
  }
  
  #content .portfolioFullNav h1 { 
  	font-size:15px;
  	color:#333333;
  	font-weight:normal;
  	margin:0 10px 13px 10px;
  	padding:0;  
  }
  
  #content .portfolioFullNav h1.margin30 { 
  	margin-top:30px;
  }
  
  h1.green 	 		{ color:#8cd017; }
  h1.green a 		{ color:#8cd017; text-decoration:none; }
  h1.green a:hover 	{ color:#333333; text-decoration:none; }  
  
  /* about us social links */
  #socialLinks { 
  	padding:13px 0 9px 14px;
  	background:#ededed;
  	margin-top:15px;
  }
  
  #socialLinks a { 
  	margin-right:8px;
  }
  
  h1#digitalHomes { 
  	font-size:12px;
  	color:#ffffff;
  	font-weight:bold;
  	line-height:1;
  	padding:10px;
  	background:#767676;
  }
  
  div.contactUsRight h1,
  div.contactUsRight h2 { 
	color:#f2005b;
}

.aboutusLeftFull { 
	height:155px;	
	position:relative;
	width:300px;
}

.aboutUsLeftRight,
.aboutUsLeftLeft { 
	width:145px;
	float:left;
	margin-top:10px;
	height:155px;
	position:relative;
}
.aboutUsLeftLeft {
	margin-right:10px;
}

.aboutusLeftFull h1 a  {
	position:absolute;
	bottom:0;
	padding:10px;
	background:url(../images/backgroundAboutOpacity.png) repeat;
	width:280px;
	font-size:12px;
	color:#fff;	
}

.aboutUsLeftRight h1 a,
.aboutUsLeftLeft h1 a {
	position:absolute;
	bottom:0;
	padding:10px;
	background:url(../images/backgroundAboutOpacity.png) repeat;
	width:125px;
	font-size:12px;
	color:#fff;
}

.about_selected h1 a,
.aboutusLeftFull h1 a:hover { 
	background:url(../images/backgroundAboutOpacityOver.png) repeat;
	color:#fff;
	text-decoration:none;	
}

.aboutUsLeftRight h1 a:hover,
.aboutUsLeftLeft h1 a:hover {
	background:url(../images/backgroundAboutOpacityOver.png) repeat;
	color:#fff;
	text-decoration:none;
}

#case_study_link { 
	text-align:center;
	width:190px;
}