/* CSS Document */

/* Elements */
body {
	background-color: #d8d8d8;
	background-image:url(/custom/files/media/2moropagefill.gif);
	background-repeat:repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	margin: 0px; 
	padding: 0px;
	text-align: center; /* this is to centre the outer div in ie5*/
}

h1 { 
	font-weight: normal; 
	font-size: 30px;
	color: #2e72f4;
	font-style: normal;
}

*+html h1 {clear:left;}/* ie6 & 7 hacks to make the title sit below the bread crums */
* html h1 {clear:left;}
h2 { 
  font-weight: normal; 
  font-size: 24px;
  color: #2e72f4;
  font-style: normal;
}
h3 { 
  font-weight: normal;
  font-size: 18px;
  color: #2e72f4;
  font-style: normal;
}

p { 
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	color: #505050;
}

img {
	margin: 0px; 
	padding: 0px; 
	border: none; 
}

a:link,
a:visited { color:#2e72f4; text-decoration:underline; }
a:focus,
a:hover,
a:active  { color:#2e72f4; text-decoration:none; }

ul {
	padding-left:10px;
	margin-left:5px;
}
li {
  list-style-type:disc;
	color: #6a6a6a;
	padding-bottom:5px;
	padding-left:0px;
	margin-left:10px;
}

/** Template Containers **/

#main_wrapper {
	width: 970px;
	padding: 0px;
	margin: 0px auto;
	text-align: left; /* this re-sets the text align from the body styling */
}
#inner_wrapper { float:left; width:970px; position: relative; background-color:#ffffff; }
#home_wrapper  { float:left; width:970px; position: relative; background-color:#ffffff; height:314px;}

#lhs_shadow {position: absolute; width:20px; bottom:0; left:0px; clear:left;}
#rhs_shadow {position: absolute; width:20px; bottom:0; left:950px;}
#lhs_shadow img {}
#rhs_shadow img {}
/* Header for all pages */
#header {
	float: left;
	width: 930px;
	margin: 0px;
	height: 130px;
  padding:0px 20px;
  background-color:#ffffff;
}
* html #header {width: 950px; padding:0px 0px 0px 20px;}/* ie6 */

#header_logo {
	float: left;
	height: 100px;
	width: 620px;
  padding:0px;
  margin: 0px;
}
#top_links {
  float: right;
  width: 150px;
  padding:0px;
  margin: 30px 20px 0px 0px;
}
#top_links span {float:right; font-size: 11px; color:#909090;}
#top_links span a:link,
#top_links span a:visited { color:#909090; text-decoration:none; font-size: 11px; margin-right:17px;}
#top_links span a:focus,
#top_links span a:hover,
#top_links span a:active  { color:#909090; text-decoration:underline; font-size: 11px; margin-right:17px;}
#top_links span.top_links {margin-right:28px; margin-top:10px;}

/* Navigation for all pages */
#main_nav {
  float: left;
	width: 945px;
	padding: 0px;
	height: 30px;
}
#main_nav ul              { float:left; height:30px; margin:0px; padding:0px; width:930px; }
#main_nav ul li           { float:left; height:30px; margin:0px; padding:0px; width:155px; list-style:none; }
#main_nav ul li a:link,
#main_nav ul li a:visited { display: block; background-position: 0 -30px; height:30px; width:155px; margin:0px; padding:0px; text-decoration:none;}

#main_nav ul li a.b1 { background: url(/custom/files/media/navhomeon.gif) 0 -30px no-repeat; }
#main_nav ul li a.b2 { background: url(/custom/files/media/navmobdevon.gif) 0 -30px no-repeat; }
#main_nav ul li a.b3 { background: url(/custom/files/media/navmobcampon.gif) 0 -30px no-repeat; }
#main_nav ul li a.b4 { background: url(/custom/files/media/navthink2moroon.gif) 0 -30px no-repeat; }
#main_nav ul li a.b5 { background: url(/custom/files/media/navabouton.gif) 0 -30px no-repeat; }
#main_nav ul li a.b6 { background: url(/custom/files/media/navblogon.gif) 0 -30px no-repeat; }

#main_nav ul li a:focus,
#main_nav ul li a:hover,
#main_nav ul li a:active,
#main_nav ul li.parent a:link,
#main_nav ul li.parent a:visited { background-position: 0 0; text-decoration:none;}

#main_nav ul li a span { visibility: hidden; }


/* Footer for all pages */
#footer_links {
background:#f0f0f0 url(/custom/files/media/2morohomefootershadow.gif) no-repeat scroll 0px 0px;
float:left;
margin:0px;
padding:120px 20px 5px;/*t r/l b*/
width:930px;
}

#footer_links ul          { float:left; margin:0; width:145px; height:100px; margin-right:10px; padding:0; }
#footer_links ul.last     { margin-right: 0px;}
#footer_links ul li       { list-style:none; margin:0; padding:5px 0px 0px 0px; color:#909090; font-size: 11px; }
#footer_links ul li.title { font-weight:bold; padding: 0px; }
#footer_links ul a        { padding: 0px; }
#footer_links a:link,
#footer_links a:visited   { font-size: 11px; color:#909090; text-decoration:none; }
#footer_links a:focus,
#footer_links a:hover,
#footer_links a:active    { font-size: 11px; color:#909090; text-decoration:underline; }
#footer_links ul li.blog_footer_link 
{
  padding:0pt;
  width:130px;
  margin-top:5px;
}


#footer_links ul li.blog_footer_link a:link,
#footer_links ul li.blog_footer_link a:visited {color:#2e72f4;}
#footer_links ul li.blog_footer_link a:focus,
#footer_links ul li.blog_footer_link a:hover,
#footer_links ul li.blog_footer_link a:active {color:#2e72f4;}

/* Specific to Content pages */
#content {
  float:left;
  padding: 30px 0px 45px 20px;
  width:930px;
}
#content_nav {
  float:left;
  width: 175px;
}
#content_main_body {
  float:left;
  width: 540px;
  margin-right:20px;
}
#content_main_body_wide {
  float:left;
  width: 750px;
}
#content_secondary {
  float:left;
  width: 165px;
}

div.carousel {margin: 0 0 0 10px; width:930px;}

/* Specific to Home page */
#home_content {
  float:left;
  padding: 0px 0px 0px 20px;
  margin: 0px;
  width:930px;
  height:314px;
  background: url(/custom/files/media/2morohomemainimage.jpg) 20px 0px no-repeat;
}

#home_content_apps {
  float:left;
  padding: 0px 0px 0px 20px;
  margin: 0px;
  width:930px;
  height:314px;
  background: url(/custom/files/media/2moro_home_mainimageapps.jpg) 0px 0px no-repeat;
}

#home_content_womad {
  float:left;
  padding: 0px 0px 0px 20px;
  margin: 0px;
  width:930px;
  height:314px;
  background: url(/custom/files/media/2moro_womad_home.png) 0px 0px no-repeat;
}
#home_content a { color:#ffffff; font-size:16px; font-weight:bold;}

#home_content .hover1 {width:220px; height:82px; left:22px; top:183px; position:relative; }
#home_content .hover2 {width:220px; height:82px; left:688px; top:30px; position:relative; }
#home_content .hover3 {width:220px; height:82px; left:688px; top:30px; position:relative; }

#home_content .hover1 a:link,
#home_content .hover1 a:visited { display:block; width:220px; height:82px; text-decoration:none; background: url(/custom/files/media/2moroj2mepanel.gif) 0px 0px no-repeat;}
#home_content .hover1 a:focus,
#home_content .hover1 a:hover,
#home_content .hover1 a:active  { display:block; width:220px; height:82px; text-decoration:none; background-position: 0px -82px;}

#home_content .hover2 a:link,
#home_content .hover2 a:visited { display:block; width:220px; height:82px; text-decoration:none; background: url(/custom/files/media/2moroiphonepanel.gif) 0px 0px no-repeat;}
#home_content .hover2 a:focus,
#home_content .hover2 a:hover,
#home_content .hover2 a:active  { display:block; width:220px; height:82px; text-decoration:none; background-position: 0px -82px;}

#home_content .hover3 a:link,
#home_content .hover3 a:visited { display:block; width:220px; height:82px; text-decoration:none; background: url(/custom/files/media/2moro_iphonepanelblue.gif) 0px 0px no-repeat;}
#home_content .hover3 a:focus,
#home_content .hover3 a:hover,
#home_content .hover3 a:active  { display:block; width:220px; height:82px; text-decoration:none; background-position: 0px -82px;}

#home_content .hover1 a span.top { padding:15px 20px 0px 20px; float:left;}
#home_content .hover2 a span.top { padding:10px 20px 0px 20px; float:left;}
#home_content .hover3 a span.top { padding:10px 20px 0px 20px; float:left;}
#home_content .hover1 a span.bottom,
#home_content .hover2 a span.bottom { clear:both; float:right; padding-right:20px; }
#home_content .hover3 a span.bottom { clear:both; float:right; padding-right:20px; }

#home_content .hover1 a:focus span.bottom,
#home_content .hover1 a:hover span.bottom,
#home_content .hover1 a:active span.bottom,
#home_content .hover2 a:focus span.bottom,
#home_content .hover2 a:hover span.bottom,
#home_content .hover2 a:active span.bottom { text-decoration:underline; }
#home_content .hover3 a:focus span.bottom,
#home_content .hover3 a:hover span.bottom,
#home_content .hover3 a:active span.bottom { text-decoration:underline; }


/**/
.clear {
	clear:both
}
ul.mobile_development_logos    { float: left; list-style: none; margin: 0px; padding: 0px; width: 200px; }
ul.mobile_development_logos li { width: 200px; margin:0px; padding:0px; list-style: none;}

/** Centric Control Styling **/
/* Family Links Control */
#navcontainer {
  float:left;
	margin: 20px 20px 30px 15px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	color: #505050;
	font-size: 12px;
	width:140px;	
}
* html #navcontainer { margin-right:10px; margin-left:7px;}
#navcontainer ul {
	float:left;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	width:100%;
	z-index:500;
}
#navcontainer ul li {
	border-bottom:1px solid #d0d0d0;
	width: 140px;
}
#navcontainer li {
	float:left;
	margin:0pt;
	padding:0pt;
	list-style-type:none;
}

#navcontainer ul#navlist li ul             { width:140px; }
#navcontainer ul#navlist li ul li          { border-bottom: none; border-top :1px solid #d0d0d0; width:140px;}
#navcontainer ul#navlist li ul li a        { width:159px; padding-left:15px; height:100%; width:120px;} 
#navcontainer ul#navlist li ul li ul li a  { width:144px; padding-left:30px; height:100%; } 

#navcontainer ul#navlist li#active a       { font-weight:bold; }
#navcontainer ul#navlist li#active ul li a { font-weight:normal; }
#navcontainer a { color:#505050; display:block;	height:100%; line-height:30px;	padding-left:5px;	text-decoration:none;	width:135px; }

#navcontainer a:link,
#navcontainer a:visited { color:#505050; text-decoration:none; }
#navcontainer a:focus,
#navcontainer a:hover,
#navcontainer a:active  { color:#505050; text-decoration:underline; }

/* centric control styling */
#centricBreadcrumbsLink ul {float:left; list-style-type:none;	margin:0pt;	padding:0pt;width:100%;}
#centricBreadcrumbsLink li {float:left; list-style-type:none; margin:0pt;	padding:0pt; font-size: 12px; color:#2e72f4; text-decoration:none;margin-right: 5px;}

#centricBreadcrumbsLink a:link,
#centricBreadcrumbsLink a:visited { font-size: 12px; color:#2e72f4; text-decoration:underline; margin-right: 5px;}
#centricBreadcrumbsLink a:focus,
#centricBreadcrumbsLink a:hover,
#centricBreadcrumbsLink a:active,
#centricBreadcrumbsLink a.centricBreadcrumbsCurrent a:link,
#centricBreadcrumbsLink a.centricBreadcrumbsCurrent a:visited { font-size: 12px; color:#2e72f4; text-decoration:none; margin-right: 5px;}