* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}


body {
background: #1c1c1c;
color: #ffffff;
font-size:11pt;
line-height:15pt;
font-family: 'Helvetica', 'Verdana', sans-serif;
}
p{margin-bottom:0.8em;}
/*a{color:#F4D748; text-decoration: none;}  
a:hover{color:#74C534;}*/

a{color:#43a7c0; text-decoration: none;}	
a:hover{color:#A6F45C;}

div.team{padding:10px; border:1px solid;}
div#header{
  background: #8cb1bd url(http://s3.amazonaws.com/getcolumbo/images/header.png) no-repeat;
/*  background: #8cb1bd url(../images/header.png) no-repeat;*/
  height: 169px;
}
div#columbo{
  height:171px;
/*  width:915px;*/
  background: transparent url('http://s3.amazonaws.com/getcolumbo/images/columbo_bookmarklet.png') no-repeat;
  margin: 0 0 0 85px;
  padding: 75px 0 0 220px;
}
div#content{
  padding:15px 0 0 35px;
}
div#bookmarklet{



}
h1{font-size: 1.2em; margin-bottom:0.5em; margin-top:10px;}
.left{float:left;}
.right{float:right;}
.clear{clear: both;}
.paragraph{width:400px; font-size:1.0em; margin:20px 60px 20px 20px}


a.bm:link, a.bm:visited, a.bm:hover {
  color: transparent;
  text-decoration: none;
  font-size: 8.0em;
}


div#sponsors{padding:10px 0; border-top: 2px solid #555; margin-left:-5px;}
.sponsor{
  cursor: pointer;
  margin:5px;
  text-indent: -1000px;
}
.ruby{
  height: 50px;
  width: 40px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/ruby.png") no-repeat;
}
.heroku{
  height: 50px;
  width: 130px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/heroku.png") no-repeat;
}
.ci{
  height: 50px;
  width: 200px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/ci.png") no-repeat;
}
.github{
  height: 54px;
  width: 91px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/github.png") no-repeat;
}
.ubermajestix{
  height: 54px;
  width: 48px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/ubermajestix.png") no-repeat;
}
.larrimore{
  height: 54px;
  width: 153px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/larrimore.png") no-repeat;
}

h1#detective{
  margin-left:-8px;
  text-indent: -1000px;
  height: 28px;
  width: 183px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/detective.png") no-repeat;
}
h1#why{
  margin-left:-10px;
  text-indent: -2000px;
  height: 28px;
  width: 236px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/why.png") no-repeat;
}
h1#who{
  margin-left:-10px;
  text-indent: -2000px;
  height: 28px;
  width: 123px;
  background: transparent url("http://s3.amazonaws.com/getcolumbo/images/who.png") no-repeat;
}


#main {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 25px;
	clear:both;
	background: #1c1c1c;
  color: #aaa;
	padding:10px 10px 0;
	font-size:0.7em;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */