@charset "UTF-8";
/* CSS Document */
/* common styling for all of Miro Holding International's website */

* {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#221F1F;
}

body {
	
}

h1 {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
}
p {
	font-size:14px;
	margin:1em 0;
	line-height:1.25;
}
p.emphasised {
	font-size:16px;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;	
}

ul {
	/*list-style-image:url(/images/bullet-point-miro-leaf.png); */
	list-style:circle;
	margin-left:35px;
}

li {
	margin:0.5em 0;	
}

.callout a{
	font-style:italic;
	color:#9BC63F;
}

/* Header */
#header_logo_container {
	background-color:#6B6C6F;
}

#header_logo {
	margin:0 auto;
	width:960px;
	height:61px;
	padding-left:10px;
}

#header_logo img {
	padding-top:10px;	
}
#header_menu_container {
	background-color:#9F9C9C;
	border-top:#383435 4px solid;
}
#header_menu {
	margin:0 auto;
	width:960px;
}

#header_main_menu ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	list-style:none;
	height:18px;
	padding-top:8px; /* to avoid the black horizontal line */
	font-weight:bold;
	margin:0;
	display:inline;
	float:left;
	width:450px;
	margin-left:10px;
}

#header_further_menu ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	list-style:none;
	font-weight:bold;
	height:18px;
	padding-top:8px; /* to avoid the black horizontal line */
	margin-top:3px; /* to align with adjacent font size of 14px */
	margin-right:-2em; /* assures that the list is right aligned to edge of container */
	text-align:right;
	
	display:inline;
	float:right;
	width:450px;
}

#header_main_menu li, #header_further_menu li{
	display:inline;
	margin:0 2em 0 0;
}

#header_main_menu a{
	text-decoration:none;
	color:#fff;
	padding:7px 3px 4px 3px; /* useful for when background-color is set for selected class */
}

#header_further_menu a {
	text-decoration:none;
	color:#FEFAEA;
	padding:10px 3px 5px 3px; /* useful for when background-color is set for selected class */
}

/* top menu link highlighting according to page */

body#home a#top_link_home, 
body#about_us a#top_link_about_us,
body#portfolio a#top_link_portfolio,
body#our_people a#top_link_our_people,
body#investor_club a#top_link_investor_club,
body#miro_foundation a#top_link_miro_foundation,
body#latest_news a#top_link_latest_news,
body#contact_us a#top_link_contact_us
{
	background-color:#393536;
}

/* hover should change text color */
a#top_link_home:hover, 
a#top_link_about_us:hover,
a#top_link_portfolio:hover,
a#top_link_our_people:hover,
a#top_link_investor_club:hover,
a#top_link_miro_foundation:hover,
a#top_link_latest_news:hover,
a#top_link_contact_us:hover
{
	color:#393536;
}

/* hover shouldn't change text color if the page is already selected */

body#home a#top_link_home:hover, 
body#about_us a#top_link_about_us:hover,
body#portfolio a#top_link_portfolio:hover,
body#our_people a#top_link_our_people:hover
{
	color:#fff;
}
body#investor_club a#top_link_investor_club:hover,
body#miro_foundation a#top_link_miro_foundation:hover,
body#latest_news a#top_link_latest_news:hover,
body#contact_us a#top_link_contact_us:hover{
	color:#FEFAEA;
}


.end_of_header {
	margin-bottom:26px;	
}

/* End Header */


/* Start Footer */

.endofcontent  {
	height:15px;
	background:url(/images/footer-border.png) bottom repeat-x;
	margin: 10px;
}

#footer {
	font-size:10px;
	color:#504D4D;
	width:790px;
	float:left;
	padding-left:10px;
}

#footer ul{
	list-style:none;
	
}

#footer a{
	text-decoration:none;
	color:#504D4D;
	margin:0 0.5em;
}
#footer a:hover{
	text-decoration:underline;	
}

#credits {
	text-align:right;
	font-size:10px;
	width:150px;
	float:left;
	padding-right:10px;
}

#credits a{
	text-decoration:none;
	color:#504D4D;
}

/* forcing footer to bottom */

html, body {
    height: 100%;
}

.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
 }


#footer_container, #push {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 4em;
}

/* End Footer */