/* HTML Tag Redefinition */
html, body {
	height: 100%;
}
body {
	background: #f2f2f2 url(http://www.katalysis.net/themes/katalysis/images/big-bg.png) repeat-x fixed center center;
	text-align: center;
	padding: 0px;
	margin: 0px;
	color: #151816;
}

img {border: 0px}
a { cursor:pointer;}


/* Page Structure */
#page{
	margin: 0 auto;
	text-align:left;
	position: relative;
	min-height: 100%;
	width:100%;
}
/*#page .inner {
	margin: 0px;
}*/
#page #central{
	clear:both;
	width:900px;
	margin: 0 auto;
	padding-bottom: 100px;
}

/* HEADER */

#page #headerSpacer{ height:64px }

#page #header{
	position:relative;
	height: 110px;
	margin: 0 auto 10px auto;
	z-index:10;
	width:900px;
} 
#page #header .inner-left {
	margin-bottom: 0px;
	padding: 5px 0px 0 0;
	width: 300px;
	float: left;
}
#page #header .inner-right {
	width: 500px;
	float: right;
	margin-bottom: 40px;
}
#page  #header  .share-panel {
	float:right;
	width:150px;
	text-align:center;
	padding: 4px;
	background: url(http://www.katalysis.net/themes/katalysis/images/share-panel-bg.gif) no-repeat bottom;
}
#page #header li {
	background-image: url(http://www.katalysis.net/themes/katalysis/none);
	padding-left: 0px;
	margin-bottom: 0px;
}

/* CONTENT AREAS */

/* First Level Content Areas */

#page #central #top {
	margin: 0px 0px 10px 0px;
	display:inline;/* IE6 Fix */
}
/* Mid Level Content Areas */
#page #central #body {
	float: left;
	margin-left: 0px;
	display:inline;/* IE6 Fix */
}
#page #central #body .inner {
	padding: 0 0 15px 0px;
}
#page #central #left_sidebar {
	width: 210px;
	float: left;
	display:inline;/* IE6 Fix */
}
#page #central #left_sidebar .inner{
	float: left;
	width: 100%;
	margin: 0;
}
/* Adjustment for left sidebar layout */
#page #central #body.left-sidebar {
	width: 600px;
	margin-left: 40px;
}
#page #central #container {
	padding: 15px;
}
#page #central #right_sidebar {
	width: 350px;
	float: right;
	display:inline;
}
#page #central #right_sidebar .inner{
	margin: 0;
	padding: 0 0 15px 0;
}
/* Adjustment for right sidebar layout */
#page #central #body.right-sidebar {
	width: 500px;
}
/* Bottom Level Content Areas */
#page #bottom_container {
	width:900px;
	margin:0 auto;
}
#page #bottom_container #bottom_left {
	width: 480px;
	float: left;
}
#page #bottom_container #bottom_right_sidebar {
	width: 340px;
	float: right;
}
/* FOOTER */
#footer{
	clear:both;
	background: #a0a4a5 url(http://www.katalysis.net/themes/katalysis/images/footer-bg.png) repeat-x;
	position: absolute;
	bottom: 0px;
	width:100%;
}
#footer .inner{
	font-size:11px;
	margin: 10px auto;
	text-align: center;
	width: 900px;
}
#footer a{
	text-decoration:none;
}
#page #footer span.sign-in, #page #footer span.credit {margin-left: 20px}


/* BLOG */
.blog-post-envelope {
	display: block;
	width: 110px;
	float: left;
	text-align: center;
	height: 300px;
}
.blog-post-envelope span {
	display: block;
	text-align: center;
	margin-top: 6px;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 4px;
}
.blog-post-envelope .date span {
	margin: 16px 0  8px;
	color: #000000;
	font-weight:bold;
}
.blog-post-envelope .date {
	color: #FFFFFF;
	font-size: 18px;
}
.blog-post-envelope .author {
	text-align: right;
	margin: 12px 0 60px;
}
#page #blog-post #central #body .inner .blog-post .blog-post-envelope .author {
	margin-left: 15px;
}
#page #blog-post #central #body .inner .blog-post .ccm-blog-content #blog-tags {
	margin-bottom: 20px;
}
.blog-post-envelope  .comment {
	text-align: right;
}
#page .blog #central #right_sidebar {
	width: 230px;
	background-image: url(http://www.katalysis.net/themes/katalysis/images/blog-rhpanel-bg-top.png);
	background-repeat: no-repeat;
}
#page .blog #central #right_sidebar .inner {
	background: url(http://www.katalysis.net/themes/katalysis/images/blog-rhpanel-bg-bottom.png) no-repeat bottom;
	padding: 8px 8px 15px;
}
#page .blog #central #body {
	width: 620px;
}
#page #blog-post #central #body {
	background-image: url(http://www.katalysis.net/themes/katalysis/images/blog-panel-date.png);
	background-repeat: no-repeat;
}
#page .blog .ccm-blog-content {
	float:right;
	width: 490px;
}
#page .author {
	background: url(http://www.katalysis.net/themes/katalysis/images/author.gif) no-repeat left center;
	text-align: left;
	padding-left: 16px;
	font-weight: bold;
}
#page .ccm-blog-blog-post .ccm-blog-blog-post-envelope .ccm-blog-blog-post-comment-counter {
	background: url(http://www.katalysis.net/themes/katalysis/images/comments.gif) no-repeat left center;
	padding-left: 18px;
	width: 80px;
	float: right;
}
#page .ccm-blog-blog-post .ccm-blog-blog-post-envelope {
	margin-left: 55px;
}
#page #central #body .inner .ccm-blog-blog-post .ccm-blog-blog-post-envelope .author {
	font-weight: bold;
}
#page .blog-month {
	margin-left: 20px;
}

/* Call to Action Buttons*/
#page .calltoaction  {
	margin: 0px 0 12px 0;
}
#page .calltoaction ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#page .calltoaction li {
	float: left;
	margin: 0 14px 0 0px;
	height: 80px;
	width: 290px;
}
#page .calltoaction .tell-me {
	margin-right:0px;
}
#page .calltoaction li a{
	height: 80px;
	width: 290px;
	display:block;
	text-indent: -900%;
  	position: absolute;
  	outline: none;
}
#page .calltoaction li a:hover{
	background-position: left bottom;
}
#page .calltoaction .call-me a{
	background-image: url(http://www.katalysis.net/themes/katalysis/images/call-me.png);
}
#page .calltoaction .lets-meet a{
	background-image: url(http://www.katalysis.net/themes/katalysis/images/lets-meet.png);
}
#page .calltoaction .tell-me a {
	background-image: url(http://www.katalysis.net/themes/katalysis/images/tell-me.png);
}

/*MODAL BOXES*/
#mask {
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:9000;/* Z-index of #mask must lower than #boxes .window */
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  width:420px; 
  height:560px;
  z-index:9999;
  display:none;
  padding:20px 40px;
}
#boxes .window .close {
  height: 30px;
  width: 24px;
  margin-right:10px;
  background-image:url(http://www.katalysis.net/themes/katalysis/images/window-close.png);
  background-position: top left;
  float: right;
  display: block;
  text-decoration: none;
}
#boxes .window .close:hover {
  background-position: bottom left;
}
#boxes .window .clear {
	clear: both;
	height:1px;
}
/* Modal windows */
#boxes #call-me {
  background-image:url(http://www.katalysis.net/themes/katalysis/images/form-panel-callme.png);
  opacity:1;
}
#boxes #lets-meet {
  background-image:url(http://www.katalysis.net/themes/katalysis/images/form-panel-letsmeet.png);
  opacity:1;
}
#boxes #tell-me-more {
  background-image:url(http://www.katalysis.net/themes/katalysis/images/form-panel-spark.png);
  opacity:1;
}

/* MISC STYLES & SHORTCUTS */

/* Links */

.link-casestudy {
	background: url(http://www.katalysis.net/themes/katalysis/images/menu-case.png) no-repeat;
	padding-left: 30px;
}
.link-rss {
	background: url(http://www.katalysis.net/themes/katalysis/images/icon-rss.png) no-repeat;
	padding-left: 24px;
}
#page #central li.block-link a {
	background: #f0f0f0 url(http://www.katalysis.net/themes/katalysis/images/arrow.png) no-repeat 6px center;
	display: block;
	padding: 3px 3px 3px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size:.85em;
	margin-bottom: 3px;
}
#page #central li.block-link a:hover {
	background: #f0f0f0 url(http://www.katalysis.net/themes/katalysis/images/arrow-over.png) no-repeat 6px center;
}
.dialog .content .link-twitter {
	background: url(http://www.katalysis.net/themes/katalysis/images/icon-twitter.png) no-repeat;
	padding-left: 24px;
	height: 20px;
	padding: 0px 0px 4px 24px;
}

div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer, div.ccm-spacer{ clear:both; font-size:1px; line-height:1px; height:1px; }
.noTopSpace{margin-top:0px; padding-top:0px}

.ccm-page-list .rssIcon {
	text-align: right;
}

#page #at15s {
	border-top-width: 0px;
}

/* Table styles */
#page #central #body .inner tr {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#page #central #body .inner td {
	padding: 4px;
}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

.twocolumn {
	width: 50%;
	float: left;
}
.fourcolumn {
	width: 200px;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #999999;
	font-size: 90%;
}
.fourcolumn h3{
	margin-top: 0px;
}
#listLabel {
 margin: 0 0 0 3px;
 display: none;
 clear: both;
}
/* Location dependent style adjustments */
#page #central #left_sidebar p {
	font-size: .9em;
	line-height: 1.6em;
}

#page #central #top #cu3er-container {
	margin-bottom: 20px;
}
#page #central #body .inner .ccm-image-block {
	margin-bottom: 16px;
}
#page #central #right_sidebar #googleMapCanvas105 {
	margin-bottom: 16px;
}
.ccm-SlideshowBlock-display {
	margin-bottom: 10px;
}
/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* DIALOG PANELS */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1200px; /* based on image dimensions */
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background-position:top right;
 background-repeat: no-repeat;
 background-color: transparent;
}
.panel1 .dialog .content,
.panel1 .dialog .t,
.panel1 .dialog .b,
.panel1 .dialog .b div {
 background-image:url(http://www.katalysis.net/themes/katalysis/images/panel1-bg.png);
}
.panel2 .dialog .content,
.panel2 .dialog .t,
.panel2 .dialog .b,
.panel2 .dialog .b div {
 background-image:url(http://www.katalysis.net/themes/katalysis/images/panel2-bg.png);
}
.panel-concrete5 .dialog .content,
.panel-concrete5 .dialog .t,
.panel-concrete5 .dialog .b,
.panel-concrete5 .dialog .b div {
 background-image:url(http://www.katalysis.net/themes/katalysis/images/panel-concrete5-bg.png);
 color: #FFFFFF;
}
.panel-concrete5 .dialog h2 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #3cc2ec;
}
.panel-concrete5 .dialog a {
	color: #3cc2ec;
}
.dialog .content {
 position:relative;
 zoom:1;
 padding:0px 20px 0px 0px;
}
.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 background-position:top left;
}
.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}
.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}
.dialog .b {
 background-position:bottom right;
}
.dialog .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}
.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}
.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.dialog h1,.dialog h2,.dialog h3,.dialog h4 {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:.8em 0px .3em 0px;
}
.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:.5em 0px 0em 0px;
}

/* TWITTER BLOCK */

.twitterList { margin-bottom:0px; }
.twitterList .tweetItems { clear:left; }
.twitterList .tweetItems .tweetItem { line-height:130%;padding-bottom:6px }
.twitterList .tweetItems .tweetItem .tweetText{ font-weight:normal }
.twitterList .tweetItems .tweetItem .tweetTime{ font-weight:normal;font-style:italic;color:#999999 }