@charset "UTF-8";

body {
	margin:0;
	font:100% Georgia, serif;
	color: #333; 
	padding:0;
	background: #012b3f;
}

div#wrapper_main {
	padding: 0;
	margin:0;
	background: #fff url("images/bg.png") repeat-x;
}
div#wrapper_case_main {
	padding: 10px 0 0 0;
	margin:0;
	background: #fff;
}
div#wrapper_case_smc {
	padding: 0;
	margin:0;
	background: #000 url("images/smc-case-header.jpg") top center no-repeat;
	height: 365px;
}
div#wrapper_case_pct {
	padding: 0;
	margin:0;
	background: #000 url("images/pct-case-header.jpg") top center no-repeat;
	height: 365px;
}

div#wrapper_bottom{
	padding: 20px 0;
	margin:0;
}
body#yellow div#wrapper_bottom {
	background: #ffd63d;
}
body#pink div#wrapper_bottom {
	background: #c33c4e;
}
body#orange div#wrapper_bottom {
	background: #61891a;
}
body#purple div#wrapper_bottom {
	background: #845084;
}

div#wrapper_footer{
	padding: 0;
	margin:0;
	background: #012b3f;
}

div.container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
}
div#wrapper_bottom div.container, div#wrapper_footer div.container {
	width: 940px;
}


p, ul, ol {font-size: 125%; line-height: 1.5; margin:0; padding:0 0 25px 0;}
ul li, ol li { margin: 0 0 0 30px;}

a {color: #006ead; text-decoration: none;border-bottom: 1px dotted #006ead;}
a:hover {border-bottom: 1px solid #006ead;}



/* layout -------------------------- */

div#header {height: 75px; margin:0 10px 0;}

div#header_contact {float:right; margin:5px 10px 0 0;}
div#header_contact p {padding:0; color: #000;font-size: 80%; text-align:right;color:#11385b}
div#header_contact p strong {font-size: 120%; font-weight:bold;}

div#logo {margin:0; float:left;}
div#logo a {border-bottom:none;}
div#logo img {margin:0;}


div#content {padding:20px 10px 50px;}

div.content_main {float:left; width: 620px; margin:0 20px 20px 0;}
div.content_rhs {float: left; width: 300px; margin:0 0 20px; overflow: hidden;}

div.content_main_right {float:left; width: 620px; margin:0 0 20px 0;}
div.content_lhs {float: left; width: 300px; margin:0 20px 20px 0;}


div.case_left {float:left; width: 540px; margin:0 20px 40px 0;}
div.case_right {float: left; width: 380px; margin:0 0 40px;}


div.content_half_left {float: left; width: 460px; margin:0 20px 40px 0;}
div.content_half_right {float: left; width: 460px; margin:0 0 40px 0; }

div.services_half {margin-bottom: 10px;}



div.project_box {float:left; width: 300px; margin:0 20px 20px 0;}
div.project_box_last {float:left; width: 300px; margin:0 0 20px 0;}



div#services_video {float:right; width: 430px; margin:0 0 20px 40px;}
div#services_video_home {float:right; width: 430px; margin:15px 0 20px 20px;}


div.image_box a {border-bottom:none;}
div.image_box a img {margin:10px 0 10px 10px; /*border: 1px solid #c5c5c5;*/}
div.image_box a:hover img {/*border: 1px solid #999;*/}

div.image_box p {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 65%;
	padding:0 0 10px 10px;
}



div.quote {
	padding:0 0 0 80px;
	margin:0 0 30px;
	background: url("images/quote-icon.jpg") left top no-repeat;
}
div.project_quote {
	margin:0 0 50px;	
}
div.quote p {
	border-top: 10px solid #ece9e9;
	border-bottom: 1px solid #aaa;
	padding:5px 0;
}
div.quote p.client {
	border:none;
	padding:10px 0 0;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 70%;
}


div.twitter_box {
	padding:10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0;
}
div.twitter_box img {
	border: 5px solid #ece9e9;
	float: left;
	margin:0 10px 10px 0;
}
div.twitter_box_about {
	margin:0 0 0 20px;
}


div.tweet_flick {
	height: 12px;
}
div.tweet_flick_about {
	margin:0 0 10px;
}
/* yellow */
body#yellow div.twitter_box {
	background: #ffd63d;
}
body#yellow div.tweet_flick {
	background: #ffd63d url("images/tweet-flick-mask.png") left top no-repeat;
	/* hack for PNG display in IE*/
	* background: #ffd63d;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/tweet-flick-mask.png', sizingMethod='image');
	* height: 12px;
}
/* pink */
body#pink div.twitter_box {
	background: #c33c4e;
}
body#pink div.tweet_flick {
	background: #c33c4e url("images/tweet-flick-mask.png") left top no-repeat;
	/* hack for PNG display in IE*/
	* background: #c33c4e;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/tweet-flick-mask.png', sizingMethod='image');
	* height: 12px;
}
/* orange */
body#orange div.twitter_box {
	background: #61891a;
}
body#orange div.tweet_flick {
	background: #61891a url("images/tweet-flick-mask.png") left top no-repeat;
	/* hack for PNG display in IE*/
	* background: #61891a;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/tweet-flick-mask.png', sizingMethod='image');
	* height: 12px;
}

/* purple */
body#purple div.twitter_box {
	background: #845084;
}
body#purple div.tweet_flick {
	background: #845084 url("images/tweet-flick-mask.png") left top no-repeat;
	/* hack for PNG display in IE*/
	* background: #845084;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/tweet-flick-mask.png', sizingMethod='image');
	* height: 12px;
}

div.twitter_box p {
	font-size: 100%;
	line-height: 1.4;
	padding:0 0 5px;
	color:#000;
}
div.twitter_box p.with_image {
	float: left;
	width: 200px;
}
div.twitter_box p span {
	font-family: Arial, sans-serif;
	font-size: 65%;
	text-transform: uppercase;
	padding:5px 0 0 0;
	display: block;
	color: #fff;
}
/* links */
body#yellow div.twitter_box p a {
	color: #745b00;
	border-bottom: 1px dotted #745b00;
}
body#pink div.twitter_box p a {
	color: #4b000a;
	border-bottom: 1px dotted #4b000a;
}
body#orange div.twitter_box p a {
	color: #1c2c00;
	border-bottom: 1px dotted #1c2c00;
}

body#purple div.twitter_box p a {
	color: #3f173f;
	border-bottom: 1px dotted #3f173f;
}
body#yellow div.twitter_box p a:hover {
	border-bottom: 1px solid #745b00;
}
body#pink div.twitter_box p a:hover {
	border-bottom: 1px solid #4b000a;
}
body#orange div.twitter_box p a:hover {
	border-bottom: 1px solid #1c2c00;
}
body#purple div.twitter_box p a:hover {
	border-bottom: 1px solid #3f173f;
}




div.grey_box {
	padding:10px;
	margin:0;
	background: #ece9e9;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
div.blue_box {
	padding:10px;
	margin:0;
	background: #cce5ee;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}




div#action {
	background: #cce5ee; 
	border: 1px solid #a3c0cb; 
	text-align: center; 
	margin:0; 
	padding: 15px;
}

div#action p {color: #333; font-size: 125%; padding: 0 0 5px;}
div#action a {color: #2d81a9; border-bottom: 1px dotted #2d81a9;}
div#action a:hover {border-bottom: 1px solid #2d81a9;}

div.image_box { background: #ece9e9; }



/* home -------------------------- */

div#home_blog_wrapper {
	margin:0 0 40px 0;
	border-top: 1px solid #aaa;
	padding:40px 0 0 0;
}

div#home_slideshow {
	width: 940px;
	height: 290px;
	border: 10px solid #ece9e9;
	margin:0 0 40px -10px;
	overflow: hidden;
	position: relative;
}
div#home_slides_holder {
	width: 3000px;
	position: relative;
}
div#home_slideshow ul {
	margin:0 0 0 -505px;
	padding:0;
	position: absolute;
}
div#home_slideshow ul li {
	list-style:none;
	display: inline;
	float: left;
	width: 640px;
	height: 290px;
	margin:0; 
	padding:0;
	border-left: 5px solid #ece9e9;
	border-right: 5px solid #ece9e9;
	background: #ece9e9;
	position: relative;
}
div#home_slideshow ul li a {
	border: none;
}

div.slide_overlay {
	margin:-110px 0 0 90px;
	background: #000;
	background: rgba(0,0,0,.6);
	z-index: 10;
	width: 460px;
	position: relative;
}


div#slide_arrows {
	position:absolute;
	margin:180px 0 0 160px;
}
div#slide_left {
	float: left;
	width: 60px;
	margin:0 500px 0 0;
}
div#slide_right {
	float: left;
	width: 60px;
}

div#slide_left, div#slide_right {
  cursor: pointer;
  position:relative;
  z-index:10;
}


/* clients -------------------------- */

ul.client_logos {margin:5px 0 20px 0; padding:0; text-align: center;}
ul.client_logos li {display:inline;margin:0; padding:0;padding:0 10px;list-style:none}
ul.client_logos li img {margin:0 0 10px;}






/* main nav -------------------------- */

div#main_nav {float:right; width: 790px;}

div#main_nav ul {
  margin:7px 0 0 0;
  padding:0;
  font-size: 105%;
  letter-spacing: 1px;
  float:right;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
div#main_nav ul li {
  float:left;
  list-style:none;
  margin:0 0 0 10px;
  padding:0 0 0 5px;
  border:none;
}
div#main_nav ul li.selected {
  background:url("images/nav-select-left.png") no-repeat left top;
   color: #fff;
}
div#main_nav ul a {
  float:left;
  display:block;
  padding:2px 10px 5px 5px;
  text-decoration:none;
  color: #b7daf9;
  border-bottom:none;
}
div#main_nav ul li.selected a {
  background:url("images/nav-select-right.png") no-repeat right top; 
  color:#221814;
  margin:0;
  padding:2px 10px 5px 5px;
  color: #fff;
}
div#main_nav ul li a:hover {text-decoration: none; color: #fff;}









/* video overlay ------------------------ */

div#video_overlay_bg {position:fixed; top:0; left:0; z-index:99; width: 100%; height: 100%; background: url("images/new-black-70.png") repeat 0 0 transparent;}
* html div#video_overlay_bg {
		background: none;
		background-color: #000;
		opacity: .70;
		filter: alpha(opacity=70);
}
* html body {height: 100%;}

div#video_overlay_container {position:absolute; z-index:1005; left: 0; top: 60px; width: 100%;}
div#video_overlay {
	width: 680px;
	margin:0 auto; 
	border: 10px solid #000; 
	height: 509px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
}
div#video_overlay a {color: #ccc; border-bottom: 1px dotted #ccc;}
div#video_overlay a:hover {border-bottom: 1px solid #ccc;}

div#video_close_btn {position:absolute; margin: -32px 0 0 665px;}
div#video_close_btn a, div#video_close_btn a:hover {border:none;}
div#video_content {background: #000;height: 509px;}
div#video_content object, div#video_content embed {margin: 10px}






/* about -------------------------- */

div.who_box {background: #ece9e9; padding:10px; margin:0 0 20px;}
div.who_selected {background: #005180;}

div.who_box img {/*border: 1px solid #c5c5c5;*/ float:left; margin:0 15px 0 0;}
div.who_box p {
	padding:0; 
	position: relative;
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
}

ul#online_links {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
	margin:0; 
	padding:0; 
}
ul#online_links li {margin:0; padding:12px 0 12px 45px; list-style:none}

ul#online_links li.linkedin {background:url(images/linkedin-icon.png) no-repeat center left}
ul#online_links li.twitter {background:url(images/twitter-icon.png) no-repeat center left}
ul#online_links li.flickr {background:url(images/flickr-icon.png) no-repeat center left}
ul#online_links li.tumblr {background:url(images/tumblr-icon.png) no-repeat center left}
ul#online_links li.gowalla {background:url(images/gowalla-icon.png) no-repeat center left}
ul#online_links li.gigger {background:url(images/gigger-icon.png) no-repeat center left}
ul#online_links li.website {background:url(images/website-icon.png) no-repeat center left}

ul#history {
	margin:0 0 20px 0;
	padding:0;
}

ul#history li {
	margin:0;
	padding:5px 0;
	list-style: none;
	clear: right;
	border-top: 10px solid #ece9e9;
	
}
ul#history li.no_date {
	border-top: 1px solid #aaa;
	margin-left: 80px;
}
ul#history li strong {
	color: #000; 
	font-size: 110%; 
	margin:0; 
	padding-top: 2px; 
	font-family:Arial, sans-serif;
}
ul#history li span {
	float: right;
	width: 540px;
	padding:0 0 5px;
}


/* blog -------------------------- */

div.blog_item {
	margin:0;
}

div.blog_date_holder {
	float: left;
	width: 80px;
}
div.blog_text_holder {
	float: left;
	width: 540px;
}
div.blog_text_holder p {
	padding:0 0 10px;
}
div.blog_text_holder p.blog_author, p.blog_author {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 70%;
	border-top: 1px solid #aaa;
	padding:10px 0 40px 0;
}
div.blog_text_holder p.blog_author img, p.blog_author img {
	vertical-align: middle;
	border: 5px solid #ece9e9;
	margin:0 10px 0 0;
}

div.blog_date_box {
	margin:0 10px 0 0;
	background: #3b8dd3 url("images/date-rhs-flick.gif") right center no-repeat;
}
div.blog_date_box p {
	margin:0 10px 0 0;
	color: #fff;
	text-align: center;
	padding:7px 0;
	font-size: 110%;
}
div.blog_date_box p span {
	font-style: italic;
}

div.blog_box {
	margin:0 0 30px;
}
div.blog_box p {
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
	padding:0 0 10px;
}

ul.blog_categories {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
	border-left: 10px solid #ece9e9;
	margin:0 0 30px 40px;
	padding:0;
}
ul.blog_categories li {
	padding:8px 0 8px 20px;
	margin:0;
	list-style:none;
}
ul.blog_categories li.selected {
	background: url("images/blog-bullet.gif") left center no-repeat;
}

div.form_box {
	margin:0 0 40px;
}



/* services -------------------------- */

div.services_item {
	margin:0 0 10px;
}

div.services_image {
	float: left; 
	width: 140px;
	margin:0 20px 10px 0;
}
div.services_image img {
	border: 5px solid #ece9e9;
}
div.services_text {
	float: left; 
	width: 460px;
	margin:0 0 10px 0;
}







/* pagination -------------------------- */

div.pagination {border-bottom: 3px solid #ece9e9; margin: 0 0 20px 0;}
div.pagination p {font-size: 80%; padding:0;color: #425e6a;}
div.pagination ul {font-size: 100%; padding:0;color: #425e6a;}
div.pagination a {text-decoration: none;}
div.pagination a:hover {text-decoration: none;}

div.pag_left {float:left; width: 100px;}
div.pag_pages {float:left; width: 760px; text-align: center;}
div.pag_right {float:left; width: 100px; text-align:right;}

div.pag_pages ul {margin:0; padding:0;}
div.pag_pages ul li {margin:0; padding:0 10px; list-style: none; display:inline;}
div.pag_pages ul li.selected {font-weight:bold; color: #000;}





/* rhs -------------------------- */
ul.recent_posts {
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
}
ul.recent_posts li {
	margin:0;
	padding:0 0 10px;
	list-style: none;
}
ul.recent_posts li span {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 75%;
}

div.rhs_box {
	margin:30px 0 40px;
}




/* projects -------------------------- */

div#project_list_wrapper {
	margin:0 0 40px;
}

div.project_img {background: #ece9e9; margin:0 0 20px;}
div.project_img a, div.project_img a:hover {border:none;}

div.project_img img {margin:10px 0 10px 10px; /*border: 1px solid #c5c5c5;*/}
div.project_img p {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 70%;
	padding:0 0 10px 10px;	
}

div#testimonial_full {background: #d4e7ef url("images/speech-top-blue.png") no-repeat; padding: 15px 20px 5px;}
div#testimonial_full p {padding:0; line-height: 1.6; color: #575d60; font-size: 110%;}

div#testimonial_author_full {background: url("images/speech-btm-blue.png") top no-repeat; padding: 35px 0 0 0;}
div#testimonial_author_full p {color: #666; padding:0; font-size: 100%;}

#project_viewframe {
  width: 960px;
  overflow: hidden;
  height: 241px;
}
#project_slides {
  width: 2970px;
}
.projects {
  float: left;
  width: 990px;
}

ul#infographics {
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
}
ul#infographics li {
	margin:0;
	padding:10px 0 10px 80px;
	list-style: none;
	background-position: 0 25px;
	background-repeat: no-repeat;
	font-size: 80%;
}
ul#infographics li strong {
	font-size: 280%;
	margin-right: 7px;
	text-shadow: 0 1px 1px #fff;
}

ul#infographics li#edu {
	background-image: url("images/pct-edu-icon.gif");
}
ul#infographics li#staff {
	background-image: url("images/pct-user-icon.gif");
}
ul#infographics li#projects {
	background-image: url("images/pct-project-icon.gif");
}
ul#infographics li#files {
	background-image: url("images/pct-file-icon.gif");
}
ul#infographics li#posts {
	background-image: url("images/pct-post-icon.gif");
}




/* case study -------------------------- */

ol.case {
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
}
ol.case li {
	margin:0 0 0 30px;
	padding:0 0 10px 10px;
}

div.case_box {
	margin:0 0 40px;
}
div.case_box p {
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
	padding:0 0 10px;
}

div.case_image {
	margin:0 0 40px;
}


ul.pct_biglist {
	margin:10px 0 20px;
	padding:0;
	color: #000; 
	
}
ul.pct_biglist li {
	margin:0;
	padding:0 0 10px;
	list-style: none;
}
ul.pct_biglist li span.number {
	float: left;
	width: 60px;
	font-size: 200%;
	color: #999;
	line-height: 40px;
}
ul.pct_biglist li span.text {
	display: block;
	margin:0 0 0 60px;
}
ul.pct_biglist li span.text strong {
	font-family: Arial, sans-serif;
	font-size: 120%;
}

div#pct_arrow_prev {
	float: left;
	margin:161px 0 0 -18px;
}
div#pct_arrow_next {
	float: right;
	margin:161px -18px 0 0;
}

div#pct_arrow_prev a,
div#pct_arrow_next a,
div#pct_arrow_prev a:hover,
div#pct_arrow_next a:hover {
	border:none;
}


/* contact -------------------------- */

div.contact_box {
	margin:0 0 30px;
}
div.contact_box p {
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: #666;
	font-size: 100%;
	padding:0 0 10px;
}

div#map {background: #ece9e9; padding: 10px; margin:0;}
div#map_inner {height: 350px;}



div.warning {
	background: #f5e573;
	border: 1px solid #d5c761;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin:5px 0 10px;
}





/* extras ----------------------------------------*/

/* image gallery -------------------------- */
ul.image_gallery {margin:0; padding:0;}
ul.image_gallery li {display: inline; float:left; list-style: none; margin:0 15px 15px 0; padding:0; background:none;}
ul.image_gallery li img {border:1px solid #c8c7bb;}

/* flash ----------------------------------- */
div.flash_holder {
	padding:10px 10px 15px 10px;
	background: #ece9e9;
	margin:0 0 30px 0;
	}

/* images ---------------------------------- */
div.page_img {
	margin:0 0 20px 0;
	padding:10px;
	background: #ece9e9;
}
div.page_img_left {
	float:left; 
	margin:0 30px 20px 0; 
	width: 220px; 
	background: #ece9e9;
	text-align: center; 
	padding: 10px 0;
}
div.page_img_right {
	float:right; 
	margin:0 0 20px 30px; 
	width: 220px; 
	background: #ece9e9;
	text-align: center; 
	padding: 10px 0;
}
div.page_img_left img, div.page_img_right img {
	
}
div.page_img p, div.page_img_left p, div.page_img_right p {
	padding:10px 0 0;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 70%;
	text-align: left;
}
div.page_img_left p, div.page_img_right p {
	padding-left: 10px;
}

div.page_img_left a:hover img, div.page_img_right a:hover img {border: 1px solid #999;}





/* bottom -------------------------- */


ul#bottom_pics, ul#bottom_pics_full {margin:0; padding:0;}
ul#bottom_pics li {margin:0 15px 15px 0; padding:0; list-style: none; display:inline; float: left;}
ul#bottom_pics li.end {
	margin:0 0 15px;
}
ul#bottom_pics_full li {margin:0 11px 11px 0; padding:0; list-style: none; display:inline; float: left;}
ul#bottom_pics_full li.end {
	margin:0 0 11px;
}

ul#bottom_pics li a, ul#bottom_pics_full li a {border-bottom:none;}
ul#bottom_pics li a img, ul#bottom_pics_full li a img {/*border: 1px solid #666;*/border:none;}
ul#bottom_pics li a:hover img, ul#bottom_pics_full li a:hover img {/*border: 1px solid #999;*/border:none;}


div.tweet_for_colour p {
	padding: 0 0 5px;
	font-size: 100%;
	line-height: 1.4;
}
div.tweet_for_colour_flick {
	height: 12px;
	background: transparent url("images/grey-flick.png") left top no-repeat;
	/* hack for PNG display in IE*/
	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/grey-flick.png', sizingMethod='crop');
	* height: 12px;
}



/* footer -------------------------- */

div#footer {padding: 0 0 15px;}

div#footer p {color: #a9c0ca; font-size: 120%; padding:15px 0 10px 0;font-weight: bold; font-family: Arial, sans-serif;}
div#footer p.small {color: #8298a2; font-size:85%; padding:0;font-weight: normal; font-family: Georgia, serif;}
div#footer p.small a {color: #8298a2; border-bottom: 1px dotted #8298a2;}
div#footer p.small a:hover {border-bottom: 1px solid #8298a2;}


div#footer_facts {
	float: right; 
	width: 300px; 
	padding:20px 0; 
	border-left: 1px solid #284959;
}

div#footer #footer_facts p {
	color:#8298a2;
	line-height: 1.3;
	font-weight: normal; 
	font-family: Georgia, serif;
	font-size: 100%;
}
#footer_facts p strong {
	font-weight: normal;
	color: #a9c0ca;
	font-size:140%;
	line-height: 1.2;
}
#footer_facts a {
	color: #007fad;
	font-size:150%;
	text-decoration: none;
	padding:0 0 0 5px;
	line-height: 1.1;
	border:none;
}

/* hot air */
.footer_facts_hotair {
	background: url("images/hot-air.png") right top no-repeat;
}
div#footer .footer_facts_hotair p.first {
	padding:0 0 75px 25px;
}
div#footer .footer_facts_hotair p.second {
	padding:0 0 0 25px;
}

/* hoverboard */
.footer_facts_hover{
	background: url("images/hoverboard.png") right top no-repeat;
}
div#footer .footer_facts_hover p.first {
	padding:0 0 65px 25px;
}
div#footer .footer_facts_hover p.second {
	padding:0 0 0 25px;
}

/* mouse */
.footer_facts_mouse{
	background: url("images/mouse.png") right top no-repeat;
}
div#footer .footer_facts_mouse p.first {
	padding:0 0 60px 25px;
}
div#footer .footer_facts_mouse p.second {
	padding:0 0 0 25px;
}

/* eggs */
.footer_facts_eggs{
	background: url("images/eggs.png") right top no-repeat;
}
div#footer .footer_facts_eggs p.first {
	padding:0 0 45px 25px;
}
div#footer .footer_facts_eggs p.second {
	padding:0 0 0 25px;
}

/* saturn */
.footer_facts_saturn{
	background: url("images/saturn.png") right top no-repeat;
}
div#footer .footer_facts_saturn p.first {
	padding:0 0 35px 25px;
}
div#footer .footer_facts_saturn p.second {
	padding:0 0 0 25px;
}

/* iceberg */
.footer_facts_iceberg{
	background: url("images/iceberg.png") right top no-repeat;
}
div#footer .footer_facts_iceberg p.first {
	padding:0 90px 30px 25px;
	line-height: 1.7;
}

/* giraffes */
.footer_facts_giraffes{
	background: url("images/giraffe.png") right top no-repeat;
}
div#footer .footer_facts_giraffes p.first {
	padding:25px 0 15px 25px;
}
div#footer .footer_facts_giraffes p.second {
	padding:0 0 10px 25px;
}





/* fancy button  ---------------------------------------------- */
.fancy_button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.fancy_button:hover {
	text-decoration: none;
}
.fancy_button:active {
	position: relative;
	top: 1px;
}

.fancy_grey {
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
	border: solid 1px #999;
	background: #ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cfcfcf));
	background: -moz-linear-gradient(top,  #ececec,  #cfcfcf);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cfcfcf');
}
div.grey_box .fancy_grey, div.blue_box .fancy_grey {
	border: 1px solid #aaa;
}

.fancy_grey:hover {
	background: #cfcfcf;
	border: solid 1px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#ababab));
	background: -moz-linear-gradient(top,  #dbdbdb,  #ababab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#ababab');
}
.fancy_grey:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#dbdbdb));
	background: -moz-linear-gradient(top,  #ababab,  #dbdbdb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#dbdbdb');
}



/* Hs and Ps -------------------------- */
h1 {color: #000; font-size: 285%;margin:0 0 25px; padding: 0;line-height: 1.2; font-weight: bold; font-family: Arial, sans-serif;}
h1#home {margin:0 0 15px;}

div#wrapper_case_smc h1,
div#wrapper_case_pct h1 {
	margin:0;
	padding: 25px 10px 0;
	color: #fff;
}

h2 {
	color: #005180;
	font-size: 170%;
	font-family:Georgia, serif;
	font-weight: normal;
	padding:5px 0 0 0;
	margin: 0 0 15px;
	line-height: 1.2;
	border-top: 1px solid #a6bfcd;
}
h2 {
	color: #000; 
	font-family:Georgia, serif;
	font-size: 140%;
	line-height: 1.5;
	padding:0 0 20px;
	margin:0;
}
h2#case {
	color: #fff;
	border:none;
	margin: 80px 0 0 80px;
	width: 540px;
	font-size: 180%;
	font-style: italic;
}
h2#case_pct {
	color: #fff;
	border:none;
	margin: 80px 0 0 640px;
	font-size: 180%;
	font-style: italic;
}
h2.case_heading {
	color: #000; 
	font-size: 200%;
	text-align: center;
	margin:0 0 25px; 
	padding: 0 20px;
	line-height: 1.4; 
	font-weight: bold; 
	font-family: Arial, sans-serif;
	border:none;
}


h3 {
	color: #000; 
	font-size: 170%; 
	margin:0; 
	padding: 0 0 20px;
	line-height: 1.2; 
	font-family:Arial, sans-serif;
}
h3.tweet_for {
	background: url("images/twitter-bird.png") left top no-repeat;
	padding:0 0 0 50px;
	margin:0 0 20px;
	/* hack for PNG display in IE*/
	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://floatdesign.net/images/twitter-bird.png', sizingMethod='image');
	* height: 20px;
}
div.twitter_box h3, div.grey_box h3, div.blue_box h3, div#action h3, div.services_item h3, div.contact_box h3 {
	padding:0 0 10px;
	position: relative;
}
div.slide_overlay h3 {
	color:#fff;
	padding:5px 10px;
}
div.slide_overlay h3 a {
	color:#fff;
}
div.slide_overlay h3 span {
	font-size: 35%;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin:0 0 0 10px;
}
div.grey_box h3.rss {
	background: url("images/rss-icon.png") left top no-repeat;
	padding:0 0 10px 45px;
}


h4 {color: #000; font-size: 140%; margin:0; padding: 0 0 10px;line-height: 1.2; font-weight: normal;}

h4.warning_happy {
	color: #000; 
	font-size: 140%; 
	margin:20px 0; 
	padding: 10px 0 10px 40px;
	line-height: 1.2; 
	font-weight: normal;
	background: url("images/tick.png") 0 10px no-repeat;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
}

div.who_box h4 {
	padding: 0 0 5px; 
	position: relative; 
	color: #005180;
}


div.warning h4 {
	background: url("images/warning-icon.png") no-repeat;
	font-family:Arial, sans-serif;
	margin:0;
	padding:5px 0 5px 40px;
	font-size: 100%;
	color: #77500e;
}





p.right {text-align:right;}
p.center {text-align:center;}
p.float_right {float:right; padding:10px;}

p.home_btn {
	font-size: 110%;
	float: right;
	margin:-2px 0 0 0;
}

p.home_btn a {
	text-decoration: none;
	padding:5px 20px;
	color: #000;
}


p.title {color: #000; font-size: 150%;}
p.home_title {color: #000; font-size: 170%; line-height: 1.3; padding: 0 0 20px;}

p.home_title a {/*color: #666;*/text-decoration:none; border-bottom: 1px dotted #999; color: #000;}
p.home_title a:hover{/*color: #333;*/text-decoration:none;border-bottom: 1px solid #999;}

p.blog_date {
	color: #000; 
	font-size: 150%; 
	padding:0 0 5px;
	margin:0 0 10px;
	border-bottom: 1px solid #aaa;
}

p.back_top {float:right; margin:30px 0 0 0;font-size: 100%;font-family: Arial, sans-serif;}
p.back_top a {
	background: #0d5c81;
	color: #7dafc7;
	padding:5px 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	font-weight:bold; 
	text-decoration: none;
	border-bottom:none;
}

p.case_closed {
	padding: 20px 0 50px;
}



p.h2_more {float:right;font-size:80%; padding:10px 0 0 0;color: #425e6a; margin:0;}





span.tip {font-size: 80%; border-bottom: 1px dotted #425e6a; cursor: pointer;color: #007fad; vertical-align: middle;}
span.tip:hover {border-bottom: 1px solid #007fad;}

span.link {
	color: #006EAD;
}

blockquote {
	color: #000; 
	font-size: 125%;
	line-height: 1.5;
	border-left: 10px solid #ece9e9;
	padding:0 0 0 20px;
	margin:10px 0 40px 40px;
	font-style: italic;
}




/* images-------------------------- */

img.custom_left {float:left; margin:0 30px 20px 0;}
img.custom_right {float:right; margin:0 0 20px 30px;}


img.profile_image {
	border: 10px solid #ece9e9;
	margin:10px 0 30px;
}

img.pct_case_logos {
	margin:0 0 20px;
}
img.pct_case_stem_logo {
	margin:10px 0 0;
}
img.pct_screen {
	margin:0 0 20px;
}
img.pct_features {
	margin:10px 0 30px;
}


/* clears -------------------------- */
div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_border {clear: left;line-height: 0.1; height: 1px; border-bottom: 1px solid #aaa; margin:0 0 30px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}
div.clear_right {clear: right;line-height: 0.1; height: 1px;}
div.clear_both {clear: both;line-height: 0.1; height: 1px;}



/* forms --------------------------------------- */

form#blog_form {margin:0; padding:0;}

form#blog_form label {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
	font-weight: normal;
	display: inline;
	width: 200px;
	float: left;
	margin: 15px 10px 15px 0;
	clear: left;
}
form#blog_form label span {
	font-style: italic;
	font-size: 80%;
	color: #888;
}


/* inputs */
input.comment_text {
	font-family: Arial, sans-serif;
	margin: 10px 0;
	width: 370px; 
	background: #fff; 
	border: 1px solid #aaa; 
	padding: 3px 3px; 
	font-size: 15px;
	color: #000;
	-webkit-transition:background-color 0.5s linear;  
	-moz-transition:background-color 1s ease-in;  
   	-o-transition:background-color 1s ease-in;  
   	transition:background-color 1s ease-in; 
}

input.comment_security_text {
	font-family: Arial, sans-serif;
	margin: 10px 10px 10px 0;
	width: 150px; 
	background: #fff; 
	border: 1px solid #aaa; 
	padding: 3px 3px; 
	font-size:15px;
	color: #000;
	-webkit-transition:background-color 0.5s linear;
	-moz-transition:background-color 1s ease-in;  
   	-o-transition:background-color 1s ease-in;  
   	transition:background-color 1s ease-in;
}


/* textareas */
textarea.comment_textarea {
	font-family: Arial, sans-serif;
	margin: 10px 0;
	width: 370px; 
	background: #fff; 
	border: 1px solid #aaa; 
	padding: 3px 3px; 
	font-size: 15px;
	color: #000;
	-webkit-transition:background-color 0.5s linear;
	-moz-transition:background-color 1s ease-in;  
   	-o-transition:background-color 1s ease-in;  
   	transition:background-color 1s ease-in;
}


/* focuses */
div.grey_box input.comment_text:focus, div.grey_box input.comment_security_text:focus, div.grey_box textarea.comment_textarea:focus{   
 	background:#d4cfcf;  
} 

div.blue_box input.comment_text:focus, div.blue_box input.comment_security_text:focus, div.blue_box textarea.comment_textarea:focus{   
 	background:#adcad4;  
}  


/* error classes */
input.error, textarea.error {
  border: 5px solid #f8887a;
}

/* buttons --------------------------------------- */


input.submit_btn {
	color: #000; 
	background: #e9e9e8 url("images/home-btn-bg.png") repeat-x;
	border:1px solid #bababa;
	padding: 5px 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-family: Georgia, serif;
	font-size: 100%;
	margin:10px 0 10px 210px;
	cursor: pointer;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #d4c24a;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff7c2;
	padding: 5px;
	opacity: 0.95;
	width: 250px;
	font-size: 90%;
}

code {
  white-space: pre-wrap;
  background: #ECE9E9;
  padding: 0 16px 16px 16px;
  margin: 0 0 16px 0;
  display: block;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-family: monospace;
}

div#video_overlay_bg {position:fixed; top:0; left:0; z-index:99; width: 100%; height: 100%; background: url("images/new-black-70.png") repeat 0 0 transparent;}
* html div#video_overlay_bg {
		background: none;
		background-color: #000;
		opacity: .70;
		filter: alpha(opacity=70);
}
* html body {height: 100%;}

div#video_overlay_container {position:absolute; z-index:1005; left: 0; top: 60px; width: 100%;}
div#video_overlay {
	width: 680px;
	margin:0 auto; 
	border: 10px solid #000; 
	height: 509px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
}
div#video_overlay a {color: #ccc; border-bottom: 1px dotted #ccc;}
div#video_overlay a:hover {border-bottom: 1px solid #ccc;}

div#video_close_btn {position:absolute; margin: -32px 0 0 665px;}
div#video_close_btn a, div#video_close_btn a:hover {border:none;}
div#video_content {background: #000;height: 509px;}
div#video_content object, div#video_content embed {margin: 10px}
#alert{
	background:#ffe56c;
	border:2px solid #f7c95a;
	padding:5px;
	margin:20px 0 0 0;
}

#alert p{
	font-weight:normal;
	padding:5px;
	color:#9a5b00;
}

#alert a, #alert span{
	font-weight:bold;
	color:#9a5b00;
	
}
#alert a{border-bottom: 1px dotted #9a5b00;}
#alert a:hover {border-bottom: 1px solid #9a5b00;}