@charset "utf-8";
/* ==================== Mar Markarios Home Page Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Header Image
	 2.Page

*/

/* ==================== 1.Header Image ==================== */
#header-img-container{width:100%; float:left; background:url(../images/home/bg-home-header-container.jpg) repeat-x;}

#header-img {background:url(../images/home/bg-home-header.jpg) no-repeat; width:950px; height:302px; margin:0px auto; color:#333;}

#header-img img.img-right {float:right; margin:32px 0px 0px 10px;}

#header-img div#intro {width:572px; float:left; padding:20px; margin-top:34px;}

#header-img h1 {padding-left:40px; margin-bottom:20px; font-style:italic;}

#header-img p {line-height:1.6em; margin-bottom:10px;}

#header-img div#lecture {height:32px;}

#header-img div#lecture p{float:left; display:block; margin:10px 0px; }

#header-img div#lecture img {float:right;}

/* ==================== 2.Page ==================== */
	
#content-container {width:100%; float:left; background-color:#FFF;}

#content {width:910px; margin:0px auto; padding:20px; height:215px;}

#content div {width:280px; margin-right:35px; float:left;}

#content h2 {padding-bottom:10px;}

#content li {background:url(../images/bullet-content.gif) no-repeat left 6px; padding-left:12px;}

/* --------- Learn --------- */

#content div#learn {background:url(../images/home/bg-learn-about-mar-markarios.jpg) no-repeat left 20px; height:210px;}

#content div#learn p {padding-left:100px; line-height:1.6em; margin-bottom:10px;}

#content div#learn  ul {margin-left:112px; line-height:1.6em;}

/* --------- Gallery --------- */

#content div#gallery table {border-collapse:collapse;}

#content div#gallery img {margin-right:10px; margin-bottom:10px; padding:3px; border:#CCC 1px solid;}

#content div#gallery img.last {margin-right:0px; margin-bottom:10px;}

/* --------- Blog --------- */

#content div#blog {margin-right:0px;}

#content div#blog h3 {font-size:1em; font-weight:bold;}

#content div#blog strong {font-weight:normal; color:#333;}

#content div#blog div.hr {width:278px; margin-right:0px; height:0px; border-bottom:1px dashed #CCC;  margin-bottom:5px; float:none;}

#content div#blog div.hr hr {display: none;}

#content p {line-height:1.6em; margin-bottom:10px;}