/*--- resets browsers default behavior ---*/

* {
	margin:0;
	padding:0;
}

dl, ul, th, td {
	list-style:none;
	position:relative;
}

ol {
	list-style:upper-alpha;
	position:relative;
}

img {
	border:none;
	display:block;
}

/*--- common styles ---*/

body {
	background:#aac5da url(../images/top-tile.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
/*	font-size:71%;*/
	font-size:76%;
	line-height: 120%;
	color:#000;
}

/*--- layout styles ---*/

#wrapper {
	width:1000px;
	background:url(../images/tile.gif) top left repeat-y;
	margin-left:42px;
}

#content-wrapper {
	width:900px;
	background:url(../images/background.gif) 0px 0px no-repeat;
	margin-left:-42px;
}

#content-container {
	width:740px;
	margin-left:55px;
}

#content-container h1 {
	width:361px;
	height:42px;
	background: url(../images/edc.gif) bottom left no-repeat;
	padding-top:29px;
	margin-left:118px;
}

#content-container h1 span {
	visibility:hidden;
}

#nav  {
	margin:28px 0 0 125px;
}

#nav li{
	float:left;
	padding-right:38px;
}

#nav li a{
	color:#4fad21;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:1.05em;
}

#nav li a:hover{
	color:#225b05;
}

#nav li a.selected {
	color:#666666;
}

#content-main {
	border:1px solid #a3c0d6;
	background-color:#fff;
	margin:4px 32px 10px 56px;
}

#branding {
	background: url(../images/logo-mli+edc.gif) top left no-repeat;
	width:138px;
	height:224px;
	position:absolute;
	top:0px;
	left:0px;
}

#branding p {
	margin:14px 0 0 20px;
}

#branding p a{
	display:block;
	width:92px;
	height:68px;
	text-decoration:none;
}

#branding p a span{
	visibility:hidden;
}

#sponsors {
/*	background-color:#993366;*/
	width:80px;
	position:absolute;
	top:151px;
	left:808px;
}

#sponsors h3 {
	font-size:100%;
	font-weight:normal;
	color:#65666a;
	padding-left:6px;
	padding-bottom:16px;
}

#sponsors .nokia {
	margin-bottom:23px;
}

#sponsors .pf {
	margin-bottom:21px;
}

#sponsors .penguin {
	margin-bottom:17px;
}

#main-area{
	padding:35px 20px 27px 27px; 
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	line-height:1.4em;
}

#download {
	position:absolute;
	width:125px;
	top:203px;
	left:618px;
	font-size:100%;
	line-height: 110%;
}

#downloadindex {
	position:absolute;
	width:110px;
	top:510px;
	left:618px;
	font-size:100%;
	line-height: 110%;
}

.short {
	margin-right:163px;
	
}

.first-img {
	position:absolute;
	top:600px;
	left:585px;
}

.second-img{
	position:absolute;
	top:200px;
	left:594px;
}

.third-img{
	position:absolute;
	top:425px;
	left:594px;
}

.fourth-img{
	position:absolute;
	top:200px;
	left:594px;
}

.fifth-img{
	position:absolute;
	top:750px;
	left:594px;
}

.sixth-img{
	position:absolute;
	top:200px;
	left:594px;
}

.seventh-img{
	position:absolute;
	top:655px;
	left:594px;
}

.eight-img{
	position:absolute;
	top:150px;
	left:590px;
}

.ninth-img{
	position:absolute;
	top:400px;
	left:590px;
}

.tenth-img{
	position:absolute;
	top:1150px;
	left:594px;
}


.eleventh-img{
	position:absolute;
	top:1610px;
	left:590px;
}

.coming-img {
	position:absolute;
	top:150px;
	left:585px;
}

#vid-strip {
	position:absolute;
	top:1225px;
	left:590px;
}

#main-area p{
	padding-bottom:10px;
}

#main-area ul{
	padding-bottom:10px;
}

#main-area li{
	list-style-type:disc;
	margin-left:40px;
}

h2.title-a {
	background:url(../images/title-a.jpg) top left no-repeat;
	width:390px;
	height:28px;
/*	margin-left:45px;*/
	padding-bottom:19px;
/*	border:1px solid red;*/
	position:absolute;
	top:152px;
	left:182px;
/*	display:block;
	z-index:400;*/
}

/*h2.title-a span {
	text-align:center;
}*/


h2.title-b {
	background:url(../images/title-b.jpg) top left no-repeat;
	width:362px;
	height:28px;
	margin-left:58px;
	padding-bottom:19px;
}

h2.title-c {
	background:url(../images/title-c.jpg) top left no-repeat;
	width:362px;
	height:28px;
	margin-left:145px;
	padding-bottom:19px;
}

h2.title-d {
	background:url(../images/title-d.jpg) top left no-repeat;
	width:351px;
	height:53px;
	margin-left:69px;
	padding-bottom:19px;
}

h2.title-e {
	background:url(../images/title-e.jpg) top left no-repeat;
	width:341px;
	height:28px;
	margin-left:95px;
	padding-bottom:19px;
}

h2.title-a span, h2.title-b span, h2.title-c span, h2.title-d span, h2.title-e span{
	visibility:hidden;
}

#main-area p.last {
	display:block;
	padding-bottom:16px;
	margin-bottom:11px;
	border-bottom:1px solid #a3c0d6;
}

#main-area h4 {
	color:#51c517;
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:16px;
} 

#main-area h5 {
	color:#51c517;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:6px;
	padding-bottom:4px;
} 


#main-area a{
	color:#4788b8;
	text-decoration:none;
	font-size:100%;
} 

#main-area a:hover{
	color: #5dc82a;
	text-decoration:none;
}

.heading {
font-style:bold;
color:#000000;
}

/*--- gives some extra space at bottom of <div id="main-area"> ---*/

.mli {
	margin-bottom:110px;
}

/*--------------------*/

.shadow {
	margin-left:42px;
} 

#footer {
	background-color:#5891c0;
	color:#a7c7dd;
	font-size:87%;
	border:1px solid #4d7796;
}

#footer p{
	padding:4px;
}

#nav-replacement {
	margin-top:18px;
	height:23px;
}

#nav-replacement p {
	padding:0;
}

.video {
	width:362px;
	margin-left:34px;
	padding:10px;
/*	border:1px solid red;*/
}

#main-area .video p {
	padding:6px 0 6px 0;
	margin:none;
	line-height:normal;
}

#main-area .video p strong {
	color:#5695c1;
}

.last-item {
	margin-bottom:9px;
}





/*--- clearfix ---*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */ 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */