/* CSS Document */

/* PAGE SETTINGS */
body {
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
h1 {
	font-size: 22px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	font-weight: normal;
}
h4 {
	font-size: 14px;
	font-weight: normal;
}		
h5 {
	font-size: 12px;
	font-weight: normal;
}	

/* LINK SETTINGS  */	

a:link {color: #006fc2;}
a:visited {color: #006fc2;}
a:hover {color: #1586db;}

a.lightblue:link {color: #ff8b3a; font-weight: bold;text-decoration: none; }
a.lightblue:visited {color: #ff8b3a; font-weight: bold;text-decoration: none; }
a.lightblue:hover {color: #fd9b57; font-weight: bold;text-decoration: underline; }
a.lightblue:active {color: #ff8b3a;font-weight: bold;} 

a.sample:link {color: #004f90;}
a.sample:visited {color: #004f90;}
a.sample:hover {color: #2c89d6;}
a.sample:active {color: #004f90;} 

a.darkblue:link {color: #1e639d;}
a.darkblue:visited {color: #1e639d;}
a.darkblue:hover {color: #1e639d;}
a.darkblue:active {color: #1e639d;} 

a.footer:link {color: #006fc3; font-weight: bold;text-decoration: none; }
a.footer:visited {color: #006fc3; font-weight: bold;text-decoration: none; }
a.footer:hover {color: #006fc3; font-weight: bold;text-decoration: none; }
a.footer:active {color: #006fc3;font-weight: bold;} 



/* TABLE SETTING */
/*table.sample {
	border-width: 1px;
	border-style: solid;
	border-color: #cadff1;
	border-collapse: separate;
	background-color: white;
	color: #004F90;
}*/
table.sample td {
	border-width: 0px;
	padding: 10px;
	border-style: inset;
	background-color: white;
	color: #004F90;
}

table.outline {
	border-width: 1px;
	border-style: solid;
	border-color: #cadff1;
	border-collapse: separate;
	background-color: white;
	color: #004F90;
}
td.outline {
 color: #004F90;
}

td.lightblue {
 padding:10px;
 padding-top:0px;
 background-color: #e7f1f9;
 font-size: 11px;
 color: #0e5996;
}

td.lightblue-solutions {
 padding:10px;
 padding-top:0px;
 background-color: #e7f1f9;
 font-size: 12px;
 color: #0e5996;
}

td.darkblue {
 padding:10px;
 color: #000000;
}

td.subnav {
 padding:16px;
 color: #004F90;
}
td.subnavlinka {
 padding-top: 0px;
 padding-left:17px;
 color: #004F90;
}

td.footer {
 background-image:url(../pictures/miria-footer.gif);
 background-color: e8f1fa;
 color: #006fc3;
 padding-left:10px;
 font-weight: bold;
}


/* IMAGE SETTING */
.imageformat {
	float: left;
	padding-right: 10px;
}
.answerbox {
	background-color: #E7F1F9;
	background-image: url(../pictures/lower-light-blue-round.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul 
{
list-style-image: url(../images/uldot.gif);
}
.header-box {width:952px;}
.header-box:after {
	content:'';
	clear:both;
	display:block;
}
.logo {
	float:left;
	margin:0;
	text-indent:-9999px;
	background: url(../images/miria-logo.gif) no-repeat;
	width: 165px;
	height: 51px;
	overflow:hidden;
}
.logo a {
	display:block;
	height:100%;
}
#nav {
	list-style:none;
	margin:0;
	padding:0 0 0 65px;
	float:right;
	background: url(../images/miria-fade-in.jpg) no-repeat;
}
#nav li {float:left;}
#nav li a {
	float:left;
	text-indent:-9999px;
	height:52px;
}
#nav li .home {
	background: url(../images/miria-home.jpg) no-repeat;
	width: 58px;
}
#nav li .home:hover, #nav li.active .home {background: url(../images/miria-home-over.jpg) no-repeat;}
#nav li .about {
	background: url(../images/miria-company.jpg) no-repeat;
	width: 96px;
}
#nav li .about:hover, #nav li.active .about {background: url(../images/miria-company-over.jpg) no-repeat;}
#nav li .solutions {
	background: url(../images/miria-solutions.jpg) no-repeat;
	width: 98px;
}
#nav li .solutions:hover, #nav li.active .solutions {background: url(../images/miria-solutions-over.jpg) no-repeat;}
#nav li .services {
	background: url(../images/miria-services.jpg) no-repeat;
	width: 86px;
}
#nav li .services:hover, #nav li.active .services {background: url(../images/miria-services-over.jpg) no-repeat;}
#nav li .customers {
	background: url(../images/miria-customers.jpg) no-repeat;
	width: 102px;
}
#nav li .customers:hover, #nav li.active .customers {background: url(../images/miria-customers-over.jpg) no-repeat;}
#nav li .partners {
	background: url(../images/miria-partners.jpg) no-repeat;
	width: 90px;
}
#nav li .partners:hover, #nav li.active .partners {background: url(../images/miria-partners-over.jpg) no-repeat;}
#nav li .news {
	background: url(../images/miria-news.jpg) no-repeat;
	width: 100px;
}
#nav li .news:hover, #nav li.active .news {background: url(../images/miria-news-over.jpg) no-repeat;}
#nav li .contact {
	background: url(../images/miria-careers.jpg) no-repeat;
	width: 92px;
}
#nav li .contact:hover, #nav li.active .contact {background: url(../images/miria-careers-over.jpg) no-repeat;}
#nav li:hover,
#nav li.hover {position:relative;} 
#nav li:hover .dropdown,
#nav li.hover .dropdown {display:block;}
#nav li:hover ul li:hover .dropdown2,
#nav li.hover ul li.hover .dropdown2 {display:block;}
.dropdown, .dropdown2 {
	width:150px;
	position:absolute;
	top:52px;
	left:0;
	display:none;
	background:#f2f2f2;
}
.dropdown2 {
	top:6px;
	left:150px;
}
#nav ul {
	margin:-3px 0 0;
	padding:3px 0 0;
	list-style:none;
	width:150px;
	position: relative;
	z-index: 10;
}
#nav ul:after {
	content:'';
	clear:both;
	display:block;
}
#nav ul li {
	float:none;
	vertical-align:middle;
	height:1%;
}
#nav li:hover ul li a,
#nav li.hover ul li a {
	background:none;
	text-decoration: none;
	color:#006FC2;
	text-indent:0;
	height:auto;
	cursor:pointer;
}
#nav li:hover ul li a:hover, #nav li.hover ul li a:hover {
	background:#dbdbdb;
	color:#FF8B3A;
} 
#nav ul li a {
	text-decoration:none;
	float:none;
	display:block;
	cursor:pointer;
	height:1%;
	background: url(../images/none.gif) no-repeat;
	line-height:18px;
	padding:0 3px 0 4px;
}
#nav ul li a span {
	background: url(../images/arrow.gif) no-repeat 100% 50%;
	width:100%;
	display:block;
}
#nav li:hover li:hover, #nav li.hover li.hover {background: #dbdbdb;}