diff --git a/main/course_home/css/dokeos_corporate.css b/main/course_home/css/dokeos_corporate.css
index f6a6976399..e55e32d590 100644
--- a/main/course_home/css/dokeos_corporate.css
+++ b/main/course_home/css/dokeos_corporate.css
@@ -1,16 +1,451 @@
-.dokeos_course {float:center; width: 98%; font: 76% arial,sans-serif; margin: 1.5em; line-height: 1.6em; }
-.dokeos_course #title{ font-size: 48px; text-align: center; }
-.dokeos_course a{display:block;color: #006;padding:10px}
-.dokeos_course #header{ margin: 0 0 20px 0; border: 1px solid #ccc; }
-.dokeos_course #header h1{ line-height:80px; margin:0; padding-left:10px;background: #EEE; }
-.dokeos_course #content {float:center; width: 98%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
-.dokeos_course li { list-style-type: square; background: #FCFFC6; border: 1px solid #ccc; margin: 0 0 5px 0; padding: 3px ;}
-.dokeos_course #footer{ clear:both; border: 1px solid #ccc; padding: 10px; }
-.dokeos_course #left { float: left; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
-.dokeos_course #right{float:right; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
-.dokeos_course .image { float: center; border: 1px solid #ccc; padding: 10px; }
-.dokeos_course .data { border: 1px solid #ccc; width: 100%; }
-.dokeos_course .data td { background: #eee; padding: 5px; }
-.dokeos_course .data td:hover { background: #d8d8d8; }
-.dokeos_course .data td.item { background: #FFFAD7; font-weight: bold; }
-.dokeos_course .data td.item:hover { background: #EBE5BC; }
\ No newline at end of file
+/*
+==============================================================================
+	GLOBAL STYLES
+==============================================================================
+*/
+.dokeos_course {
+	width:95%;
+	margin:1em auto;
+	text-align:center;
+}
+
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+
+#box_title1,#footer1 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+
+#box_title1 h1{
+	font:bold 2.5em Arial,sans-serif,sans;
+}
+
+#box_title h2{
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content1 {
+	width:99%;
+	clear:both;
+	text-align:justify;
+}
+
+#content1 img.icon{
+	float:left;
+	margin:0 1em 1em 1em;
+	display:block;
+	vertical-align:top;
+}
+
+#email1 {
+	float:right;
+	clear:right;
+	text-align:right;
+}
+
+#email1, .manager1{
+	width:50%;
+}
+
+#footer1 {
+	font-weight:bold;
+	height: 1em;
+    line-height: 1em;
+}
+
+#manager1 {
+	float:left;
+	clear:left;
+	text-align:left;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+
+#content2 {
+	position:absolute;
+	top:2em;
+	left:18em;
+	text-align:justify;
+	margin-right:2em;
+}
+
+#content2 h1 {
+	padding:.5em;
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content2 h2 {
+	font:normal 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+
+#content2 p{
+	margin:.5em;
+}
+
+#explanation {
+	text-align:center;
+	margin: 1em auto;
+	width:auto;
+	border:1px solid #4171b5;
+}
+#list2{
+	width:10em;
+	border:1px solid #4171b5;
+	margin:2em auto;
+}
+#list2 p {
+	text-align:left;
+	margin-left:.2em;
+}
+
+#list2 li {
+	margin:0 0 0 2em;
+	padding:0;
+	text-indent:.5em;
+	text-align:left;
+	list-style-position:inside;
+}
+#list2 ul{
+	margin:0 0 .5em 0;
+	padding:0;
+	text-align:left;
+	list-style-position:inside;
+}
+
+#main2 {
+	border:1px solid #4171b5;
+}
+
+
+#nav2 {
+	position:absolute;
+	left:2em;
+	top:3em;
+	width:15em;
+}
+
+.template2 {
+	position:relative;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#box_title3,#content3 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+#box_title3 h1{
+	font:bold 3.5em Arial,sans-serif,sans;
+}
+
+#content3 {
+	position:relative;
+	padding-bottom:50px;
+	text-align:left;
+}
+#content3 #primary {
+	font-weight:bold;
+	font-size:2em;
+	margin:0;
+	padding:0;
+}
+#content3 #primary li,#content3 #secondary li{
+	margin:0 0 0 1em;
+	padding:0;
+}
+#content3 #primary .secondary{
+	font-weight:normal; 
+	font-size:.8em;
+	margin:0 0 0 2em;
+	padding:0;
+}
+
+#footer3 {
+	position:absolute;
+	bottom:0;
+	right:0;
+}
+
+/*
+==============================================================================
+	Styles for corporative version
+==============================================================================
+*/
+#corp {
+	font:normal .85em Lucida Grande,Arial,sans-serif,sans;
+}
+#corp a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4170b4;
+}
+
+#corp a:hover,#corp a:focus {
+	color: #111;
+}
+
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+
+#corp #box_title1{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title1 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#corp #footer1 {
+	border: 1px solid #ddd;
+	background:#eee url("images/headertables.jpg") repeat-x top center;
+	line-height:.8em;
+	height:.8em;
+	padding:.5em;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/ 
+#corp #explanation{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+
+#corp #explanation #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	margin-top:-15px;
+	width:100%;
+}
+
+#corp #list2,#corp #main2 {
+	border:1px solid #aaa;
+}
+
+#corp #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#corp #box_title3{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title3 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+#corp #content3 {
+	border:1px solid #bbb;
+}
+
+/*
+==============================================================================
+	Styles for academic version
+==============================================================================
+*/
+#academic {
+	font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
+	color: #000915;
+}	
+#academic a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4171b5;
+}
+
+#academic a:hover,a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+#academic #box_title1{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #box_title1 #bottom{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #footer1{
+	background: #8cafe1 url('images/crystal3.png') repeat-x;
+}
+
+#academic #footer1 a{
+	color:#fff;
+}
+
+#academic #footer1 a:hover,#academic #footer1 a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#academic #explanation{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #explanation #bottom{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #list2,#academic #main2{
+	border: 1px solid #0049AF;
+}
+
+#academic #nav2 img {
+	margin-bottom:3em;
+}
+#academic #nav2 .logo {
+	margin-left:-1.2em;
+}
+
+#academic #nav2{
+	top:5em;
+} 
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#academic #box_title3 {
+	border: 1px solid #0049AF;
+	background: #b0c8eb url('images/crystal3.png') repeat-x;
+	color: #00122B;
+}
+#academic #content3{
+	border: 1px solid #0049AF;
+}
+/*
+==============================================================================
+	Styles for baby version
+==============================================================================
+*/
+#baby {
+	font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
+	color: #000;
+}
+
+#baby a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #9a0;
+}
+
+#baby a:hover,a:focus {
+	color: #470;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title1{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#baby #box_title1 #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #footer1 {
+	background-color:transparent;
+	border: 1px solid #BFAF00;
+	padding: .2em;
+	color: #3F3A00;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#baby #explanation{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #explanation #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #list2,#baby #main2 {
+	border: 1px solid #BFAF00;
+}
+
+#baby #nav2{
+	top:0;
+}
+#baby #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title3{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #box_title3 #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #content3 {
+	 border: 1px solid #BFAF00;
+}
\ No newline at end of file
diff --git a/main/img/gallery/academic.jpg b/main/img/gallery/academic.jpg
new file mode 100644
index 0000000000..89bf2bb928
Binary files /dev/null and b/main/img/gallery/academic.jpg differ
diff --git a/main/img/gallery/baby.jpg b/main/img/gallery/baby.jpg
new file mode 100644
index 0000000000..a515db568e
Binary files /dev/null and b/main/img/gallery/baby.jpg differ
diff --git a/main/img/gallery/corp.jpg b/main/img/gallery/corp.jpg
new file mode 100644
index 0000000000..a5ee0fe453
Binary files /dev/null and b/main/img/gallery/corp.jpg differ
diff --git a/main/img/gallery/corp_right.jpg b/main/img/gallery/corp_right.jpg
new file mode 100644
index 0000000000..559f7eee34
Binary files /dev/null and b/main/img/gallery/corp_right.jpg differ
diff --git a/main/inc/lib/fckeditor/editor/dialog/fck_template/images/3.jpg b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/3.jpg
new file mode 100644
index 0000000000..76c5d25a08
Binary files /dev/null and b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/3.jpg differ
diff --git a/main/inc/lib/fckeditor/fcktemplates.xml.php b/main/inc/lib/fckeditor/fcktemplates.xml.php
index 074b42ae20..11ce212df3 100644
--- a/main/inc/lib/fckeditor/fcktemplates.xml.php
+++ b/main/inc/lib/fckeditor/fcktemplates.xml.php
@@ -9,178 +9,338 @@ $template_css = '<style type="text/css">'.file_get_contents($_configuration['roo
 ?>
 <Templates imagesBasePath="fck_template/images/">
 	<Template title="Content" image="2.png">
-		<Description>One main content</Description>
+		<Description>Introductory title</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div id="content" class="dokeos_course">
-					    <h1 id="title">Title</h1>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-					    
-					    <ul>
-						    <li>List Item</li>
-						    <li>List Item</li>
-						    <li>List Item</li>
-						    <li>List Item</li>
-						    <li>List Item</li>
-					    </ul>
-				    </div>
+				    <div class="dokeos_course">
+						<div id="box_title1">
+							<h1>Press here to add a title</h1>
+							<h2>Write here a subtitle</h2>
+						</div>
+						<div id="content1">
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" alt="Mr dokeos" class="icon" /><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
+						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+						<div id="footer1">
+							<div id="manager1">Course manager: So and So
+							</div>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+							</div>
+						</div>
+					</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="content with array" image="8.png">
-		<Description>A template with array.</Description>
+	<Template title="Content" image="2.png">
+		<Description>Introductory title - Corporative</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div id="content" class="dokeos_course">
-					    <h1 id="title">Title</h1>
-					    
-					    <table class="data">
-						    <tr>
-							    <td class="item">Item #1</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-						    </tr>
-						    <tr>
-							    <td class="item">Item #2</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-						    </tr>
-						    <tr>
-							    <td class="item">Item #3</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-						    </tr>
-					    </table>
-					    
-				    </div>
+					<div class="dokeos_course" id="corp">
+						<div id="box_title1">
+							<h1>Press here to add a title</h1>
+							<h2>Write here a subtitle</h2>
+							<div id="bottom"></div>
+						</div>
+						<div id="content1">
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="Corporative icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+						<div id="footer1">
+							<div class="manager1">Course manager: So and So
+							</div>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+							</div>
+						</div>
+					</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Three areas" image="17.png">
-		<Description>Three areas for content.</Description>
+	<Template title="Content" image="2.png">
+		<Description>Introductory title - Academic</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
-				    <div id="right">
- 					    <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-right.png" /></p>
-					    <p>A comment.</p>
-				    </div>
-				    
-				    <div id="left">
-					    <h3>Title</h3>
-					    
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-				    </div>
-				    
-				    
-				    
-				    <div id="left">
-					    <h3>Title</h3>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-				    </div>
-				    </div>
-				    ]]>
-			    </Html>
-		    </Template>
-	<Template title="Three areas" image="14.png">
-		<Description>Three areas for content.</Description>
+					<div class="dokeos_course" id="corp">
+						<div id="box_title1">
+							<h1>Press here to add a title</h1>
+							<h2>Write here a subtitle</h2>
+						<div id="bottom"></div>
+						</div>
+						<div id="content1">
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+						<div id="footer1">
+							<div class="manager1">Course manager: So and So
+							</div>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+							</div>
+						</div>
+					</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="2.png">
+		<Description>Introductory title - Baby</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
-				    <div id="left">
- 					    <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" align="center" /></p>
-					    <p>A comment.</p>
-				    </div>
-				    
-				    <div id="right">
-					    <h3>Title</h3>
-					    
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-				    </div>
-				    
-				    
-				    
-				    <div id="right">
-					    <h3>Title</h3>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-				    </div>
-				    </div>
-				    ]]>
-			    </Html>
-		    </Template>
-<!--
-		    <Template title="Three areas" image="18.png">
-			    <Description>Three areas for content.</Description>
-			    <Html>
-				    <![CDATA[
+					<div class="dokeos_course" id="baby">
+						<div id="box_title1">
+							<h1>Press here to add a title</h1>
+							<h2>Write here a subtitle</h2>
+							<div id="bottom"></div>
+						</div>
+						<div id="content1">
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+						<div id="footer1">
+							<div class="manager1">Course manager: So and So
+							</div>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+							</div>
+						</div>
+					</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="2.png">
+		<Description>Explanation</Description>
+		<Html>
+			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
-						   <div id="right">
-							   <p>test</p>
-						   </div>
-						   <div id="left">
-							   <h3>Title</h3>
-							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-						   </div>
-						   
-						   
-						   <div id="content">
-							   <h3>H3 Title</h3>
-							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-							   
-							   <ul>
-								   <li>List Item</li>
-								   <li>List Item</li>
-								   <li>List Item</li>
-								   <li>List Item</li>
-								   <li>List Item</li>
-							   </ul>
-						   </div>
-				    </div>
-						   ]]>
-					   </Html>
-				   </Template>
-				   <Template title="Four areas" image="20.png">
-					   <Description>Four areas for content.</Description>
-					   <Html>
-						   <![CDATA[
+					<div class="dokeos_course" class="template2">
+						<div id="nav2">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/teacher.png" alt="Mr dokeos"  />
+							<div id="list2">
+							<p><i>Check out:</i></p>
+								<ul>
+									<li>web 1</li>
+									<li>web 2</li>
+									<li>Resource 1</li>
+								</ul>
+							</div>
+						</div>
+						<div id="content2">
+							<div id="explanation">
+							<h1>Explanation</h1>
+							</div>
+							<div id="main2">
+							<h2>Enter text here for your explanation</h2>
+						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+							</div>
+						</div>
+				</div>
+			]]>
+		</Html>
+	</Template>
+		<Template title="Content" image="3.jpg">
+		<Description>Explanation - Corporative version</Description>
+		<Html>
+			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
-								  <div class="left">
-									  <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" /></p>
-								  </div>
-								  
-								  <div class="right">
-									  <h3>H3 Title</h3>
-									  <div class="image">Image placehoder</div>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-								  </div>
-								  
-								  <br style="clear: both;" />
+					<div class="dokeos_course" class="template2" id="corp" >
+						<div id="nav2">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="corporative icon"  />
+							<div id="list2">
+							<p><i>Check out:</i></p>
+								<ul>
+									<li>web 1</li>
+									<li>web 2</li>
+									<li>Resource 1</li>
+								</ul>
+							</div>
+						</div>
+						<div id="content2">
+							<div id="explanation">
+							<h1>Explanation</h1>
+							<div id="bottom"></div>
+							</div>
+							<div id="main2">
+							<h2>Enter text here for your explanation</h2>
+						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+							</div>
+						</div>
+				</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.jpg">
+		<Description>Explanation - Academic version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template2" id="academic" >
+					<div id="nav2">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon" class="logo" />
+						<div id="list2">
+						<p><i>Check out:</i></p>
+							<ul>
+								<li>web 1</li>
+								<li>web 2</li>
+								<li>Resource 1</li>
+							</ul>
+						</div>
+					</div>
+					<div id="content2">
+						<div id="explanation">
+						<h1>Explanation</h1>
+						<div id="bottom"></div>
+						</div>
+						<div id="main2">
+						<h2>Enter text here for your explanation</h2>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+					</div>
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.jpg">
+		<Description>Explanation - Baby version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template2" id="baby" >
+					<div id="nav2">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="baby icon" class="logo" />
+						<div id="list2">
+						<p><i>Check out:</i></p>
+							<ul>
+								<li>web 1</li>
+								<li>web 2</li>
+								<li>Resource 1</li>
+							</ul>
+						</div>
+					</div>
+					<div id="content2">
+						<div id="explanation">
+						<h1>Explanation</h1>
+						<div id="bottom"></div>
+						</div>
+						<div id="main2">
+						<h2>Enter text here for your explanation</h2>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+					</div>
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template3">
+						<div id="box_title3">
+							<h1>Course objetives</h1>
+						</div>
+						<div id="content3">
+						<ul id="primary">
+							<li>Objetive number 1</li>
+							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+							<li>Objetive number 2</li>
+							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+							<li>Objetive number 3</li>
+							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+						</ul>
+						<div id="footer3">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-right.png" alt="Mr dokeos" class="logo" />
+						</div> 
+						</div>	
+				</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Corporative version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+				<div class="dokeos_course" class="template3" id="corp">
+					<div id="box_title3">
+						<h1>Course objetives</h1>
+						<div id="bottom"></div>
+					</div>
+					<div id="content3">
+					<ul id="primary">
+						<li>Objetive number 1</li>
+						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+						<li>Objetive number 2</li>
+						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+						<li>Objetive number 3</li>
+						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+					</ul>
+					<div id="footer3">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp_right.jpg" alt="Corporative logo" class="logo" />
+					</div> 
+					</div>	
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Academic version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+				<div class="dokeos_course" class="template3" id="academic">
+					<div id="box_title3">
+						<h1>Course objetives</h1>
+						<div id="bottom"></div>
+					</div>
+					<div id="content3">
+					<ul id="primary">
+						<li>Objetive number 1</li>
+						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+						<li>Objetive number 2</li>
+						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+						<li>Objetive number 3</li>
+						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+					</ul>
+					<div id="footer3">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic logo" class="logo" />
+					</div> 
+					</div>	
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Baby</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template3" id="baby">
+						<div id="box_title3">
+							<h1>Course objetives</h1>
+							<div id="bottom"></div>
+						</div>
+						<div id="content3">
+						<ul id="primary">
+							<li>Objetive number 1</li>
+							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+							<li>Objetive number 2</li>
+							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+							<li>Objetive number 3</li>
+							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+						</ul>
+						<div id="footer3">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby logo" class="logo" />
+						</div> 
+						</div>	
+				</div>
+			]]>
+		</Html>
+	</Template>
+</Templates>
 
-								  <div class="left">
-									  <h3>H3 Title</h3>
-									  <div class="image">Image placehoder</div>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-								  </div>
 
-								  <div class="right">
-									  <h3>H3 Title</h3>
-									  <div class="image">Image placehoder</div>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-								  </div>
-								  </div>
-								  ]]>
-							  </Html>
-						  </Template>-->
-</Templates>