/*Float Styles*/
.floatwrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.floatwrapper {display:inline-block;}
/* Hide from IE Mac \*/
	.floatwrapper {display:block;}
/* End hide from IE Mac */
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clear{
	clear:both;
}
/*Ditch the padding everywhere, cuz IE is teh suck*/
* 
{
	padding:0;
}
img{border:none;}
h1,h2,h3,h4,h5,p{
	margin:0;
}
body{
	background:#000;
	text-align:center;
	margin:0;
	color:#FFF;
}
a{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#FFF000;
}
.green{
	color:#C0D54D;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
#badge a{
  display:block;
  height:156px;
  width:208px;
  position:absolute;
  top:0;
  left:0;
  background:url(../images/badge.png) no-repeat;
  text-indent:-9999px;
  z-index:999;
}
/*for centering*/
#container{
	width:900px;
	margin:0 auto;
}
/*Header*/
div#header {
	font-family:'Courier New','courier',serif;
}
div#header #logo {
	height:70px;
	display:block;
	font-weight:bold;
	width:280px;
	margin:0 auto;
	text-indent:-9000px;
	background:#191919 url(../images/logo_weknowhtml.gif) no-repeat center;
}
div#header ul{
	padding:0;
	margin:30px 10px 10px 10px;
}
div#header ul li{
	display:inline;
	font-size:18px;
	font-weight:bold;
	padding:10px 15px;
}
div#header ul li.active {
	background:#0D0D0D;
}
div#header ul li.active a{
	color:#FFF000;
}
div#contents{
	background:#0D0D0D;
	height:200px;
	padding-top:13px;
	text-align:left;
	width:900px;
}
/*The banner space*/
div#banner {
	height:205px;
	background:url(../images/banner_pattern.gif);
	position:relative;
}
/*switching of the banner graphic per section*/
body#different div#banner {
	background:url(../images/silhouettes_bg.gif) no-repeat;
}
body#offer div#banner{
	background:url(../images/mouse_bg.jpg) no-repeat;
}
body#work div#banner{
	background:url(../images/work_bg.jpg) no-repeat;
}
body#contact div#banner{
	background:url(../images/graffiti_bg.jpg) no-repeat;
}
/*switching of callout positioning and sytling per section*/
div#banner .callout{
	font-family:Tahoma;
	color:#C0D54D;
	font-weight:normal;
	font-size:20px;
	background:#030303;
	padding:25px 25px 25px 125px;
	position:absolute;
}
body#home div#banner .callout{
	top:48px;
	left:15px;
	width:450px;
	text-align:right;
}
body#different div#banner .callout{
	top:48px;
	left:340px;
	padding-left:25px;
	width:385px;
}
body#offer div#banner .callout{
	top:28px;
	left:60px;
	background:none;
	padding-left:25px;
	width:400px;
}
body#work div#banner .callout{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	top:48px;
	left:15px;
	width:450px;
	padding-left:25px;
}
body#contact div#banner .callout{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	top:48px;
	left:0px;
	width:450px;
	padding-left:25px;
}
/*Gomer!*/
#frog{
	position:absolute;
	top:0px;
	left:-27px;
}
/*Horizontal Rules*/
div.doubledotted {
	background:url(../images/double_dottedrule.gif) repeat-x;
	height:5px;
}
div.doubledotted hr {
	display:none;
}
div.singledotted {
	background:url(../images/single_dottedrule.gif) repeat-x;
	height:1px;
	margin-bottom:5px;
}
div.singledotted hr {
	display:none;
}
/*Sets up the "body" section*/
div#body{
	background:#090909;
	padding-left:30px;
	padding-top:20px;
	position:relative;
	font-family:Tahoma;
	font-size:13px;
}
div#body p{
	margin-bottom:10px;
}
div#body a{
	text-decoration:underline;
}
div#body h2{
	font-size:18px;
	color:#FFF000;
	font-weight:normal;
	background:#090909;
	position:absolute;
	margin-left:-10px;
	top:-20px;
	padding:5px 15px;
}
/*Left Column setup*/
#column h3, #column h3 a {
	font-size:18px;
	color:#FFF000;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
}
#column dl.services {
	width:400px;
}
#column dl.services dt {
	font-size:16px;
	color:#D1E75A;
	font-weight:normal;
	margin-bottom:5px;
}
#column dl.services dd {
	margin:0;
	padding:0;
	margin-bottom:15px;
}
div#columnWrapper{
	margin-top:-20px;
}
/*Left Column (main contents)*/
div#body #column {
	width:410px;
	margin-left:5px;
	margin-top:20px;
	padding-bottom:10px;
}
/*Bullet Points on Homepage*/
ul.points{
	margin-left:50px;
}
ul.points li {
	margin:20px 0;
	list-style:none;
}
ul.points li a{
	text-decoration:underline;
	padding:3px 20px 6px 25px;
	background:#161616 url(../images/bullet_points.gif) no-repeat left;
	display:block;
	width:200px;
}
/*Sidebar*/
div#sidebar {
	background:#191919;
	width:355px;
	margin:0;
	padding:20px;
	margin-bottom:10px;
	position:relative;
}
div#sidebar div{
	margin-left:-5px;
}
div#sidebar h2{
	background:#191919;
	margin-left:-20px;
	position:absolute;
}
div#sidebar h3 {
	font-size:18px;
	color:#FFF000;
	font-weight:normal;
}
/*What Makes Us Different Sidebar*/
div#sidebar ul.points{
	margin-left:10px;
}
div#sidebar ul.points li{
	background:url(../images/sidebar_bullet_points.gif) no-repeat left -2px;
	padding-left:25px;
	font-size:12px;
}
div#sidebar ul.points li h3{
	color:#D1E75A;
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:16px;
}
/*Call To Action spots*/
.action {
	width:350px;
	margin:10px;
}
.action img {
	margin-right:10px;
	margin-left:5px;
	margin-top:5px;
}
.action p {
	margin-left:60px;
	display:block;
}
/*Case Studies on Home Page*/
#cases img {
	border:solid 3px #2F2F2F;
	padding:4px;
	margin-top:5px;
}
#cases h3{
	font-size:16px;
	font-weight:normal;
}
#cases .desc {
	margin-left:115px;
	margin-right:15px;
}
a.viewCase {
	color:#81B5DD;
	font-size:14px;
	display:block;
	padding:10px 0;
	border-bottom:solid 2px #2F2F2F;
	margin-bottom:10px;
	padding-left:15px;
	background:url(../images/icon_viewcase.gif) no-repeat 0 14px;
}
a.viewCase:hover{
	color:#FFF;
}
/*Case Details*/
div#caseDetails img.head{
	border:solid 4px #2F2F2F;
	display:block;
	margin-bottom:10px;
}
div#caseDetails blockquote {
	background:url(../images/blockquote_bg.gif) no-repeat;
	margin:0;
	width:390px;
	padding:30px;
	margin-left:-10px;
}
div#caseDetails blockquote span {
	display:block;
	font-size:16px;
	text-align:right;
	font-weight:bold;
}
dl.summary dt{
	color:#D1E75A;
	font-size:14px;

}
dl.summary dd{
	margin-left:100px;
	margin-top:-16px;
	margin-bottom:25px;
}
dl.summary dd ul {
	margin-top:10px;
	margin-left:10px;
}
dl.summary dd ul li {
	margin-bottom:20px;
	list-style: square;
	color:#D1E75A;
}
dl.summary dd ul li span {
	color:#FFF;
}
/*Lists*/
ul.clientList, ul.technologyList, ul.genericList {
	margin-top:10px;
	margin-left:25px;
}
ul.clientList li, ul.technologyList li, ul.genericList li {
	margin-bottom:5px;
	list-style: square;
	color:#D1E75A;
}
ul.clientList li span, ul.technologyList li span, ul.genericList li span {
	color:#FFF;
}
/*Case Study Thumbnail List*/
ul.caseThumbs{
	margin:0px 10px 0px 0px;
	padding:0;
}
ul.caseThumbs li {
	list-style: none;
	padding:15px 0 15px 20px;

}
ul.caseThumbs li.active{
	background:#262626;
}
ul.caseThumbs li div.desc{
	border:solid 1px #191919;
	padding-left:70px;
}
ul.caseThumbs li.active div.desc {
	border:solid 1px #262626;
}
ul.caseThumbs li h3 {
	color:#FFF;
	font-size:16px;
}
ul.caseThumbs li img {
	border:solid 2px #303030;
	padding:1px;
	background:#000;
}
ul.caseThumbs li.active img {
	border:solid 1px #000;
	padding:2px;
	background:#303030;
}
ul.caseThumbs li div.desc a{
	border:none;
	padding-bottom:0;
}
/*Get In Touch*/
/*Contact Info-Microformats yay!*/
ul.vcard{
	margin:0;
}
ul.vcard li{
	margin:0 10px 10px 0;
	padding:0;
	color:#D1E75A;
	display:block;
	list-style-type: none;
}
ul.vcard li.tel, ul.vcard li.email, ul.vcard li.addr{
	color:#FFF;
	display:block;
	margin-left:60px;
	margin-top:-25px;
}
/*Contact Form*/
#loadBar, #emailSuccess, #blankfields,#finishIt{
	text-align:center;
}
fieldset { 
	border:0;
	margin:0;
	padding:0; 
	margin-left:50px;
}
fieldset label,fieldset input {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:0;

}
fieldset label {
	text-align: left;
	width: 35px;
	color:#D1E75A;
	margin-top:2px;
	margin-left:10px;
}
fieldset br {
	clear: left;
}
fieldset input.text, fieldset textarea { 
	font:12px/12px 'Tahoma',courier,monospace;
	color:#333;
	padding:4px;
	margin:1px 0;
	border:none; 
	display:block;
	width:224px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	background:#FFF url(../images/textfield_bg.gif) no-repeat;
}
fieldset #msgLabel{
	width:150px;
	display:block;
}
fieldset textarea {
	margin-left:15px;
	width:268px;
	height:119px;
	overflow:hidden;
	background:#FFF url(../images/textarea_bg.gif) no-repeat;
}
fieldset .submit { 
	font:bold 12px/12px verdana,arial,sans-serif; 
	margin-left:210px;
	cursor: pointer;
}
/*Footer Styles*/
#footer{
	background:url(../images/footer_bg.gif);
	margin:0 10px 0 -20px;
	padding:0 0 15px 0;
	text-align:center;
	font-size:12px;
}
#footer ul li{
	display:inline;
	margin-left:25px;
}
#footer #copy{
	font-size:12px;

}
/*Forces vertical scrollbar always in firefox to get rid of the horizontal jump*/
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
/*Bloggy Styles*/
div.hfeed div#banner h1.callout {
	text-align:right;
}
div.hfeed div#banner h1.callout a{
	color:#C0D54D;
}
h2.home-link a {
	color:#FFF000;
	text-decoration: none;
	font-weight:bold;
}
abbr {
	border:none;
}
div#column h3.entry-title{
	padding-bottom:0;
	margin-bottom:0;

}
div#column h3.entry-title a{
	text-decoration:none;
	color:#D1E75A;
	font-size:25px;
	font-weight:bold;
	text-transform: lowercase;
	font-variant: small-caps;
}
.entry-meta,.entry-date {
	font-size:10px;
}
div#column div.navigation div a{
	margin:20px;
	text-decoration:none;
}
div.nav-previous{
	text-align:right;
}
div.nav-next{
	text-align:right;
}
div#primary.sidebar {
	margin-top:-15px;
}
div#primary div.action{
	width:100%;
}
#searchform input#s{
	font:12px/12px 'Tahoma',courier,monospace;
	color:#333;
	padding:4px;
	margin:1px 0;
	border:none; 
	display:block;
	width:224px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	background:#FFF url(../images/textfield_bg.gif) no-repeat;
}
#searchform input#searchsubmit {
	padding-left:4px;
	padding-top:1px;
}
label.feed span {
	display:block;
	margin-top:-16px;
	margin-left:25px;
}