@import url(reset.css);

/* note: images with white borders need a background with color dadada */

html { height: 100%; }

body {
	background: #474747;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
}

#boxtop {
	background: url(bg-top.jpg) no-repeat 50% 0;
	margin: 0 auto;
	overflow: hidden;
	width: 963px;
}

#wrap {
	position: relative;
	background: #fff url(bg.jpg) repeat-y 50% 0;
	color: #555;
	margin: 24px auto 12px;
	padding: 0 17px;
	overflow: hidden;
	text-align: left;
	width: 929px;
}

a:link { color: #000; }
a:visited { color: #555; }

em,
cite { font-style: italic; }

strong { font-weight: bold; }

h4,
#spill-col .feedTitle,
h3 {
	clear: both;
	color: #000;
	font-size: 1.8em;
	line-height: 1;
	margin: 0;
	padding: .75em 0 .25em;
}

input,
label { display: block; }
label { font-weight: bold; }

#sendermessage,
#sendersubject,
#senderemail,
#sendername { width: 100%; }

.copy { margin-right: 90px; }

.copy a:link { color: #000; }
.copy a:visited { color: #555; }

#interests-col p,
#twitter-col p,
#spill-col ul div,
#homepagebox p,
.copy ol,
.copy ul,
.copy p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em;
}
#twitter-col ul {
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 5 px;
	display:block
}

#twitter_update_list ul {
	line-height:1.5;
	margin-bottom:5 px
}

#twitter_update_list a {
	display:block;
	margin-bottom:5 px
}

.copy .lede {
	color: #232323;
	font-size: 1.4em;
	line-height: 1.268;
	margin: 0 0 1.268em;
}

h4,
#spill-col .feedTitle,
#interests-col h3,
#twitter-col h3,
.points h3 { background: url(arrow.jpg) no-repeat 0 1em; }

h4,
#spill-col .feedTitle,
#interests-col h3,
#twitter-col h3,
.points h3,
#interests-col ol,
#twitter-col ol,
.points ol,
#interests-col ul,
#twitter-col ul,
.points ul,
#interests-col p,
#twitter-col p,
#spill-col ul,
.points p { padding-left: 20px; }

#spill-col .feedTitle a {
	color: #000;
	text-decoration: none;
}

#spill-col ul .headline {
	display: block;
	font-size: 1.2em;
	line-height: 1.5;
}
/*#spill-col ul .headline a:link { color: #232323; }
#spill-col ul .headline a:visited { color: #555; }*/

#spill-col ul p {
	line-height: 1.8;
}
#spill-col ul div {
	clear: left;
}
#spill-col ul .feedItemAuthor {
	float: left;
	padding: 0 .5em 0 0;
}
#spill-col ul .feedItemAuthor:before {
	content: "by ";
}
#spill-col ul .feedItemAuthor:after {
	content: ",";
}

#interests-col,
#twitter-col,
#spill-col {
	float: left;
	margin-left: 20px;
	width: 283px;
}

#homepagecontent {
	min-height: 384px;
}

#homepagebox {
	position: relative;
	top: 20px;
	left: 42px;
	width: 864px;
	border: 5px #474747;
	height: 368px;
}

#homepagebox-content {
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 18px;
	}

#homepagebox-content a {
color: #FFF
}

#homepageimage {
	margin: 2px 26px 16px 0;
	float: right;
}

#skybeautifulinterview-col {
	float: left;
	margin-left: 233px;
	width: 388px;
}

#skybeautifulbuzz-col {
	float: right;
	margin-right: 20px;
	width: 272px;
	font-size: 1.2em;
	line-height: 1.5;
}

#footer {
	position: relative;
	background: #474747 url(bg-bottom.jpg) no-repeat 0 0;
	clear: both;
	font-size: 1.1em;
	line-height: 1.636em;
	margin: 0 -17px;
	overflow: hidden;
	padding: 2.545em 37px 1.636em;
	width: 889px;
}

#footer,
#footer a { color: #fff; }

#footer li { display: inline; }
#footer li a {
	display: block;
	float: left;
	margin-right: 20px;
}

#footer .vcard {
	position: absolute;
	top: 2.545em;
	left: 233px;
	width: 696px;
}

#footer .vcard .org { display: none; }

#footer .vcard .adr p,
#footer .vcard .tel,
#footer .vcard .email {
	float: left;
	margin-right: 20px;
}

#footer #copyright { float: right;}

/* HERE */

h2 {
	line-height: 1;
	margin: 5px 0 0;
	overflow: hidden;
	padding: 49px 0 0;
	height: 0 !important;
	height /**/:54px;
}


body.beyond-accessibility h2,
body.about-us h2,
body.areas-interest h2,
body.careers h2,
body.clients h2,
body.contact-us h2,
body.leadership h2,
body.news-events h2,
body.people h2,
body.phg h2,
body.wood-phillips h2,
body.skybeautiful h2,
body.mailing-list h2 {
	width: 390px;
}


body.bcu h2,
body.cuh2a h2,
body.darpa h2,
body.featured-work h2,
body.kcai h2,
body.meglobe h2,
body.nielsen h2,
body.our-approach h2,
body.our-work h2 {
width: 342px;
}

body.beyond-accessibility h2 {
	background: url(h2/ba.jpg) no-repeat 0 0;
}
body.about-us h2 {
	background: url(h2/about-us.jpg) no-repeat 0 0;
}
body.areas-interest h2 {
	background: url(h2/areas-interest.jpg) no-repeat 0 0;
}
body.mailing-list h2 {
	background: url(h2/mailing-list.png) no-repeat 0 0;
	}
body.bcu h2 {
	background: url(h2/bcu.jpg) no-repeat 0 0;
}
body.careers h2 {
	background: url(h2/careers.jpg) no-repeat 0 0;
}
body.clients h2 {
	background: url(h2/clients.jpg) no-repeat 0 0;
}
body.contact-us h2 {
	background: url(h2/contact-us.jpg) no-repeat 0 0;
}
body.cuh2a h2 {
	background: url(h2/cuh2a.jpg) no-repeat 0 0;
}
body.darpa h2 {
	background: url(h2/darpa.jpg) no-repeat 0 0;
}
body.featured-work h2 {
	background: url(h2/featured-work.jpg) no-repeat 0 0;
}
body.kcai h2 {
	background: url(h2/kcai.jpg) no-repeat 0 0;
}
body.leadership h2 {
	background: url(h2/leadership.jpg) no-repeat 0 0;
}
body.meglobe h2 {
	background: url(h2/meglobe.jpg) no-repeat 0 0;
}
body.news-events h2 {
	background: url(h2/news-events.jpg) no-repeat 0 0;
}
body.skybeautiful h2 {
	background: url(h2/skybeautiful.jpg) no-repeat 0 0;
}
body.nielsen h2 {
	background: url(h2/nielsen.jpg) no-repeat 0 0;
}
body.our-approach h2 {
	background: url(h2/our-approach.jpg) no-repeat 0 0;
}
body.our-work h2 {
	background: url(h2/our-work.jpg) no-repeat 0 0;
}
body.people h2 {
	background: url(h2/people.jpg) no-repeat 0 0;
}
body.phg h2 {
	background: url(h2/phg.jpg) no-repeat 0 0;
}
body.wood-phillips h2 {
	background: url(h2/wp.jpg) no-repeat 0 0;
}

body.index #make {
	position:relative;
	left:345px;
	top:30px;
	
}

body.index #mailinglist {
	position:absolute;
	right:50px;
	top:25px;
	text-align:center;
	font-size: 14px;
}



#header a,
#nav a { text-decoration: none; }

#header {
	position: absolute;
	top: 5px;
	left: 50px;
	height: 50px;
	overflow: hidden;
	width: 215px;
}
#header h1 {
	height: 50px;
	overflow: hidden;
	width: 215px;
}
h5 {
	height: 15px;
	overflow: hidden;
	color: #000;
	font-size : 14px;
	line-height : 16px;
	float: left;
	font-weight: bold;
}
	
	
h1 a:link,
h1 a:visited {
	background: #fff url(tp-logo.gif) no-repeat 0 0;
	display: block;
	float: left;
	overflow: hidden;
	padding: 50px 0 0;
	width: 215px;
	height: 0 !important;
	height /**/:50px;
}
#header h1 a:hover,
#header h1 a:active { background-position: 0 100%; }
body.index #header h1 a {
	background-position: 0 0;
	cursor: default;
}


* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body.index #iarm {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : center;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : verdana;
}
#iarm a:link, #iarm a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 731px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 731px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 600px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#iarm {
margin : -1px 0 0;
}
div#video-iarm {
height : 683px;
margin : -1px 0 0;
}
div#iarm div.wrap {
height : 346px;
}
div#iarm div#slide-holder {
z-index : 40;
width : 731px;
height : 356px;
position : absolute;
}
div#iarm div#slide-holder div#slide-runner {
top : 9px;
left : 50px;
width : 731px;
height : 356px;
overflow : hidden;
position : absolute;
}
div#iarm div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#iarm div#slide-holder div#slide-controls {
left : 0;
bottom : 310px;
width : 731px;
height : 46px;
display : none;
position : absolute;
background :#fff;
}
div#iarm div#slide-holder div#slide-controls p.text {
float : left;
color : #474747;
display : inline;
font-size : 10px;
line-height : 16px;
}
p#noslide-client{
font-weight : bold;
float : left;
color : #474747;
display : inline;
font-size : 10px;
margin-top : 0px;
margin-left : 130px;
margin-right : 30px;
}
p#noslide-desc{
float : left;
color : #474747;
display : inline;
font-size : 10px;
margin-top : 0px;
margin-left : 130px;
}
div#iarm div#slide-holder {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}

p#slide-nav {
float : center;
height : 16px;
display : inline;
margin : 11px 15px 0 0;
}

div#slide-controls {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}

div#iarm div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 12px;
height : 10px;
display : inline;
font-size : 0px;
margin : 3px 10px 0 0 ;
line-height : 24px;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}

div#iarm div#slide-holder div#slide-controls p#slide-nav a.on {
background-image : url(../images/slide-nav2.png);
}
div#iarm div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/slide-nav.png);
}

div#gradient {
position:relative;
margin-top: 30px;
}

#nav {
	position: absolute;
	top: 68px;
	left: 50px;
	font-size: 1.2em;
	line-height: 1.5;
	width: 203px;
}

#mail {
	position: absolute;
	top: 90px;
	left: 27px;
	font-size: 1.2em;
	line-height: 1.5;
	width: 203px;
}

.skip {
	position: absolute;
	top: 0;
	left: -9000px;
}

#nav a {
	color: #555;
	display: block;
	padding: 0 10px;
}

#nav a:hover,
#nav a:active {
	background: #dadada;
}

#nav a.here {
	background: #bf0000;
	color: #fff;
	cursor: default;
}

#nav ul a { padding-left: 20px; }

#nav ul ul a { padding-left: 30px; }

#content {
	margin: 68px 0 0 270px;
	min-height: 219px;
	overflow: hidden;
	padding: 0 0 0 0;
}

#content > p { margin: 0 0 1.8em;}

#skybeautifulcontent {
	margin: 90px 0 0 233px;
	min-height: 289px;
	overflow: hidden;
}

body.index h2 { margin: 0; }
body.index #content { margin: 0; }



.feedburnerFeedBlock #creditfooter { display: none; }
.feedburnerFeedBlock li p { font-size: 100%; }

.first-col,
.second-col {
	float: left;
	width: 328px;
}

.second-col { margin-left: 20px; }

.second-col img { width: 100%; }

.required {
	color: #bf0000;
	font-weight: bold;
}

.copy blockquote {
	border-left: .091em solid #dadada;
	font-size: 1.1em;
	line-height: 1.636;
	margin: 0 0 1.636em;
	padding-left: 1.727em;
}

.copy blockquote p {
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
}

.copy blockquote cite {
	color: #777;
	text-align: right;
}