body{
	background-color:black;
	font: 11px helvetica, verdana,  Arial, sans-serif;
	background-image:url(http://www.explodingmonkey.com/newsite/images/bg_pattern.gif);
color:#CCCCCC;
}
a:link{
font: 11px  helvetica, verdana,  Arial, sans-serif;
color:#cccccc;
text-decoration:none;

}
#footer{
width:900px;
margin: 50px 0 0 0px;
text-align:center; 
float:left;
}

a:active{
font-weight:bold;
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#cccccc;
text-decoration:none;
}
a:visited{
font-weight:bold;
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#cccccc;
text-decoration:none;
}
a:hover{
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#cccccc;
text-decoration:underline;
font-weight:normal;
}
#container{
	width:900px;
	margin:10px 0 0 50px;
	position:absolute;
}
#top_background{
	width:900px;
	height:85px;
	background-color:#FFFFFF;
margin:0 0 20px 0;
}
#top_background_home{
	width:900px;
	height:85px;
	background-color:#FFFFFF;
margin:0 0 1px 0;
}
.branding{
	margin:44px 0 13px 9px;
	width:378px;
	height:28px;
	float:left;
}
.menu1{
	width:281px;
	height:17px;
	margin:54px 9px 1px 0px;
	float:right;
	
}

#slideshow{
        margin:0 0 0px 0;
	width:900px;
	height:250px;
}

.blockcontainer{
	width:629px;
	height:141px;
	float:left;
	text-align:left;
	position:relative;
	margin-bottom:10px;
}

.blockcontainer .blockimage{
	width:223px;
	height:141px;
	float:left;
	margin-right:1px;
}

.blockcontainer .blocktitle{
	width:315px;
	height:27px;
	float:left;
	margin-bottom:1px;
}

.blockcontainer .blockbody{
	width:395px;
	height:75px;
	float:left;
	padding:9px 5px 9px 5px;
	background-color:#323232;
}
.blockcontainer .blockvisitproject{
	width:75px;
	height:19px;
	float:left;
	margin-top:1px;
}

.blockcontainer_noimage{
	width:900px;
	/*height:141px;*/
	float:left;
	text-align:left;
	position:relative;
	margin-bottom:10px;
}

.blockcontainer_noimage .blockbody{
	width:619px;
	/*height:75px;*/
	float:left;
	padding:9px 5px 9px 5px;
	background-color:#323232;
}
.blockcontainer_noimage .blocktitle{
	width:315px;
	height:27px;
	float:left;
	margin-bottom:1px;
}
.blockcontainer_noimage .blockvisitproject{
	width:75px;
	height:19px;
	float:left;
	margin-top:1px;
}

.blockcontainer_noimage .clientlist{
	width:900px;
	float:left;
	padding:0px 5px 9px 0px;
}
.blockcontainer_noimage .clientlist .clientlogo{
	height:100px;
width:100px;
	float:left;
	padding:0px 5px 9px 0px;
}
.blockcontainer_noimage .clientlist .clientname{
width:100px;
height:30px;
	padding:0px 0px 10px 0px;
	}

.blockcontainer_about{
	width:420px;
	float:left;
	text-align:left;
	position:relative;
	margin-bottom:10px;
}
.blockcontainer_about .blockbody{
	width:624px;
	float:left;
	padding:9px 5px 9px 5px;
	background-color:#323232;
}
.blockcontainer_about .blocktitle{
	width:315px;
	height:27px;
	float:left;
	margin-bottom:1px;
}
.blockcontainer_project{
	width:650px;
	float:left;
	text-align:left;
	position:relative;
	margin-bottom:1px;
}
.blockcontainer_project .blocktitle{
	width:315px;
	height:27px;
	float:left;
	margin-bottom:1px;
}
.blockcontainer_project .project_thumbnail{
	margin: 0 0px 0px 0;
	float:left;
}
.blockcontainer_project .project_image{
	margin: 0 1px 1px 0;
	float:left;
	width:213px;
	height:148px;
	
}
.blockcontainer_project .blockbody{
	width:640px;
	float:left;
	padding:0px 5px 0px 5px;
	background-color:#323232;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.menu1_button{
	float:left;
	margin:0 1px 0 0;
}
.back_btn{
float:left;
	width:32px;
	height:19px;
}

/*----------------homepage designed by dan---------------*/
#textblockholder{
text-align:left;
	width:880px;
	background-color:white;
	padding:10px 10px 20px 10px;
	color:#4b4b4b;
	float:left;
        margin: 0 0 20px 0;

}
.textblockcolumn{
	width:240px;
	float:left;
	padding:0 0px 0 0;
}
.textblockcolumnspacer{
	width:80px;
	float:left;
}
.textblocktitle{
	width:240px;
	height:22px;
	border-top: 1px #4b4b4b solid; 
	border-bottom: 1px #4b4b4b solid; 
	color:#4b4b4b;
}
.textblockcontent{
	width:240px;
	padding:15px 0 0 0;
	color:#4b4b4b;
}

h4{
	margin:20px 0 0 0;
	color:#4b4b4b;
padding:0 0 0 0;
}
h3{
	margin:3px 0 0 0;
padding:0 0 0 0;
}
a.fp:link{
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;

}
a.fp:active{
font-weight:bold;
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;
}
a.fp:visited{
font-weight:bold;
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;
}
a.fp:hover{
font: 11px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;;
text-decoration:underline;
font-weight:normal;
}



a.index_title:link{
font: 12px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;
font-weight:bold;
}
a.index_title:active{
font-weight:bold;
font: 12px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;
font-weight:bold;
}
a.index_title:visited{
font-weight:bold;
font: 12px helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;
text-decoration:none;
font-weight:bold;
}
a.index_title:hover{
font: 12px  helvetica, verdana,  Arial, sans-serif;
color:#4b4b4b;;
text-decoration:none;
font-weight:bold;
}