#header_container  
/**************************************************************************************************************************************************	
*     Lovingly crafted by the kind folks at...           																						   *	
*	 ______     ______     ______     ______     __     ______     __   __        _____     __     ______     __     ______   ______     __        * 
*	/\  ___\   /\  ___\   /\  ___\   /\  ___\   /\ \   /\  __ \   /\ "-.\ \      /\  __-.  /\ \   /\  ___\   /\ \   /\__  _\ /\  __ \   /\ \       *
*	\ \___  \  \ \  __\   \ \___  \  \ \___  \  \ \ \  \ \ \/\ \  \ \ \-.  \     \ \ \/\ \ \ \ \  \ \ \__ \  \ \ \  \/_/\ \/ \ \  __ \   \ \___    *
*	\/\_____\  \ \_____\  \/\_____\  \/\_____\  \ \_\  \ \_____\  \ \_\\"\_\     \ \____-  \ \_\  \ \_____\  \ \_\    \ \_\  \ \_\ \_\  \ \____\   *
* 	\/_____/   \/_____/   \/_____/   \/_____/   \/_/   \/_____/   \/_/ \/_/      \/____/   \/_/   \/_____/   \/_/     \/_/   \/_/\/_/   \/____/    *
*                                                                                                                                                  *
*																																				   *
/**************************************************************************************************************************************************

/**********/
html,
body {margin:0;padding:0;height:100%;}

a {color: #fff; text-decoration: none; font-weight: bold;}

p a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, ul a:hover, ol a:hover {
color:white;
text-shadow:0 0 3px white;
}

a img {border: none;}

strong {font-weight: bold;}

/**************************************************************************/	
/*****Typeset / Headings H1 H2 ect*****/
body {font-size: 75%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;} 

html>body {font-size: 14px;} 

p {font-size:1em;margin-top: 1.5em;margin-bottom: 1.5em;line-height: 1.4em }

p, h3, h4, h5, ul {
text-align:left;
}

h1 {
font-size:1.5em;
line-height: 1em;
margin-top: 0;
margin-bottom: 1em;
}

h2 {
font-size:1.1667em;
line-height: 1.286em;
margin-top: 1.286em;
margin-bottom: 1.286em;
}

/* Apply Helvetica for Safari users */
   @media screen and (-webkit-min-device-pixel-ratio:0) {
      * {
         font-family: Helvetica;
      }
   }

.copy h2 {border-top: 2px solid #FFF;padding-top: 10px;clear: both;}

/*****Kern Headings*****/
.kern{ 
 	font-size:1.3em; 
 	font-weight:bold;
 	margin: 0;
 	padding: 0;
 	letter-spacing: -1px;
 	}
.kern1{ 
 	font-size:1.8em; 
 	font-weight:bold;
 	margin: 0;
 	padding: 0;
 	letter-spacing: -1px;
 	}
.kern-PDF{ 
	font-weight:bold;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	width: 200px !important;
	font-size: 30px;
	margin:-20px 0 13px;
 }
.kern2{
	margin-top: 15px;
	margin-bottom: 20px;
}
.kernsub{ font-size: 14px; }
.kern1.kernb{
	float: none;
	width: auto;
}
.kern_small{ 
 	font-size:1.3em ; 
 	font-weight:bold;
 	margin: 0;
 	padding: 0;
 	letter-spacing: -1px;
 	/*color: rgba(255, 255, 255, 0.8);*/
	}
	
	
/**************************************************************************/	
/*****CSS3 Enrichments*****/	

.shadow {
	text-shadow:0 2px 2px #191919;
}

/**************************************************************************/	
/*****Page*****/

body { font-family: "Helvetica Neue", Arial, sans-serif; background: #242424;color: #fff;}

/*body#background {background: url(../images/site-bg.jpg) no-repeat fixed center 34px #444444;}*/ 

#page-wrapper {	min-width: 910px; background: url(../images/lines_bottom.png) no-repeat  fixed -63px -5px transparent; position:relative;}
#page-process, #page-support {background: url(../images/bg-grid-noise3.jpg) repeat fixed center 34px #242424;}


.clear {clear:both;}

* { margin: 0;padding: 0;}

.push { padding:150px 0; display: block;}


/**************************************************************************/
/*****Contact Panel*****/
#top_panel {
	background-color:#ec008c;
	color:#212121;
	height:0;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index: 200;
	display: none;
	-webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000; 
	border-bottom:1px solid #FF2FAC;
}
.top_panel_inner {
	padding-top: 5px;
	margin: 0 auto;
	background-color:#ec008c;
	color:#fff;
	height:140px;
	text-align:left;
	width:960px;
	
}
.top_panel_column-form {
	padding:0;
	display:inline;
	float:left;
	width:420px;}
	
.top_panel_column{
	padding: 0 20px 0 0;
	float:left;
	display:inline;
	width:auto;
}
.top_panel_column h2 {margin:10px 0 0 0;font-size: 1.5em;}
#top_panel .address {
	width:auto;
	padding:10px 0 25px 25px;
}
.top_panel_inner h2 {
	width:187px;
	color:#fff;
	display:inline-block;
	padding:0;
	position:relative;
	text-align: right;
}
.top_panel_link {
	float:right;
}
.close {
	padding-top: 2px;
	background:url("../images/close.gif") no-repeat scroll 47px 0 transparent;
	height:23px;
	padding-right:50px;
	position:relative;
	width:72px;
	z-index:300;
}

/*****Contact Form*****/

input, textarea {border:medium none;opacity:0.8;}
form#contactform div, ul, li {position:relative;}
form#contactform {float:left; padding-left: 20px; width:370px;}
form#contactform div h3 { color:#000; margin:0; position:absolute; top:12px; left:0; }
form#contactform div input { width:200px; padding:2px; margin:10px 0 0 130px; background:#fff; color:#444444; }
form#contactform div input:focus {opacity:1; color:#000;  }
form#contactform div input.submit {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1.2em; font-weight:bold; width:auto;margin: 3px 0 0 130px;padding: 5px; background:none; line-height:18px; color:#fff; }
form#contactform div input.submit:hover {opacity:1; color:#fff; cursor: pointer; }
form#contactform textarea {font:'Helvetica Neue',Helvetica,Arial,sans-serif; height: 50px; width:200px; padding:2px; margin:10px 0 0 130px; background:#fff; color:#444444; border:none; }
form#contactform textarea:focus {opacity:1; color:#000;  }
.buttons  {left:220px;top:-31px;width:100px;}

/**************************************************************************/
/**** Header ****/
#top_wrapper {
	background:url(../images/session-header-bg.png) no-repeat center -39px ;
	width:100%;
	height: 184px;
	z-index: 100;
	position: fixed;
	top:0;
	left:0;
	min-width: 1024px;
}
#header  {
	background:url(../images/header-bg.png) repeat-x;
	height:109px;
	overflow:hidden;
	position:relative;
}
#header h1 {
	float:left;
}
#header_container {
	margin:0  auto ;
	width:960px;
	position:relative;
}
#logo {
	float:left;
	height:33px;
	width:177px;
	padding-right:30px;
}
#logo a#logo-type {
	background:url(../images/sprites.png) no-repeat 0px -3px;
	float:left;
	height:33px;
	text-indent: -10000px;
	margin-top: 55px;
	width:177px;
} 

/* SEASONS GREETING LOGO

#logo {
	float:left;
	height:33px;
	width:177px;
	padding-right:30px;
	position: relative;
}
#logo-type-a, #logo-type-b, #logo-type-c {
	background: url(../images/sprint-logo.png) no-repeat 0 8px;
	display: block;
	height: 65px;
	width: 320px;
	position: absolute;
	left: -122px;
	top: 33px;
}
#logo-type-b {
	background-position: 0 -86px;
	display: none;
}
#logo-type-c {
	background-position: 0 -202px;
	display: none;
}			
#logo-type-a span {
	visibility: hidden;
}			
*/
#pre_nav{
	z-index:100;
	background:url("../images/blog-link.gif") no-repeat scroll 205px -1px transparent; 
	padding-right: 50px;
	width:229px;
	float:right;
	height:30px;
}
#pre_nav ul {
	width:200px;
}
#pre_nav li {
	width:71px;
	float:right;
	background:url(../images/nav-divide.png) no-repeat -6px -66px;
	padding: 2px 0 15px  10px ;
}
#pre_nav li a{
	padding: 0 10px 0 10px;
	color: #BEBFC2;
}
#pre_nav li a:hover{
	color: #fff;
}
#number {
	position: absolute;
    font-size: 1.8em;
    font-weight: bold;
    position: absolute;
    right: -10px;
    top: 62px;
}
.telephone {
	font-size:0.8em;
	color:#ed008c;
}
/**************************************************************************/
/*********Nav********/

#nav {
	float:left;
	padding-top: 5px;
	width:248px;
}
#nav ul {
	width:560px;
}
#nav li {
	float:left;
	background:url(../images/nav-divide.png) no-repeat -4px 0px;
	padding: 15px 15px ;
	display:inline;
}
#nav li a{
	display: block;
	padding: 40px 0 0;
	color: #BEBFC2;
}
#nav li a:hover{
	color: #fff;
}


/**************************************************************************/
/**** Masonry CSS ****/
#mosaic-wrapper {padding-top: 108px; width:100%}

#mosaic {
margin-left:auto;
margin-right: auto;
max-width: 1400px;
min-width: 960px;  
}

#mosaic a {display:block;}
#mosaic a:hover{display:block;}

.col1 { width: 400px; }
.col2 { width: 200px; }
.col3 { width: 400px; }
.col4 { width: 200px; }

.col1 img { max-width: 400px; }
.col2 img { max-width: 200px; }
.col3 img { max-width: 400px; }
.col4 img { max-width: 200px; }


.wrap {
    background: #242424;
    border: 0px solid #456;
	margin-bottom: 20px;
}
.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.box {
	background:url(../images/click.png) transparent no-repeat bottom right; 
    float: left;
    overflow: hidden; 
    position: relative; 
}

.box p a{ 
	color:#191919;
	 
}
.box p a:hover {
	color:#000;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
	
}

.box p { 
	line-height: 1em;
	margin-top:5px; 
	padding: 0 10px; 
	color:#000; 
	font-weight: bold;
}
.box h3{ 
	font-size: 1.5em;
	font-weight:bold;
 	margin: 0;
 	padding: 10px 0 0 10px;
 	letter-spacing: -1px;
 	/*text-shadow: rgba(0,0,0,0.5) -1px 0*/
 	color:#000;
}
.box h3 a {color:#191919;}
.box h3 a:hover {color:#000;text-shadow:0 1px 1px rgba(0,0,0,0.4);}

.boxcaption{  
	float:left;
	position: absolute;
	background:url(../images/click_hover.png) #fff200 no-repeat bottom right; 
  	height: 100px;  
	width: 100%;  
	opacity: .9; 
	-moz-opacity: 0.9;          /* Transparency for older Mozillas */
	filter: alpha(opacity=90);  /* Transparency for IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* For IE 8 */
}
.boxcaptionxl{  
	float:left;
	position: absolute;
	background:url(../images/click_hover.png) #fff200 no-repeat bottom right; 
  	height: 150px;  
	width: 100%;  
	opacity: .9; 
	-moz-opacity: 0.9;          /* Transparency for older Mozillas */
	filter: alpha(opacity=90);  /* Transparency for IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* For IE 8 */
}
.captionfull .boxcaption {
	bottom: -100px;
 	left: 0;
 }
 .captionsmall .boxcaption { 
	bottom: -100px;
 	left: 0;
 }
  .captionxl .boxcaption { 
	bottom: -150px;
 	left: 0;
 }
 .caption .boxcaption {
 	bottom: -100px;
 	left: 0;
 }
  
/**************************************************************************/
/**** Work Page CSS ****/

.scroll-item {width:100% !important;}

.container {min-width:960px; max-width: 1300px}	

.vert-align {margin-top: 157px;}

/*#page-approach {background: url(../images/approach-bg.gif) repeat fixed}*/

#approach-bg {background:url(../images/approach-overlay.gif) no-repeat 0 0 fixed transparent; width:100%; float:left;}

#process-bg {background:url(../images/process-overlay.gif) no-repeat 0 0 fixed transparent; width:100%; float:left;}

.scroll-nav {
 	background: url(../images/20.png) repeat transparent;
	height:350px;	
	display:inline;
	float:left;
	position:fixed;
	top:180px;
	width:25%;
	max-width:315px;
	min-width:250px; 
}

.scroll-content {
	position: relative;
	display:inline;
	padding:24px 10px 80px 0;
	float: right;
	margin:0 auto;
	/*margin: 0 3% 0 1%;*/
	width:71%;

}
#page-support .scroll-content { padding-bottom: 30px; }
.scroll-content h2 {
	float:left;
	line-height:22px;
	padding-top:35px;
	width:150px;
}
.last {
	padding-bottom: 100px;
}
ul#sub_nav {
	padding: 20px 20px 0 0;
	line-height: 1.4em;
}
ul#sub_nav li {
	text-align: right;
}
ul#sub_nav li a{
	text-shadow:0 2px 2px #191919;
	display: block;
	color: #6a6a6a;
}
ul#sub_nav li a:hover{
	text-shadow:0 0px 0px #191919;
	color: #00aeef;
}
ul#sub_nav li  a.selected{
	color: #00aeef;
}
#sub_nav .archivelink {
	margin-top:20px;
}

ul#sub_nav .archivelink a {
    color: #FFF;
    display: block;
    text-shadow: 0 2px 2px #191919;
}

/**********BG'S***********/
#work-kookai {background:url("../images/bgs/bigkookai-1400x600.png") repeat-x scroll left center transparent;}
#work-interflora {background:url("../images/bgs/biginterflora-1400x600.png") repeat-x scroll left center transparent;}
#work-warner {background:url("../images/bgs/bigwarner-1400x600.png") repeat-x scroll left center transparent;}
#work-planetorganic {background:url("../images/bgs/bigplanet-1400x600.png") repeat-x scroll left center transparent;}
#work-zuneta {background:url("../images/bgs/bigzuneta-1400x600.png") repeat-x scroll left center transparent;}
#work-myartist {background:url("../images/bgs/bigwarner-1400x600.png") repeat-x scroll left center transparent;}
#work-tvonics {background:url("../images/bgs/bigtvonics-1400x600.png") repeat-x scroll left center transparent;}
#work-christophemae {background:url("../images/bgs/bigcmae-1400x600.png") repeat-x scroll left center transparent;}
#work-cotswold {background:url("../images/bgs/bigcotswolds-1400x600.png") repeat-x scroll left center transparent;}
#work-kurtgeiger {background:url("../images/bgs/bigkurtgeiger-1400x600.png") repeat scroll left center transparent;}
#work-acne {background:url("../images/bgs/bigacne-1400x600.png") repeat scroll left center transparent;}
#work-smythson {background:url("../images/bgs/bigsmythson-1400x600.png") repeat-x scroll left center transparent;}
#work-3663 {background:url("../images/bgs/big3663-1400x600.png") repeat-x scroll left center transparent;}
#work-ninewest {background:url("../images/bgs/bigninewest-1400x600.png") repeat-x scroll left center transparent;}
#work-webblinds {background:url("../images/bgs/bigwebblinds-1400x600.png") repeat scroll left center transparent;}

/**************************************************************************/
/**** Slideshow CSS ****/
.slideshow {
	position: relative;
}
.slideshow h2 {
	padding-top:35px;
	width:150px;
	float:left;
	line-height: 22px;
}
/**** Speech Bubble Icons *****/
.description {
  position: relative;
  padding-left: 2.0em;
}
.description.supportdescription {
width: 79%;
}
.description .point {
  position: absolute;
  top:1.4em;
  left:-13px;
  display: block;
  background:url(../images/point.gif) no-repeat transparent 0 -3px;
  border:none !important;
  height:26px;
  width:13px;
}
#page-support .description .point { 
  border-left: 1.5em solid #363537;
}
#page-support .descriptionc .point { background:url(../images/point2.png) no-repeat; margin-left: 16px; }


.description{
	margin-top: 30px;
	float:right;
	padding:10px 20px 11px 20px;
	background-color: #363537;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	width:730px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.9);
	box-shadow: 0 1px 10px rgba(0,0,0,0.9); 
}
#page-support .description { background-color: #363537; }
.description.descriptionb{
float: none;
width: auto;
}
.description p{
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.7);
	/*width:670px;*/
	height:auto;
}
.description.descriptionb .firstSentence{
margin: 20px 0px 20px 0px;
}
.description.descriptionb ul{
float: left;
width: 46%;
padding-left: 20px;
}
.blueBullets { list-style-image: url(../images/blue-bullet.png); }
.yellowBullets { list-style-image: url(../images/yellow-bullet.png); }
.description.descriptionb ul li {
margin-bottom: 10px;
line-height: 1.4em;
}
#page-support .description.descriptionb .listRight{
float: right;
}
#page-support .description.descriptionc{
background-color: #00AEEF;
float: left;
margin-left: 17px;
margin-right: 20px;
width: 105px;
height: 105px;
}
#page-support .description.descriptionc p{
text-shadow: none;
font-weight: bold;
}
#page-support .description.descriptionc.lastdesc{
margin-right: 0px;
}
#page-support .description.descriptionc .point{
border-bottom:none;
border-left:none;
border-top:1.5em solid transparent;
border-right:1.5em solid #EC008C;
left: 9.2em;
}

.description a:link {
color:#00aeef;
}
.description a:visited {
color:#00aeef;
}
.description a:hover {
color:#fff; 
}
.slideshow .slidesContainer {
	height:350px;
	overflow:auto; /* allow scrollbar */
	position:relative;

}
.slideshow .slidesContainer .slide {
	width:600px; /* reduce by 20 pixels to avoid horizontal scroll */
	height:350px;
	padding-right: 10px;
}


/*** Slideshow controls *****/
.control {
	display:block;
	width:24px;
	height:38px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
.leftControl {
	z-index: 100;
	top:167px;
	left:20px;
	background:transparent url(../images/control_left.png) no-repeat 0 0;
}
.rightControl {
	top:167px;
	right:20px;
	background:transparent url(../images/control_right.png) no-repeat 0 0;
}

/**************************************************************************/
/**** Partners CSS ****/

.partners-statement img {
background:url("../images/20.png") repeat scroll 0 0 transparent;
display:block;
float:left;
margin:2px 22px 0 0;
padding:10px;
}
.partners-statement {
position: relative;
float:left;
width:100%;
}

.partners-statement p{
padding-left:142px;
padding-bottom: 15px;
}
.partners-statement a:link {
color:#00aeef;
}
.partners-statement a:visited {
color:#00aeef;
}
.partners-statement a:hover {
color:#fff; 
}

.divider {
margin-bottom: 35px;
display: block;
padding-top:1px;
border-bottom:1px solid #4F4F4F;
background-color: #363636;
}


/**************************************************************************/
/**** Achor Links  ****/
#magento, #ibuildings, #rackspace, #predictiveintent, #approach, #difference, #emailvision {
position: absolute;
top:-155px;
left:0;
}

#creativeprocess, #devprocess, #projectprocess, #complex, #creative, #conversion {
position: absolute;
top:-180px;
left:0;
}
#kookai, #interflora, #warnermusic, #planetorganic, #footballleague, #zuneta,#myartist, #tvonics, #christophemae, #michaelbuble, #cotswolds, #twilight, #kurtgeiger, #acne, #smythson, #website, #ninewest{
position: absolute;
top:-157px;
left:0;
}
#webblinds {
    left: 0;
    position: absolute;
    top: -154px;
}
#whatyouget, #incidentworkflow , #dedicatedsitesupport {
position: absolute;
top:-127px;
left:0;
}


/**************************************************************************/
/**** Approach / Process CSS ****/

.blue {color:#00aeef;}
.pink{color: #ec008c;}
.yellow{color: #fff200;}

.content-top {
	position: relative;
	top:184px;
}

.background {
	background:url("../images/section-bg.jpg") repeat-x scroll 0 0 #181818;
	height:auto;
	margin:0 10px 80px;
	max-width:100%;
	padding:0 !important;
}

.section-holder h2 {
	padding-top:35px;
	width:140px;
	float:left;
	line-height: 20px;
}
.section-holder h3 {
	padding: 30px 0 0 0; 
	line-height: 20px;
}
.image-holder {
	background-color: #181818;
	margin:0 auto;
	width:726px;
}
.statement {
/*font-size: 1.5em;*/
}
.supportstatement {
float: left;
width: 82%;
margin-right: 10px;
}
.statement a:link {
color:#00aeef;
}
.statement a:visited {
color:#00aeef;
}
.statement a:hover {
color:#fff; 
}



/**** 4 Columns ****/

.colpad {
padding: 0 10px;
}

.colmask{
   	width: 100%;
   	left: 0%
}
.colmid{ right: 25% }
.colin{ right: 25% }
.colleft{ right: 25% }
.cont-col1{
	min-height:250px;
   	width: 23%;
   	left: 76%
}
.cont-col2{
	min-height:250px;
	width: 23%;
	left: 78%
}
.cont-col3{
	min-height:250px;
	width: 23%;
	left: 80%
}
.cont-col4{
	min-height:250px;
	width: 23%;
	left: 82%
}

.colmask{
   	clear: both;
   	float: left;
   	overflow: hidden;
   	position: relative;
}
.colmid{
   float: left;
   width: 100%;
   position: relative;
}
.colin{
   float: left;
   width: 100%;
   position: relative;
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
}
.cont-col1{
   padding: 10px 0;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #00aeef;
   border:1px solid #00BCFF;
}
.cont-col2{
   padding:10px 0;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #ec008c;
   border:1px solid #FF009A;
}
.cont-col3{
   color: #231f20;
   padding:10px 0;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #fff200;
   border:1px solid #FFF11F;
}
.cont-col4{
   padding:10px 0;
   overflow: hidden;
   float: left;
   position: relative;
   background-color:#363537;
   border:1px solid #191919;  
}

/**** 3 Columns horizontal ****/

.three-col-left{
	height:320px;
	width:100%;
	margin: 0 0 25px 0;
	overflow: hidden;
	position: relative;
	background:	#181818 url(../images/approach-creativity.gif) no-repeat -30px 0;
}
.three-col-left-text {
	padding-top: 45px;
	width: 340px;
	float:right;
	padding-right: 20px;
}

.three-col-center{
	float:left;
	height:320px;
	width:100%;
	margin: 0 0 25px 0;
	padding: 10px 0px;
	overflow: hidden;
	position: relative;
	background:	#181818 url(../images/approach-complex.gif) no-repeat center top;
}
.three-col-center-text {
	padding-top: 145px;
	width: 423px;
	float:left;
	padding-left: 15px;
	
}
.three-col-right{
	height:320px;
	width:100%;
	margin: 0 0 25px 0;
	padding: 10px 0px;
	overflow: hidden;
	position: relative;
	background:	#181818 url(../images/approach-conversion.gif) no-repeat right 142px;
}

.three-col-right-text {
	padding-top: 2px;
	width: 369px;
	float:left;
	padding-left: 15px;
	
}

/**** 3 Columns Small ****/


.three-col-left-small{
	min-height:240px;
	width:32%;
	float: left;
	padding: 10px 0px;
	overflow: hidden;
	position: relative;
	background-color: #363636
}

.three-col-center-small{
	margin-left: 18px;
	float:left;
	min-height:240px;
	width:32%;
	padding: 10px 0px;
	overflow: hidden;
	position: relative;
	background-color: #363636
}

.three-col-right-small{
	float:right;
	min-height:240px;
	width:32%;
	padding: 10px 0px;
	overflow: hidden;
	position: relative;
	background-color: #363636
}

/**************************************************************************/
/**** Legal CSS ****/

.legal-statement {
	position: relative;
	padding:10px 0 30px 0;
	float:left;
	width:100%;
}

dl.address dt {
	font-weight: bold;
	padding:15px 0 10px 0;
}
dl.address dd {
	width:200px;
	margin-left: 200px;
	}
span.address-align {
	display: block;
	margin-top: -27px;
}

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

#footer {
 	background: url(../images/60.png) repeat transparent;
	clear:both;
	margin-top:30px;
	font-size:0.8em;
	min-width: 1024px;
	}
#footer .footer_inner {margin: 0 auto; width:960px;	}
#footer a {color:#BEBFC2;}
#footer a:hover {color:#fff;}
#footer h3 {
	/*font-size: 1.5em;*/
	color:#fff;
	text-decoration:none;
	}

#footer ul {
	color:#fff;
}
#footer li {line-height:1.35em;}
#footer .address {
	border-right:1px solid #181818;
	float:left;
	width:auto;
	padding:35px 20px 25px 45px;
}
#footer address {
	color:#fff;
	padding: 4px 0 0 0;
}

#footer .footer-logo {
	float:left;
	width:auto;
	padding:35px 0 25px ;

}
#footer .address strong {
	/*font-size: 1.5em;*/
}
#footer .footer-logo .logo {
	display:block;
	width:177px;
	height:33px;
	text-indent:-10000px;
	background:url(../images/sprites.png) no-repeat 0px -3px;
}

#footer .address p {
	padding-top:6px;
}

#footer .address .company-info  {
	color:#fff;
}
#footer .address .reg-address {
	color:#fff;
}
#footer .navigate, #footer .find {
	float:left;
	width:auto;
	padding:35px 15px 15px 20px;
}
#footer .navigate ul.quick-nav {padding:0 30px 15px 0}

/*** Twitter *****/
#tweets {
	float:left;
	padding:35px 0 0 25px;
	width:auto;
}

#tweets em {
	display: block;
	padding-left:60px;
	margin-top: -29px;
	font-size: 1.3em;
}

#tweets a {
 	color:#fff200 !important;
}
#tweets a:hover {
	opacity: .8; 
	-moz-opacity: 0.8;          /* Transparency for older Mozillas */
	filter: alpha(opacity=80);  /* Transparency for IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* For IE 8 */
 	color:#fff200;
 }
#tweets  a:visited {
 	color:#fff200;
}

#tweets .bird {
	display:block;
 	font-weight: bold; 
 	padding:0;
 	letter-spacing: -0.07em;
 	color:#fff200;
	width:auto;
	height:30px;
}

#tweets ul.tweetList {
		padding: 6px 0 0 20px;
		width:410px;
		background: transparent url(../images/twitter_bg.png) no-repeat left 0;
		height:72px;
}
#tweets ul.tweetList li {width:380px;}

#tweets .hash { color:#fff; } 

#tweets .reply { color:#00aeef; } 

/***** copyright *****/
.copyright {
	clear:both;
	width:100%;
	background:#000;
	overflow:hidden;
}
.copyright a {
	color:#fff !important;
}
.copyright ul {
	padding:0 !important;
}
.copyright li {
	color:#fff;
	padding:10px;
	margin:0;
	float:left;
}
.copyright .divide{
	border-right:1px solid #191919;
	padding:10px;
}
.copyright .validated {color:#eee;}


#work {	
visibility: hidden;
background:url("../images/bgs/bckgrd.gif") repeat fixed 0 0 transparent;}

.work-last {
	margin-bottom:60px;
}

/***** support page *****/
.downloadpdfimg {
float: right;
margin-top: 8px;
width: 110px;
}
.downloadpdfimg:hover {
	opacity: .7; 
	-moz-opacity: 0.7;          /* Transparency for older Mozillas */
	filter: alpha(opacity=70);  /* Transparency for IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* For IE 8 */
	}
.incidentworkflowdiv {
margin-left: 8px;
}

#page-support .scroll-content.downloadpdfscroll-content {
padding-bottom: 80px;
}

.kern-PDF.supportdownloadpdfkern-pdf {
line-height: normal;
}

.description.descriptionb.downloadpdfdescriptionb {
width: 400px;
float: right;
}

.downloadpdfimg2 {
float: right;
margin-top: 19px;
width: 120px;
}
.downloadpdfimg2:hover {
	opacity: .7; 
	-moz-opacity: 0.7;          /* Transparency for older Mozillas */
	filter: alpha(opacity=70);  /* Transparency for IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* For IE 8 */
}
/***** Twitter Widget Block (Homepage) *****/
.twtr-reply, 
.twtr-rt,
.twtr-fav {
	margin-right:5px;
}
.twtr-doc {
	width:200px;
	height:200px;
}
.twtr-ft {
	display:none;
}
.twtr-tweet-text p a {
	 margin-top: 3px;
}
.twtr-widget em {
	display:none !important;
}
#twtr-widget-1 .twtr-bd, 
#twtr-widget-1 .twtr-timeline i a, 
#twtr-widget-1 .twtr-bd p {
	margin-top:-6px;
}
.twtr-doc {
	background: url(../images/mosaic/twitter-bg2.jpg) no-repeat 0 0px;
	-moz-border-radius:0px !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border:none;
	margin:0px;
	padding:0px;
}
.twtr-widget .twtr-tweet {
	border:none !important;
}
.twtr-widget .twtr-tweet-wrap {
	padding:14px 18px !important;
}
.twtr-tweet-text .twtr-user {
	display:none !important;
}
#twtr-widget-1 .twtr-tweet a:hover {
	color:#231f20 !important;
	text-shadow:none !important;
}
#twtr-widget-1 .twtr-bd p {
	font-weight:normal;
}