.maincontent_area {
	width: 768px;
	padding: 5px 0 0 0;
	float: left;
	clear: both;
}
.maincontent_area .one_column {
	width: 448px;
	padding: 0;
	float: left;
}
.maincontent_area .full_column {
	width: 768px;
	padding: 0;
	float: left;
}
.maincontent_area .playground_column {
	width: 768px;
	padding: 0;
	float: left;
}
.maincontent_area h1 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 31px;
	font-weight: normal;
	letter-spacing: -1.5px;
	color: #444;
	margin: 0;
	padding: 10px 0;
	line-height: 34px;
	width: 600px;
}
.maincontent_area h2 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #444;
	margin: 0;
	padding: 5px 0 25px 0;
	line-height: 22px;
	width: 448px;
}
.maincontent_area h1.white, .maincontent_area h2.white {
	color: #fff;
}
.maincontent_area h2 a.highlighted {
	background-color: #3399ff;
	color: #fff;
	text-decoration: none;
	padding: 2px;
}
.maincontent_area h2 a.highlighted:hover {
	background-color: #444;
}
.maincontent_area h2 a.turnon {
	color: #444;
	text-decoration: none;
	padding: 2px;
}
.maincontent_area h2 a.turnon:hover {
}

.filter_container {
	padding: 10px 0;
	clear: both;
	float: left;
	display: block;
	width: 960px;
}
.filter_container .visit_project {
	float: right;
	width: 216px;
	height: 25px;
	padding: 5px 0 0 0;
	position: absolute;
	margin: 0;
	left: 690px;
}
.filter_container .visit_project a {
	float: right;
	width: 196px;
	height: 25px;
	line-height: 25px;
	background-attachment: scroll;
	background-image: url(../images/blue_subsubmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.filter_container .visit_project a:hover {
	background-position: left -25px;
	color: #444;}

/* ######### Filter BLACK ######### */

.filter_black {
	padding: 0 10px 0 0;
	float: left;
	width: 240px;
}
.filter_black ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.filter_black ul li {
	height: 26px;
	line-height: 26px;
}
.filter_black ul li.main a {
	padding: 0 0 0 20px;
	background-image: url(../images/filter_black.gif);
	width: 220px;
	height: 26px;
	line-height: 26px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
}
.filter_black ul.dropmenu li.main a:hover {
}
.filter_black ul.dropmenu li:last-child a {
	border-right: none;
} 
/* Doesn't work in IE */
.filter_black ul.dropmenu li.hover, .filter_black ul.dropmenu li:hover {
	position: relative;
}
.filter_black ul.dropmenu li.hover a {
	text-decoration: none;
}
/* 
	LEVEL TWO
*/
.filter_black ul ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	visibility: hidden;
	position: absolute;
	left: 0;
}
.filter_black ul ul li {
	padding: 0;
	margin: 0;
	height: 26px;
	line-height: 26px;
}
/* IE 6 & 7 Needs Inline Block */
.filter_black ul li.main  ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
}
.filter_black ul li.main ul li a{
	padding: 0 0 0 20px;
	background-image: url(../images/filter_black.gif);
	width: 220px;
	height: 26px;
	line-height: 26px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
}
.filter_black ul li.main ul li a:hover{
	text-decoration: underline;
}
/*-  F O L I O
----------------------------------------------------------------------*/
.temp_solution {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 26px;
	float: left;
	margin: 0 5px 0 0;
}
ul.folio_container {
	padding: 20px 0 0 0;
	clear: both;
	display: block;
	margin: 0;
	width: 768px;
	list-style-type: none;
}
ul.folio_container li.fli {
	padding: 0 0 30px 0;
	width: 768px;
	display: block;
	float: left;
	clear: both;
}
.fitem {
	padding: 10px;
	width: 768px;
	display: block;
	margin: 0;
	float: left;
	clear: both;
}
.fitem .folio_header {
	float: left;
	clear: both;
	display: block;
	width: 768px;
}
.fitem .folio_header .page_brws {
	display: block;
	width: 25px;
	height: 66px;
	position: absolute;
	left: 1010px;
	padding: 20px 0 0 0;
	float: right;
}
.fitem .folio_header .page_brws .top {
	width: 25px;
	height: 33px;
	padding: 0 0 1px 0;
}
.fitem .folio_header .page_brws .top a {
	display: block;
	width: 25px;
	height: 33px;
	background-image: url(../images/brws_button.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left -33px;
}
.fitem .folio_header .page_brws .top a:hover {
	background-position: left -99px;
}
.fitem .folio_header .page_brws .next a {
	display: block;
	width: 25px;
	height: 33px;
	background-image: url(../images/brws_button.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}
.fitem .folio_header .page_brws .next a:hover {
	background-position: left -66px;
}
.fitem .fitem_description {
	padding: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;
	width: 768px;
}
.fitem .fitem_description .fitem_header {
	height: 50px;
	width: 768px;
	background-attachment: scroll;
	background-image: url(../images/br2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.fitem .fitem_description .fitem_header h3 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 21px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 50px;
	padding: 0 0 0 10px;
	margin: 0;
	width: 448px;
	float: left;
}
.fitem .fitem_description .fitem_header h3 .service {
	color: #beea21;
}
.fitem .fitem_description .fitem_header .visit_project {
	float: right;
	width: 216px;
	height: 25px;
	padding: 15px 0 0 0;
	position: absolute;
	margin: 0;
	left: 714px;
}
.fitem .fitem_description .fitem_header .visit_project a {
	float: right;
	width: 196px;
	height: 25px;
	line-height: 25px;
	background-attachment: scroll;
	background-image: url(../images/blue_subsubmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.fitem .fitem_description .fitem_header .visit_project a:hover {
	background-position: left -25px;
	color: #444;
}
.fitem .fitem_description .fitem_footer {
	padding: 10px 0 0 0;
}
.fitem .fitem_description .fitem_footer .fleft {
	padding: 0 0 0 10px;
	width: 300px;
	float: left;
}
.fitem .fitem_description .fitem_footer .fleft h4 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.fitem .fitem_description .fitem_footer .fleft ul {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
	width: 300px;
}
.fitem .fitem_description .fitem_footer .fleft ul li {
	margin: 0;
	padding: 0 0 0 20px;
	background-attachment: scroll;
	background-image: url(../images/small_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #fff;
}
.fitem .fitem_description .fitem_footer .fright {
	padding: 0;
	width: 448px;
	float: left;
	color: #fff;
}
.fitem .fitem_description .fitem_footer .fright h4 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.fitem .fitem_description .fitem_footer .fright p {
	margin: 0;
	padding: 5px 0;
}

.fitem .fitem_description .fitem_footer .fright .pf_overview h4 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.fitem .fitem_description .fitem_footer .fright .pf_overview p {
	margin: 0;
	padding: 5px 0 5px 0;
}
.fitem .fitem_description .fitem_footer .fright .pf_testimonial h4 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.fitem .fitem_description .fitem_footer .fright .pf_testimonial p {
	margin: 0;
	padding: 5px 0;
	font-style: italic;
}


.fitem .fitem_description .fitem_footer .fright .visit_project {
	width: 216px;
	height: 25px;
	padding: 10px 10px 0 0;
	display: block;
}
.fitem .fitem_description .fitem_footer .fright .visit_project a {
	width: 196px;
	height: 25px;
	line-height: 25px;
	background-attachment: scroll;
	background-image: url(../images/blue_subsubmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	padding: 0 0 0 20px;
	text-decoration: none;
	display: block;
}
.fitem .fitem_description .fitem_footer .fright .visit_project a:hover {
	background-position: left -25px;
	color: #444;
}
.divImgPreloader {
	height: 530px;
	float: left;
	clear: both;
	display: block;
}