/* LIST */

#areas h2.page-title{
	font-family: ElektraLightProRegular;
	font-size: 50px;
	font-weight: normal;
	margin:0;
}

#areas h2.page-subtitle{
	font-family: ElektraLightProRegular;
	font-size: 40px;
	font-weight: normal;
	margin:0;
}

#areas .work-areas {
	border-bottom: 2px solid #CFCFCF;
	margin-bottom: 45px;
	padding-bottom:5px;
}

#areas .areas{
	margin:0;
	padding:0 7px;
	list-style: none;
}

#areas .area-wrapper {
	background: #323232;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	margin:0 0 25px 0;
	list-style: none;
	padding: 7px 1px 7px 1px;
	width: 460px;
	height: 290px;
	position: relative;
}

#areas .area-wrapper .top{
	display: block;
	border:0;
	height:7px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	margin: 0 7px 11px 7px;;
}

#areas .area-wrapper .number{
	width: 37px;
	padding: 15px 5px 0 0;
	height: 200px;
	float: left;
	text-align: right;
	color: #fff;
	font-size: 18px;
	font-family: ElektraLightProRegular;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;
}

#areas .area-wrapper .area-content{
	float: right;
	width: 350px;
	margin-right: 50px;
	color: #C2C2C2;
	font-size: 14px;
	line-height: 17px;
	padding-top: 10px;
}

#areas .area-wrapper .area-content h3{
	font-family: ElektraLightProRegular;
	font-size: 23px;
	font-weight: normal;
	margin:0 0 27px 0;
	padding-right: 80px;
	min-height: 50px;

}


#areas .area-wrapper .area-content .more,
#areas .area-wrapper .area-content h3,
#areas .area-wrapper .area-content h3 a{
	color: #FF9900;
}

#areas .area-wrapper .icon{
	width: 88px;
	height: 88px;
	display: block;
	position: absolute;
	top: 18px;
	right: 15px;
	background-image: url(../img/areaIcons.png);
	background-repeat: no-repeat;
}




/* DETAIL */

#area-detail .area-header {

}

#area-detail .area-header .wrapper{
	height: 155px;
	padding: 15px 0;
	position: relative;

	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px;
}

#area-detail .area-header .wrapper .number{
	height: 120px;
	display: block;
	width: 35px;
	margin-right: 15px;
	padding: 25px 5px 0 0;
	float: left;
	text-align: right;
	color: #fff;
	font-size: 20px;
	font-family: ElektraLightProRegular;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;
}

#area-detail .area-header .wrapper h2 {
	width: 700px;
	color: #f90;
	font-family: ElektraLightProRegular;
	font-size: 48px;
	line-height: 0.9em;
	font-weight: normal;
	margin:20px 0 0 0;
	padding:0;
}

#area-detail .area-header .icon {
	position: absolute;
	top: -20px;
	right: 35px;
	background-image: url(../img/areaIconsBig.png);
	bakground-repeat: no-repeat;
	width: 255px;
	height: 255px;
}


#area-detail .area-header .area-brief {
	background-color: #414141;
	padding: 35px 80px 15px 50px;
	color: #fff;
	font-size: 16px;
	lin-height: 17px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
}

#area-detail .area-header .area-brief a{
	color: #B8B8B8;
}


#area-detail .area-content {
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 45px;
	padding-bottom:5px;
}

#area-detail .area-description {
}


#area-detail .area-description .highline {
	margin:0;
	padding-top:0;
	border-bottom:0;
}





#area-detail .area-projects {
	font-family: ElektraLightProRegular;
	font-size: 22px;
	list-style:none;
	padding:0;
	margin:0;
}

#area-detail .area-projects li{
	margin-bottom: 10px;
}



#area-detail #area-videos {
	position: relative;
	margin-bottom: 40px;
}


#area-detail #area-videos h2.title{
	float: none;
	margin-bottom: 16px;
}

#area-detail #area-videos .content-wrapper {
	background: #6f6f6f;
	-moz-border-radius: 4px; -webkit-border-radius: 6px; border-radius: 6px;
	height: 240px;


	background-image: linear-gradient(top, #B2ACAC 0%, #B2ACAC 190px, #6f6f6f 190px, #6f6f6f 100%);
	background-image: -o-linear-gradient(top, #B2ACAC 0%, #B2ACAC 190px, #6f6f6f 190px, #6f6f6f 100%);
	background-image: -moz-linear-gradient(top, #B2ACAC 0%, #B2ACAC 190px, #6f6f6f 190px, #6f6f6f 100%);

	background-image: -webkit-linear-gradient(top, #B2ACAC 0%, #B2ACAC 190px, #6f6f6f 190px, #6f6f6f 100%);

	background-image: -ms-linear-gradient(top, #B2ACAC 0%, #B2ACAC 190px, #6f6f6f 190px, #6f6f6f 100%);
	background-image: -webkit-gradient(
		linear,
		top,
		bottom,
		color-stop(0, #B2ACAC),
		color-stop(190px, #B2ACAC),
		color-stop(190px, #6f6f6f),
		color-stop(1, #6f6f6f)
	);

}

#area-detail #area-videos .content-wrapper .page{
	# padding: 16px;
	padding: 15px;
}


#area-detail #area-videos .content-wrapper .item{
	float: left;
	width: 220px;
	height: 225px;
	margin-right: 15px;
}

#area-detail #area-videos .content-wrapper .item .video{
	height: 166px;
	margin-bottom: 15px;
}

#area-detail #area-videos .content-wrapper .item .description{
	font-size: 13px;
	line-height: 1.2em;
	color: #fff;
}

#area-detail #area-videos .prev,
#area-detail #area-videos .next {
	position: absolute;
	top: 135px;
	width: 64px;
	height: 64px;
	background-image: url(../img/pager.png);
	z-index: 999;
	cursor: pointer;
}

#area-detail #area-videos .prev {
	left:-45px;
	background-position: 0 0;
}
#area-detail #area-videos .next {
	right:-45px;
	background-position: -64px 0;
}





/* AREAS COLORS */
.area-01-bg {
	background-color: #ec030d;
}
.area-01-icon {
	background-position: 0 0;
}
.area-01-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #ec030d 83%, #ec030d 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #ec030d 83%, #ec030d 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #ec030d 83%, #ec030d 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #ec030d 83%, #ec030d 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #ec030d 83%, #ec030d 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #ec030d),
		color-stop(0.90, #ec030d),
		color-stop(1.55, #4a4a4a)
	);
}




.area-02-bg {
	background-color: #8DB805;
}

.area-02-icon {
	background-position: -255px 0;
}

.area-02-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #8DB805 83%, #8DB805 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #8DB805 83%, #8DB805 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #8DB805 83%, #8DB805 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #8DB805 83%, #8DB805 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #8DB805 83%, #8DB805 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #8DB805),
		color-stop(0.90, #8DB805),
		color-stop(1.55, #4a4a4a)
	);
}



.area-03-bg {
	background-color: #f3af18;
}
.area-03-icon {
	background-position: -510px 0;
}
.area-03-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #f3af18 83%, #f3af18 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #f3af18 83%, #f3af18 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #f3af18 83%, #f3af18 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #f3af18 83%, #f3af18 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #f3af18 83%, #f3af18 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #f3af18),
		color-stop(0.90, #f3af18),
		color-stop(1.55, #4a4a4a)
	);
}

.area-04-bg {
	background-color: #cf005c;
}
.area-04-icon {
	background-position: -765px 0;
}
.area-04-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #cf005c 83%, #cf005c 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #cf005c 83%, #cf005c 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #cf005c 83%, #cf005c 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #cf005c 83%, #cf005c 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #cf005c 83%, #cf005c 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #cf005c),
		color-stop(0.90, #cf005c),
		color-stop(1.55, #4a4a4a)
	);
}

.area-05-bg {
	background-color: #e5d415;
}
.area-05-icon {
	background-position: 0 -255px;
/*	background-position: -1020px -255px;*/
}
.area-05-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #e5d415),
		color-stop(0.90, #e5d415),
		color-stop(1.55, #4a4a4a)
	);
}

.area-06-bg {
	background-color: #3c8fc1;
}
.area-06-icon {
	background-position: -1020px 0;
}
.area-06-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #3c8fc1 83%, #3c8fc1 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #3c8fc1 83%, #3c8fc1 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #3c8fc1 83%, #3c8fc1 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #3c8fc1 83%, #3c8fc1 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #3c8fc1 83%, #3c8fc1 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #3c8fc1),
		color-stop(0.90, #3c8fc1),
		color-stop(1.55, #4a4a4a)
	);
}

.area-07-bg {
	background-color: #ff7604;
}
.area-07-icon {
	background-position: -255px -255px;
}
.area-07-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #ff7604),
		color-stop(0.90, #ff7604),
		color-stop(1.55, #4a4a4a)
	);
}

.area-08-bg {
	background-color: #14cfe0;
}
.area-08-icon {
	background-position: -510px -255px;
}
.area-08-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #14cfe0),
		color-stop(0.90, #14cfe0),
		color-stop(1.55, #4a4a4a)
	);
}

.area-09-bg {
	background-color: #1cb347;
}
.area-09-icon {
	background-position: -765px -255px;
}
.area-09-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #1cb347 83%, #1cb347 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #1cb347 83%, #1cb347 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #1cb347 83%, #1cb347 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #1cb347 83%, #1cb347 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #1cb347 83%, #1cb347 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #1cb347),
		color-stop(0.90, #1cb347),
		color-stop(1.55, #4a4a4a)
	);
}

.area-10-bg {
	background-color: #aa66aa;
}
.area-10-icon {
/*	background-position: -1020px -255px;*/
	background-position: -255px -255px;
}
.area-10-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #aa66aa),
		color-stop(0.90, #aa66aa),
		color-stop(1.55, #4a4a4a)
	);
}



.area-11-bg {
	background-color: #ff7604;
}
.area-11-icon {
        background-position: -765px -255px;
/*	background-position: 0 -255px; */
}
.area-11-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #ff7604),
		color-stop(0.90, #ff7604),
		color-stop(1.55, #4a4a4a)
	);
}

.area-12-bg {
	background-color: #aa66aa;
}
.area-12-icon {
	background-position: -1020px -255px;
}
.area-12-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #aa66aa 83%, #aa66aa 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #aa66aa),
		color-stop(0.90, #aa66aa),
		color-stop(1.55, #4a4a4a)
	);
}

.area-13-bg {
	background-color: #ff7604;
}
.area-13-icon {
	background-position: 0 -255px;
}
.area-13-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #ff7604 83%, #ff7604 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #ff7604),
		color-stop(0.90, #ff7604),
		color-stop(1.55, #4a4a4a)
	);
}

/* Old areas 06 and 08 for reference
.area-06-bg {
	background-color: #14cfe0;
}
.area-06-icon {
	background-position: -510px -255px;
}
.area-06-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #14cfe0 83%, #14cfe0 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.55, #4a4a4a),
		color-stop(0.83, #14cfe0),
		color-stop(0.90, #14cfe0),
		color-stop(1.55, #4a4a4a)
	);
}

.area-08-bg {
	background-color: #e5d415;
}
.area-08-icon {
	background-position: -255px -255px;
}
.area-08-gradient {
	background-color: #4a4a4a;
	background-image: linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -o-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -moz-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -webkit-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);

	background-image: -ms-linear-gradient(left, #4a4a4a 55%, #e5d415 83%, #e5d415 90%, #4a4a4a 155%);
	background-image: -webkit-gradient(
		linear,
		left,
		right,
		color-stop(0.25, #4a4a4a),
		color-stop(0.83, #e5d415),
		color-stop(0.90, #e5d415),
		color-stop(1.55, #4a4a4a)
	);
}
*/


/*  Added styles */

#area-detail .w4 {
	width: 240px;
}

#area-detail .area-projects {
	cursor: default;
}

#area-detail #area-videos.other-videos {
	margin-bottom: 0;
}

#work-frontpage {
	margin-left: 64px;
}

#services .top {
	display: block;
	border: 0;
	height: 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 7px 11px 7px;
}

.main_contents #area-detail #area-videos h2 {
	margin-top: 45px;
}

.main_contents #area-detail #area-videos.other-videos h2 {
	margin-top: 32px;
	margin-bottom: 8px;
}

.main_contents #area-detail .area-content,
.main_contents #area-detail #area-videos {
	margin-bottom:0;
}

#areas.technologies .area-wrapper {
	background-color: transparent;
	width: 440px;
	height: 220px;
	margin-right: 20px;
}

#areas.technologies.services .area-wrapper {
	height: 300px;
}

.areas.consortia .area-wrapper {
	height: 250px !important;
}

#areas.technologies .area-wrapper .area-content h3{
	margin:0;
/*	font-weight: bold;*/
}

#areas.technologies .area-wrapper .area-content{
	color: #323232;
}

.horizontal-line {
	clear:both;
	height:5px;
	width:100%;
	padding-top:5px;
	border-bottom: 2px solid #CFCFCF;
}

#areas .area-wrapper .platform-icon{
	width: 88px;
	height: 88px;
	display: block;
	position: absolute;
	top: 18px;
	right: 15px;
	background-repeat: no-repeat;
}

.android {
	background-image: url(../img/android.png);
}

.tizen {
	background-image: url(../img/tizen.png);
}

.khronos {
	background-image: url(../img/Khronos_100px_May16.png);
}

.gnome {
	background-image: url(../img/gnome.png);
}

.qt {
	background-image: url(../img/qt.png);
}

.freedesktop {
	background-image: url(../img/freedesktop.png);
}

.linux-foundation {
	background-image: url(../img/linux-foundation.png);
}

.fsf {
	background-image: url(../img/fsf.png);
}

.w3c {
	background-image: url(../img/w3cmember.png);
}

.genivi {
	background-image: url(../img/genivi.png);
}

.agasol {
	background-image: url(../img/agasol.png);
}

#areas.services .area-wrapper .area-content {
width: 390px;
margin-right: 10px;
}

#header .section {
font-size: 1.5em;
font-family: inherit;
}

body #facts-matrix h2 {
	font-family: inherit;
	font-size: 1.4em;
}

body #area-detail .area-header .wrapper h2 {
	width: 660px;
}
div#commits.block-list div {
	margin-bottom: 8px;
}

body .block-list .info {
    border-radius: 10px 6px 6px 10px;
}

body .block-list .projects .info a,
body .block-list .projects-feed .info,
body .block-list .info a {
    border-radius: 6px 0 0 6px;
}

body #commits.block-list .info .date {
	border-radius: 0 6px 6px 0;
	padding: 2px 6px;
}

body #commits.block-list .info .author {
	padding: 2px 6px;
	border-radius: 6px 0 0 6px;
}


#areas .area-wrapper .area-01-bg + .platform-icon + div h3 { color: #ec030d; }
#areas .area-wrapper .area-02-bg + .platform-icon + div h3 { color: #8DB805; }
#areas .area-wrapper .area-03-bg + .platform-icon+ div h3 { color: #F3AF18; }
#areas .area-wrapper .area-04-bg + .platform-icon + div h3 { color: #CF005C; }
#areas .area-wrapper .area-05-bg + .platform-icon + div h3 { color: #aa66aa; }
#areas .area-wrapper .area-06-bg + .platform-icon + div h3 { color: #3C8FC1;}
/*#areas .area-wrapper .area-06-bg + .platform-icon + div h3 { color: #14CFE0; }*/
#areas .area-wrapper .area-07-bg + .platform-icon + div h3 { color: #ff7604;}
#areas .area-wrapper .area-08-bg + .platform-icon + div h3 { color: #e5d415; }
#areas .area-wrapper .area-09-bg + .platform-icon + div h3 { color: #1CB347; }
#areas .area-wrapper .area-10-bg + .platform-icon + div h3 { color: #aa66aa; }
#areas .area-wrapper .area-11-bg + .platform-icon + div h3 { color: #ff7604;}
#areas .area-wrapper .area-12-bg + .platform-icon + div h3 { color: #aa66aa; }
#areas .area-wrapper .area-13-bg + .platform-icon + div h3 { color: #ff7604;}

#areas .area-wrapper .area-01-bg + div h3 { color: #ec030d; }
#areas .area-wrapper .area-02-bg + div h3 { color: #8DB805; }
#areas .area-wrapper .area-03-bg + div h3 { color: #F3AF18; }
#areas .area-wrapper .area-04-bg + div h3 { color: #CF005C; }
#areas .area-wrapper .area-05-bg + div h3 { color: #3C8FC1;} 
/* #areas .area-wrapper .area-05-bg + div h3 { color: #aa66aa; } */
#areas .area-wrapper .area-06-bg + div h3 { color: #14CFE0; }
#areas .area-wrapper .area-07-bg + div h3 { color: #ff7604;}
#areas .area-wrapper .area-08-bg + div h3 { color: #e5d415; }
#areas .area-wrapper .area-09-bg + div h3 { color: #1CB347; }
#areas .area-wrapper .area-10-bg + div h3 { color: #aa66aa; }
#areas .area-wrapper .area-11-bg + div h3 { color: #ff7604;}
#areas .area-wrapper .area-12-bg + div h3 { color: #aa66aa; }
#areas .area-wrapper .area-13-bg + div h3 { color: #ff7604;}

#areas {margin-left: -14px;}

.areas-platforms .title + .projects-feed { 
	margin-top: 8px;
}

#h2.title, h3.title {
#font-family: inherit;
#}

.screenshot img {
    max-height: 165px;
    max-width: 220px;
}

#main-labs, #main-labs .indicator { 
    border-radius: 6px;
}

#areas .area-content .description a {
    /* color: #ccc; */
    font-weight: bold;
}

#areas .area-content .description a.moreinfo {
    color: #0067B1;
    cursor: auto;
}
#areas .area-content .description a:hover { 
    text-decoration: none;
}

#footer #contact {
    width: 650px;	
}

#footer #contact .col3,
#footer #contact .col4 {
    width: 190px;
}