/*====================================================================================================*/
body {
	padding: 0px;
	margin: 0px;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: medium;
	
}
#container {
	position: absolute;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	margin-top: 10px;
	padding-top: 3px;
	visibility: hidden;
	background-color: #ffffff;
}
/*====================================================================================================*/
#header {
	height: 135px;
	border: 12px solid #ffffff;
}
#header a{
	color:#ffffff;

}
#logo {
	position: absolute;
	behavior: expression( 
	(this.runtimeStyle.behavior="none") && (this.src.toLowerCase().indexOf('.png')>-1) && (
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
	this.runtimeStyle.paddingTop = this.height,
	this.runtimeStyle.height = 0
	)
	);
	color:#ffffff;
	
}
#topmenu {
	height: 20px;
	line-height: 20px;
	float: right;
	margin-top: -5px;
}
#topmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#topmenu ul li {
	display: inline;
	margin-left: 40px;
}
#topmenu ul li a {
	text-decoration: none;
	color: #231f20;
}
#topmenu ul li a:hover {
	text-decoration: none;
	color: #cccccc;
}
.active {
	text-decoration: none;
	color: #cccccc !important;
}

#telsearch {
	clear: both;
	width: 330px;
	float: right;
	margin-top: 52px;
	border-top: 1px solid #231f20;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #231f20;
	font-size:90%;
}
#formts {
	clear: both;
	width: 330px;
	height: 21px;
	background-color: #e5e5e5;
	float: right;
	text-align: right;
}
#formts label {
	display: none;
}
#formts input {
	float: left;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: small;
	height: 21px;
	line-height: 21px;
	color: #58585a;
}
#formtstext {
	width: 293px;
	padding-left: 8px !important;
}
/*====================================================================================================*/
#content {
	border-top: 1px solid #231f20;
	margin: 0px 10px;
	padding: 10px 0px;
}
#left {
	float: left;
	width: 270px;
	color: #58585a;
}
#right {
	float: left;
	width: 670px;
	margin-left: 20px;
	color: #58585a;
}
#right a {
	color: #5bbed1;
	text-decoration: none;
}
#right a:hover {
	color: #5bbed1;
}
#right h1 {
	font-size: x-large;
	font-weight: lighter;
	color: #5bbed1;
	margin: 0px;
}
#right h2 {
	font-size: medium;
	font-weight: lighter;
	font-style: italic;
	margin-top: 0px;
}

.otherposts a {
	color: #58585a !important;
	text-decoration: none;
}
.otherposts span {
	color: #5bbed1 !important;
	text-decoration: none;
}
.interact a {
	color: #58585a !important;
	text-decoration:underline !important;
}
.prevnext a {
	color: #58585a !important;
	text-decoration: none;
}

.boxcontent a {
	color: #58585a !important;
	text-decoration: none;
}

.contentrowtxt a {
	color: #58585a !important;
	text-decoration: none;
}
.tagcloud a {
	color: #58585a !important;
	text-decoration:underline !important;
}

/*====================================================================================================*/
#clear {
	clear: both;
}
#left a {
	text-decoration: none;
	color: #58585a;
	line-height:30px;
	
}
#left a:hover {
	color: #5bbed1;
}
/*====================================================================================================*/
#footer {
	border-top: 1px solid #231f20;
	margin: 0px 10px;
	padding: 10px 0px;
	font-size: small;
	color: #58585a;
}
#footer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: right;
	font-size: 0px;
}
#footer ul li {
	display: inline;
	margin-left: 10px;
}
#footer a {
	text-decoration:underline;
	color: #58585a;
}
/*====================================================================================================*/
hr {
	clear: both;
	size: 1px;
	height: 1px;
	color: #58585a;
	background-color: #58585a;
	margin: 4px 0px;
	border: none;
}
/*====================================================================================================*/
.blue, .blue * {
	color: #5bbed1 !important;
}
.leftfilter {
/*	display: block;
	background-image: url(../images/css/filter.gif);
	background-position: center right;
	background-repeat: no-repeat;
*/	line-height:30px;
}
.leftfilterselected {
/*	display: block;
	background-image: url(../images/css/filterselected.gif);
	background-position: center right;
	background-repeat: no-repeat;
*/
	padding-right: 16px;
	background-image: url(../images/css/mlactivearrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.spacer {
	font-size: 50%;
}
/*====================================================================================================*/
.recentposts {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px;
	border-top: 1px solid #a7a9ac;
	margin-top: 4px;
	line-height:20px !important;
}
.recentposts li a {
	display: block;
	color: #a7a9ac;
	text-decoration: none;
	border-bottom: 1px solid #a7a9ac;
	padding: 3px 0px;
	line-height:20px !important;
}
/*====================================================================================================*/
.tagcloud {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	text-transform: capitalize;
}
/*====================================================================================================*/
.prevnext {
	height: 50px;
	line-height: 50px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.prevnext li a {
	color: #231f20;
	text-decoration: underline;
}
.prev {
	position: absolute;
	text-decoration: underline;
	font-size:small;
}
.next {
	float: right;
	text-decoration: underline;
	font-size:small;
}
/*====================================================================================================*/
.otherposts {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #a7a9ac;
	margin-top: 4px;
}
.otherposts li {
	display: block;
	border-bottom: 1px solid #a7a9ac;
	padding: 3px 30px 3px 0px;
/*	background-image: url(../images/css/otherpost.gif);
	background-position: center right;
	background-repeat: no-repeat;*/
	color: #5bbed1;
}
/*====================================================================================================*/
.interact {
	margin-top: 30px;
	border-collapse: collapse;
	font-style: italic;
}
.interact * {
	border-collapse: collapse;
}
.interact th {
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
}
.sharelinks a {
	text-decoration: underline !important;
}
/*====================================================================================================*/
#topimagecontrol {
	height: 20px;
	text-align: right;
}
#topimagecontrol ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#topimagecontrol ul li {
	display: inline;
}
.op50 a img {
	-moz-opacity: .75;
	filter: alpha(opacity=75);
	opacity: .75;
}
.op25 a img {
	-moz-opacity: .25;
	filter: alpha(opacity=25);
	opacity: .25;
}
/*====================================================================================================*/
.boxcontent {
	clear: both;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 90%;
}
.boxcontent li {
	display: block;
	float: left;
	width: 216px;
	padding: 3px;
}
.boxcontent a:hover {
	color: #58585a !important;
}
/*====================================================================================================*/
.contentrow {
	clear: both;
	border-bottom: 6px solid #ffffff;
}
.contentrow hr {
	color: #231f20 !important;
	background-color: #231f20 !important;
}
.arrowlink {
	float: right;
}
.contentrowimg {
	float: left;
	width: 226px;
	padding: 4px 0px 10px 0px;
}
.contentrowtxt {
	float: left;
	width: 444px;
	font-size: 90%;
	padding-bottom: 10px;
}
.contentrowtxt em {
	display: inline-block;
	width: 408px;
}
/*====================================================================================================*/
.submenu {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	
}
.submenu li a{
	line-height:26px !important;
	
}
/*====================================================================================================*/
.arrowlist {
	list-style-type: none;
	font-size: x-large;
}
.arrowlist li {
	display: block;
	height: 26px;
	background-image: url(../images/css/arrowlink.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
	margin-bottom: 10px;
	
}
.arrowlist a {
	color: #5bbed1 !important;
	
}
/*====================================================================================================*/
.people {
	clear: both;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.people li {
	display: block;
	float: left;
	width: 216px;
	padding: 3px;
}
/*====================================================================================================*/
.whatwedo {
	border-top: 1px solid #231f20;
	margin-top: 10px;
	padding-top: 10px;
}
.whatwedo h2 {
	color: #5bbed1 !important;
	font-size: x-large !important;
	font-style: normal !important;
}
.whatwedo a {
	display: block;
	float: right;
	padding-right: 25px;
	background-image: url(../images/css/miniarrowlink.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height: 20px;
	line-height: 20px;
	color: #5bbed1 !important;
}
.whatwedo h2 a {
	float:left !important;
	background-image:none;
	font-size:large !important;
}
.search {
	float:right;
	vertical-align:top;
}
.search a {
	display: block;
	float: right;
	padding-right: 25px;
	background-image: url(../images/css/miniarrowlink.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height: 20px;
	width:80px;
	line-height: 20px;
	color: #5bbed1 !important;
}
/*====================================================================================================*/
.mlactive {
	padding-right: 16px;
	background-image: url(../images/css/mlactivearrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
/*====================================================================================================*/
.homepage {
	width: 960px;
}
.hpmainleft {
	float: left;
	width: 288px;
	font-size: 80%;
	margin-top:-10px;
}
.hpmainleft a {
	font-size: 100%;
	color:#5bbed1 !important;
	line-height:16px !important;
}
.hpmainright {
	float: left;
	width: 660px;
	height: 314px;
	background-color: #ffffff;
	margin-left: 12px;
	margin-bottom: 10px;
	overflow: hidden;
}
#blender {
	margin-top: 0px;
}
#blender h1 {
	color: #5ac0d2;
	font-weight:900;
}
#blender h2 {
	color: #ffffff;
	font-weight: lighter;
}
#blender a {
	display: block;
	color: #5ac0d2;
	height: 26px;
	line-height: 26px;
	padding-left: 30px;
	background-image: url(../images/css/arrowlink.png);
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 50px;
}
.hpblenderitem {
	width: 660px;
	height: 314px;
	overflow: hidden;
}

	
.hpbimg {
	width: 660px;
	height: 314px;
	
}
.hpbimg img{
margin-top:-50px;

}

.hpbshadow {
	position: relative;
	width: 250px;
	height: 314px;
	background-color: #000000;
	margin-top: -314px;
	opacity: .50;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: .50;
	-moz-opacity: .50;
}
.hpbtext {
	position: relative;
	width: 210px;
	height: 274px;
	padding: 20px;
	margin-top: -314px;
}
.hpbtext h1{
	font-size:160%;
	font-weight:900;
}
.hpbtext h2{
	font-size:large;
}

.homediv {
	clear: both;
	border-top: 1px solid #231f20;
	padding-top: 10px;
	
}
.homediv ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.homediv ul li {
	display: block;
	float: left;
	width: 216px;
	padding: 0px 0px 6px 6px;
}
.homeli1 {
	width: 288px !important;
	height: 162px;

}
.hpbreak{
	margin:5px 0px;
	line-height:20px;}
.csbreak{
	margin-top:20px;
}	
/*====================================================================================================*/
#hpmImages {
}
#hpmText {
}
.hpmText0 {
	position: absolute;
	float: left;
}
.hpmText1 {
	position: absolute;
	float: right;
}
/*==========================================================================================*/
.projectslideshow {
	display: block;
	width: 670px;
	height: 502px;
	overflow: hidden;
	position: relative;
}
.projectimages {
	display: block;
	width: 670px;
	height: 502px;
	position: absolute;
	top: 0; left: 0;
}
.projectimages div {
	display: block;
	width: 670px;
	height: 502px;
	float: left;
}
.projimg {
	display: block;
	width: 670px;
	height: 502px;
	overflow: hidden;
}
/*==========================================================================================*/
#projectimagepager {
	clear: both;
	float: right;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#projectimagepager li {
	display: inline;
}
.projectimagelinks a img {
	-moz-opacity: .25;
	filter: alpha(opacity=25);
	opacity: .25;
}
.projectimagelinks a.active img {
	-moz-opacity: .75;
	filter: alpha(opacity=75);
	opacity: .75;
}
/*==========================================================================================*/
.contdiv {
	float:right;
	padding:0px 20px 20px 20px;}
	
.contdiv a{
	text-decoration:underline !important;;
	color: #58585a !important;}