TEDx talks videos embedded in the index. Homepage UI made consistent on the lines of "marketing" class.

Author: sedflix

war/css/main.css

@@ -268,10 +268,10 @@
 	height: 70px;
 	cursor: pointer;
 	margin: 0 auto;
-	filter: grayscale(100%);
+	/*filter: grayscale(100%);*/
 }
 #tedx:hover {
-	filter: grayscale(0%);
+	/*filter: grayscale(0%);*/
 }
 
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
@@ -316,15 +316,7 @@
 	float: left;
 }
 
-@media all and (-webkit-min-device-pixel-ratio: 1.5) {
-	#atlantic {
-		background-image: url("../img/theatlantic2x.png");
-		background-size: 236px 163px;
-		margin: 0 auto;
-		cursor: pointer;
-		float: left;
-	}
-}
+
 
 #nbc {
 	background-image: url("../img/nbc.png");
@@ -335,6 +327,24 @@
 	float: left;
 }
 
+#tedxb {
+	background-image: url("../img/tedxb.png");
+	width: 170px;
+	height: 163px;
+	margin: 0 auto;
+	cursor: pointer;
+	float: left;
+}
+
+#tedxv {
+	background-image: url("../img/tedxv.png");
+	width: 170px;
+	height: 163px;
+	margin: 0 auto;
+	cursor: pointer;
+	float: left;
+}
+
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
 	#nbc {
 		background-image: url("../img/nbc2x.png");
@@ -621,7 +631,8 @@ dd {
 	color: #5a5a5a;
 }
 
-.hero {style="margin-left: 10px;"
+.hero {
+	margin-left: 10px;
 }
 
 .authors {
@@ -768,3 +779,11 @@ dd {
 .clearer {
 	clear: both;
 }
+
+.ted {
+	font-family: Helvetica, Arial, sans-serif;
+	color: rgb(230, 43, 30);
+	letter-spacing: 0;
+	/*font-kerning: auto;*/
+	font-weight: 800;
+}