@charset "utf-8";

/* ------ / global / ------ */

*
{
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

#download_conditions
{
    margin: 10px 10px;
    background-color:#222222;
    padding:5px 5px 5px 5px;
    font-size:12px;
}

#slideshow_container

{
    padding:10px 10px 10px 10px;
    background-image:url(../images/MI_annPanel.png);
    }

#bbcnewsticker
{   
    max-height: 90px;
}

:focus
{
	outline:none;
}

a
{
	color:#8dd7ea;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

body
{
	background-image:url(../images/body.png);
	background-repeat:repeat-x;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	background-color:#8dd0e3;
}

button
{
	background:none;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
}

img
{
	border:none;
	vertical-align:bottom;
}
span.highlight
{
    color:#8dd7ea;
}

input.text
{
	background-color:#202020;
	border:#666666 solid 1px;
	color:#666666;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	padding:1px 3px;
}

input.error
{
	border:#FF6600 solid 1px;
}

select
{
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
}

textarea
{
	background-color:#202020;
	border:#666666 solid 1px;
	color:#666666;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	padding:1px 3px;
}

/* -- */

#container
{
	margin:0px auto;
	width:980px;
}

#container div.container
{
	background-image:url(../images/div.container.png);
	background-repeat:repeat-y;
	padding:0px 15px;
	width:950px;
}

* html #container div.container
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/div.container.png', sizingMethod='scale');	
}

/* -- */

#header
{
	background-image:url(../images/header.png);
	height:130px;
	position:relative;
	width:950px;
}

#header h1
{
	bottom:18px;
	height:25px;
	left:19px;
	position:absolute;
	width:331px;
}

#header h1 a
{
	display:block;
	height:25px;
	text-indent:-9999px;
	width:331px;
}

#header div
{
	bottom:18px;
	height:28px;
	right:20px;
	position:absolute;
	width:28px;
}

#header div a
{
	display:block;
	height:28px;
	text-indent:-9999px;
	width:28px;
}

/* -- */

#navigation
{
	background-image:url(../images/navigation.png);
	background-repeat:repeat-x;
	height:30px;
	overflow:hidden;
	width:950px;
}

#navigation ul
{
	display:inline;
	float:left;
	height:30px;
	list-style:none;
}

#navigation ul li
{
	background-image:url(../images/navigation-ul-li.png);
	background-position:right center;
	display:inline;
	float:left;
	height:30px;
	margin:0px 1px 0px 0px;
	padding:0px 2px 0px 0px;
}

#navigation ul li a
{
	color:#cccccc;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:27px;
	padding:0px 25px;
	text-decoration:none;
}

#navigation ul li a.on
{
	background-image:url(../images/navigation-ul-li-a.on.png);
	background-repeat:repeat-x;
	color:#8dd7ea;
}

#navigation ul li a:hover
{
	color:#8dd7ea;
}

#navigation div
{
	color:#999999;
	display:inline;
	float:right;
	font-size:9px;
	height:30px;
	line-height:27px;
	padding:0px 25px;
	text-transform:uppercase;
}

/* -- */

#content
{
	background-color:#202020;
	color:#ffffff;
	overflow:hidden;
	padding:10px;
	width:930px;
}

/* -- */

#sidebar_left
{
	display:inline;
	float:left;
	width:230px;
}

#sidebar_left h4
{
	border-bottom:#666666 solid 1px;
	color:#666666;
	font-size:14px;
	margin:10px;
	padding:0px 0px 10px 0px;
}

#sidebar_left div.box
{
	background-color:#333333;
	background-image:url(../images/sidebar-div.box.png);
	margin:0px 0px 10px 0px;
}

#sidebar_left div.box div.content
{
	background-image:url(../images/sidebar-div.box-div.content.png);
	background-position:center bottom;
	overflow:hidden;
	width:230px;
}
#sidebar_left div.menu div.content ul li
{
	color:#8dd7ea;
}

#sidebar_left div.menu div.content a
{
	color:#666666;
}

#sidebar_left div.menu div.content a:hover
{
	color:#8dd7ea;
}

#sidebar_left div.latest_news ul
{
	list-style:none;
}

#sidebar_left div.latest_news ul li
{
	border-bottom:#666666 solid 1px;
	line-height:18px;
	margin:10px;
	padding:0px 0px 10px 0px;
}

#sidebar_left div.latest_news ul li strong
{
	display:block;
	font-size:12px;
}

#sidebar_left div.latest_news ul li a
{
	text-transform:uppercase;
	white-space:nowrap;
}

#sidebar_left div.latest_news div.more
{
	background-image:url(../images/sidebar_left-div.latest_news-div.more.png);
	background-position:left center;
	margin:10px;
	padding:0px 0px 0px 12px;
	text-transform:uppercase;
}

#sidebar_left div.latest_news div.register form
{
	height:18px;
	padding:0px 10px 10px 10px;
	overflow:hidden;
	width:210px;
}

#sidebar_left div.latest_news div.register form input
{
	display:inline;
	float:left;
	width:163px;
}

#sidebar_left div.latest_news div.register form button
{
	background-image:url(../images/sidebar_left-div.latest_news-div.register-form-button.png);
	display:inline;
	float:right;
	height:17px;
	width:29px;
}

#sidebar_left div.menu h4
{
	margin:10px 10px 5px 10px;
}

#sidebar_left div.menu ul
{
	list-style:none;
	padding:0px 0px 10px 0px;
}

#sidebar_left div.menu ul li
{
	border-bottom:#666666 solid 1px;
	color:#666666;
	line-height:18px;
	margin:5px 10px;
	padding:0px 0px 5px 0px;
	text-transform:uppercase;
}

#sidebar_left div.minews
{
	background-image:url(../images/sidebar_left-div.minews.png);
	height:40px;
	margin:0px 0px 10px 0px;
	width:230px;
}

#sidebar_left div.minews a
{
	display:block;
	height:40px;
	text-indent:-9999px;
	width:230px;
}

#sidebar_left div.mirss
{
	background-image:url(../images/sidebar_left-div.mirss.png);
	height:40px;
	margin:10px 0px 0px 0px;
	width:230px;
}

#sidebar_left div.mirss a
{
	display:block;
	height:40px;
	text-indent:-9999px;
	width:230px;
}

#sidebar_left div.mitour
{
	background-image:url(../images/sidebar_left-div.mitour.png);
	height:40px;
	margin:10px 0px 0px 0px;
	width:230px;
}

#sidebar_left div.mitour a
{
	display:block;
	height:40px;
	text-indent:-9999px;
	width:230px;
}

div.miwork
{
	background-image:url(../images/MIwork_new_03.gif);
	height:40px;
	margin:10px 0px 0px 0px;
	width:230px;
}

div.miwork a
{
	display:block;
	height:40px;
	text-indent:-9999px;
	width:230px;
}

#sidebar_left div.logos
{
	margin:20px 0px 0px 0px;
	text-align:center;
}

#sidebar_left div.message
{
	margin:10px 0px 0px 0px;
}

#sidebar_left div.message p
{
	line-height:18px;
	margin:10px;
}
#sidebar_left div.message ul 
{
	list-style:none;
}
#sidebar_left div.message ul li
{
	line-height:18px;
	margin:10px;
	text-decoration:none;
	list-style-image:none;
}

#sidebar_left div.message p a
{
	text-transform:uppercase;
}

/* -- */


#main
{
	display:inline;
	float:left;
	margin:0px 10px;
	width:450px;
}

#main div.box
{
	background-color:#333333;
	background-image:url(../images/main-div.box.png);
	margin:10px 0px 0px 0px;
}

#main div.box div.content
{
	background-image:url(../images/main-div.box-div.content.png);
	background-position:center bottom;
	overflow:hidden;
	padding:20px 0px;
	width:450px;
}

#main div.box h2
{
	font-size:18px;
	margin:10px 15px;
}

#main div.box h4
{
	color:#666666;
	font-size:14px;
	margin:10px;
}

#main div.box p
{
	line-height:18px;
	margin:10px 15px;
}

/* -- */

#sidebar_right
{
	display:inline;
	float:left;
	width:230px;
}

#sidebar_right div.logos
{
	margin:20px 0px 0px 0px;
	text-align:center;
}

#sidebar_right h4
{
	border-bottom:#666666 solid 1px;
	color:#666666;
	font-size:14px;
	margin:10px;
	padding:0px 0px 10px 0px;
}

#sidebar_right div.box
{
	background-color:#333333;
	background-image:url(../images/sidebar-div.box.png);
}

#sidebar_right div.box div.content
{
	background-image:url(../images/sidebar-div.box-div.content.png);
	background-position:center bottom;
	overflow:hidden;
	width:230px;
}

#sidebar_right div.box p
{
	line-height:18px;
	margin:10px;
}

#sidebar_left div.client_login form
{
	padding:0px 10px 10px 10px;
	overflow:hidden;
	width:210px;
}

#sidebar_left div.client_login form div
{
	overflow:hidden;
	width:210px;
}

#sidebar_left div.client_login form div input.username
{
	display:inline;
	float:left;
	width:202px;
}

#sidebar_left div.client_login form div input.password
{
	display:inline;
	float:left;
	margin:10px 0px 0px 0px;
	width:97px;
}

#sidebar_left div.client_login form div a.left
{
	display:inline;
	float:left;
	height:18px;
	line-height:18px;
	margin:0px 0px;
	text-transform:uppercase;
}

#sidebar_left div.client_login form div a.right
{
	display:inline;
	float:right;
	height:18px;
	line-height:18px;
	margin:0px 0px;
	text-transform:uppercase;
}

#sidebar_left div.client_login form div button.client_login_button
{
	background-image:url(../images/sidebar_right-div.client_login-form-div-button.png);
	display:inline;
	float:right;
	height:17px;
	margin:10px 0px 0px 0px;
	width:54px;
}


#testimonials-ticker
{
			width:230px;
			height:240px;
			overflow:hidden;
}

#testimonials-ticker div
{
			height:240px;
}

#sidebar_right div.testimonials div p
{
	font-style:italic;
	line-height:18px;
	margin:10px;
}

#sidebar_right div.testimonials div p strong
{
	font-size:12px;
	font-style:normal;
}

/* -- */

#wide
{
	display:inline;
	float:left;
	margin:0px 0px 0px 10px;
	width:690px;
}

#wide div.box
{
	background-color:#333333;
	background-image:url(../images/wide-div.box.png);
}

#wide div.box div.content
{
	background-image:url(../images/wide-div.box-div.content.png);
	background-position:center bottom;
	overflow:hidden;
	padding:0px 0px 10px 0px;
	width:690px;
}

#wide h4
{
	color:#666666;
	font-size:14px;
	margin:10px;
}

/* -- */

#bbcticker
{
	background-image:url(../images/bbcticker.png);
	height:25px;
}
#ticker
{
	background-image:url(../images/ticker.png);
	background-position:0px 10px;
	clear:both;
	height:25px;
	line-height:26px;
	padding:10px 10px 0px 124px;
	width:796px;
	position: relative;
}
#ticker .tickercontainer
{
    position:relative;
}
#ticker .tickercontainer .mask
{
	left:0px;
	overflow:hidden;
	position:relative;
	top:0px;
	width:796px;
}

#ticker ul.newsticker
{
	list-style:none;
	left:796px;
	position:relative;
}

#ticker ul.newsticker li
{
	float:left;
	position:relative;
}

#ticker ul.newsticker a
{
	margin:0px 20px 0px 0px;
	white-space:nowrap;
} 

#ticker ul.newsticker span
{
	margin:0px 10px 0px 0px;
} 

/* -- */

#footer
{
	background-image:url(../images/footer.png);
	height:29px;
	padding:0px 15px 15px 15px;
	width:950px;
}

* html #footer
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer.png', sizingMethod='image');	
}

#footer p
{
	color:#999999;
	font-size:9px;
	line-height:29px;
	padding:0px 20px;
}

#footer p a
{
	color:#999999;
	position:relative;
}

#footer p strong
{
	color:#8dd7ea;
}

/* ------ / index / ------ */

#home #sidebar_left div.hr
{
	background-color:#666666;
	font-size:0px;
	height:1px;
	margin: 10px 0px 10px 0px;
	overflow:hidden;
}


#home #sidebar_left div.latest_news div.register h4
{
	border-bottom:none;
	border-top:#666666 solid 1px;
	padding:10px 0px 0px 0px;
}

/* -- */

#home #main div.box h2
{
	background-image:url(../images/index-main-div.box-h2.png);
	height:64px;
	text-indent:-9999px;
	width:321px;
}

/* -- */

#home #sidebar_right div.o1
{
	background-image:url(../images/MI_HomeFeature01.png);
	height:253px;
	position:relative;
	width:230px;
}

#home #sidebar_right div.o1 strong
{
	font-size:12px;
	position:absolute;
	left:15px;
	top:190px;
}

#home #sidebar_right div.o1 a
{
	color:#fff;
	cursor:pointer;
}

/* -- */

#home #sidebar_right div.o2
{
	background-image:url(../images/MI_HomeFeature02.png);
	height:216px;
	margin:10px 0px 5px 0px;
	position:relative;
	width:230px;
}

#home #sidebar_right div.o2 strong
{
	font-size:12px;
	position:absolute;
	left:15px;
	top:172px;
}

#home #sidebar_right div.o2 a
{
	color:#fff;
	cursor:pointer;
}

/* ------ / about / ------ */

#about #main div.title
{
	margin-bottom:15px;
	margin-left:15px;
}

/* ------ / featired / ------ */

#featured #wide div.items
{
	border-top:#666666 solid 1px;
	margin:10px 11px 0px 11px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	width:668px;
}

#featured #wide ul
{
	list-style:none;
	overflow:hidden;
	width:678px;
}

#featured #wide ul li
{
	display:inline;
	float:left;
	margin:0px 10px 0px 0px;
	width:216px;
}

#featured #wide ul li div.about
{
	overflow:hidden;
	padding:5px 0px 0px 0px;
	width:216px;
}

#featured #wide ul li div.about strong
{
	color:#666666;
	clear:both;
	display:inline;
	float:left;
	font-weight:normal;
	padding:5px 0px 0px 0px;
	width:72px;
}

#featured #wide ul li div.about span
{
	display:inline;
	float:left;
	padding:5px 0px 0px 0px;
	width:144px;
}

#featured #wide ul li div.about span a
{
	color:#ffffff;
}

/* ------ / project / ------ */

#project #wide div.image
{
	margin:0px auto;
	width:670px;
}

#project_video
{
	margin:0px auto 10px auto;
	width:670px;
}

#project #wide div.items
{
	margin:10px auto;
	overflow:hidden;
	width:668px;
}

#project #wide ul
{
	list-style:none;
	overflow:hidden;
	width:678px;
}

#project #wide ul li
{
	display:inline;
	float:left;
	margin:0px 10px 0px 0px;
	width:103px;
}

#project #wide div.about
{
	margin:0px auto;
	overflow:hidden;
	position:relative;
	width:668px;
}

#project #wide div.information
{
	display:inline;
	border-top:#666666 solid 1px;
	float:left;
	font-size:14px;
	padding:10px 0px 0px 0px;
	width:329px;
}


#project #wide div.information strong
{
	color:#666666;
	clear:both;
	display:inline;
	float:left;
	font-weight:normal;
	padding:5px 0px 0px 0px;
	width:72px;
}

#project #wide div.information span
{
	display:inline;
	float:left;
	padding:5px 0px 0px 0px;
	width:144px;
}

#project #wide div.information a
{
    font-size:11px;
}

#project #wide div.description
{
	display:inline;
	border-top:#666666 solid 1px;
	float:right;
	padding:10px 0px 0px 0px;
	width:329px;
}

#project #wide div.description p
{
	line-height:18px;
	margin-top:5px;
}

#project #wide div.back
{
	border-top:#666666 solid 1px;
	bottom:0px;
	left:0px;
	padding:10px 0px 0px 0px;
	position:absolute;
	text-transform:uppercase;
	width:329px;
}

/* ------ / contact / ------ */

#enquiry #sidebar_left div.message p a
{
	text-transform:none;
}

#enquiry #main div.box
{
	margin-top:0px;
}

#enquiry #main div.box div.content
{
	padding:0px;
}

#enquiry #main div.hr
{
	background-color:#cccccc;
	font-size:0px;
	height:1px;
	margin:0px 10px;
	overflow:hidden;
}

#enquiry #main div.hr
{
	background-color:#cccccc;
	font-size:0px;
	height:1px;
	margin:0px 10px;
	overflow:hidden;
}

#enquiry #main fieldset
{
	border:none;
	margin:10px;
	overflow:hidden;
	width:430px;
}

#enquiry #main legend
{
	display:none;
}

#enquiry #main ul.error
{
    color: #FF6600;
	list-style:none;
	padding:10px 0px 0px 0px;
}

#enquiry #main ol
{
	list-style:none;
	overflow:hidden;
	padding:0px 0px 10px 0px;
	width:430px;
}

#enquiry #main ol li
{
	padding:20px 0px 0px 0px;
}

#enquiry #main ol li.left
{
	clear:both;
	display:inline;
	float:left;
	width:210px;
}

#enquiry #main ol li.right
{
	display:inline;
	float:right;
	width:210px;
}

#enquiry #main ol li.wide
{
	clear:both;
	width:430px;
}

#enquiry #main label
{
	color:#999999;
	display:block;
	padding:0px 0px 6px 0px;
}

#enquiry #main input
{
	width:202px;
}

#enquiry #main span.error
{
    color: #FF6600;
	display:block;
	padding:6px 0px 0px 0px;
}

#enquiry #main select
{
	width:210px;
}

#enquiry #main textarea
{
	width:422px;
}

#enquiry #main ol li.wide input
{
	background:none;
	background-image:url(../images/contact-main-ol-li.wide-input.png);
	border:none;
	cursor:pointer;
	display:block;
	height:17px;
	text-indent:-9999px;
	width:42px;
}

/* ------ / news / ------ */

#news #wide ul
{
	list-style:none;
	margin:0px 10px;
	width:670px;
}

#news #wide ul li
{
	border-bottom:#666666 solid 1px;
	margin:10px 0px;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	width:670px;
}

#news #wide ul li.last
{
	border:none;
	padding:0px;
}

#news #wide ul li div.image
{
	display:inline;
	float:left;
	height:168px;
	overflow:hidden;
	width:216px;
}

#news #wide ul li div.about
{
	display:inline;
	float:right;
	width:444px;
}

#news #wide ul li div.about h4
{
	color:#ffffff;
	margin:0px;
}

#news #wide ul li div.about p
{
	margin:5px 0px 0px 0px;
}

#news #wide ul li div.about p a
{
	text-transform:uppercase;
}

/* ------ / article / ------ */

#article #sidebar_left div.message p a
{
	text-transform:none;
}

#article #wide div.image
{
	margin:10px auto;
	width:670px;
}

#article #wide h4
{
	color:#ffffff;
	margin:10px auto 15px auto;
	overflow:hidden;
	width:670px;
}

#article #wide h4 span
{
	display:inline;
	float:left;
}

#article #wide h4 small
{
	display:inline;
	float:right;
}

#article #wide p
{
	margin:10px;
}

#article #wide div.back
{
	border-top:#666666 solid 1px;
	margin:15px 10px 0px 10px;
	padding:10px 0px 0px 0px;
	text-transform:uppercase;
}
