@charset "UTF-8";
/* CSS Document */

/* For vertical centering - Begins */
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	min-width:982px;/* #wrapper width */
	min-height:599px;/* #wrapper height */
	overflow:visible;/* allow content to scroll in the page -- NB: this will look funny! */
}
#vertical{
	float:left;
	height:50%;
	margin-top:-300px;/* half #wrapper height*/
	width:100%;
}
#wrapper {
	width:982px;
	height:599px;
	margin:0 auto;
	overflow:visible;/* allow content overflow the wrapper -- NB: this will look funny! */
	text-align:left;
	clear:both;
}
/* For vertical centering - Ends */


body {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
h1 {
	font-size:24px;
	margin:19px 0;
	padding:0;
	line-height:28px;
	font-weight:normal;
}
h2 {
	margin:16px 0 15px;
	padding:0;
	font-size:20px;
	font-weight:normal;
}

h3 {
	margin:5px 0 15px;
	padding:0;
	font-size:16px;
	font-weight:lighter;
	color:#5A5A5A;
	}
h4 {
	margin:5px 0 10px;
	padding:0;
	font-size:12px;
	color:#5A5A5A;
}
h5 {
	margin:5px 0 0;
	padding:0;
	font-size:12px;
	color:#5A5A5A;
}
blockquote, p, td, ul, li {
	font-size:12px;
	padding:0;
	color:#7F7F7F;
	line-height:15px;
}
p {
	margin:0 0 10px;
}
p a {
	text-decoration:underline;
}
a {
	text-decoration:none;
}
a:link {
	color:#7F7F7F;
}
a:visited {
	color:#797979;
}
a:hover {
	color:#333333;
}
a:active {
	color:#333333;
}
img {
	border:0;
}
form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
input {
	margin:0;
	padding:0;
	border:1px solid #999999;
}
ul {
	list-style:square;
	list-style-image:url(images/bullet.gif);
	margin:0 0 12px 18px;
	padding:0;
}
ul.reports {
	list-style-image:url(images/bullet-report.gif);
}
li {
	padding:0;
	margin:0 0 10px;
	}
.grey {
	color:#7F7F7F;
	}
#holder {
	
	padding:10px 21px 0;
	}
#mast {
	padding:0;
	height:72px;
	position:relative;
		background-color:#7F7F7F;
		border-bottom:2px solid #FFFFFF;
	}
	
	#mast h1 {
		font-size:15px;
		font-weight:normal;
		line-height:50px;
		margin:0;
		padding:0;
		float:left;
		height:52px;
		border-right:2px solid #FFFFFF;
		overflow:hidden;
		}
	#mast h1 a {
		display:block;
		color:#FFFFFF;
		background-color:#004D00;
		width:300px;
		height:50px;
		text-align:center;
		background-image:url(images/SMI-logo.jpg);
		background-position:0 0;
		text-indent:-9999px;
		margin:0;
		padding:0;
		border-bottom:2px solid #FFFFFF;
		overflow:hidden;
		}
	
	#mast #navbg {
		width:638px;
		height:50px;
		background-color:#0E3931;
		z-index:1;
		overflow:hidden;
		position:absolute;
		top:0;
		right:0;
		}
		
	#mast #navigation {
		position:absolute;
		left:300px;
		top:0;
		width:640px;
		z-index:10;
		height:50px;
		/*background-color:#0E3931;
		background-image:url(banners/banner01-top.jpg);
		background-position:0 0;
		background-repeat:no-repeat;*/
		}
	#mast #navigation ul {
		padding:0;
		margin:0;
		font-size:11px;
		height:50px;
		border-bottom:2px solid #FFFFFF;
		border-left:2px solid #FFFFFF;
		list-style:none;
		position:relative;
		}
		
	#mast #navigation ul li {
		padding:0;
		margin:0;
		float:left;
		list-style-image:none;
		list-style-type:none;
		font-size:11px;
		font-weight:bold;
		}
		
	/* To fix subnav alignment */
	#mast #navigation ul ul li {
		text-indent:2px;
		font-size:10px;
		}	
	#mast #navigation ul ul li.first {
		text-indent:0;
		}
	#mast #navigation ul ul.subnav_right li {
		text-indent:-2px;
		}	
	#mast #navigation ul ul.subnav_right li.first {
		text-indent:0;
		}
	
	#mast #navigation ul.subnav_right {
		border-left:none;
		}
	#mast #navigation ul.subnav_right li {
		float:right;
		}
	#mast #navigation ul.subnav_right li.last a {
		border-left:2px solid #FFFFFF;
		}
	#mast #navigation ul.subnav_right li.last.active a {
		border-left:2px solid #FFFFFF;
		}

	#mast #navigation ul li.active a {
		background-color:#006200;
		border-left:2px solid #FFFFFF;
		border-right:2px solid #FFFFFF;
		 /*padding:0 29px; 31 minus 2 */
		width:104px;
		}
	#mast #navigation ul li.active li a {
		background-color:#7F7F7F;
		/*padding:0 20px;*/
		border-right:2px solid #FFFFFF;
		border-left:none;
		width:104px;
		}
	#mast #navigation ul li.active li.active a {
		background-color:#006200;
		border-left:none;
		border-right:2px solid #FFFFFF;
		}
	#mast #navigation ul li.last.active a {
		border-right:2px solid #006200;
		}
	#mast #navigation ul li.last.active ul li a {
		border-right:2px solid #FFFFFF;
		}
	#mast #navigation ul li.active ul.nolastborder li.last a {
		border-right:none;
		width:106px;
		}
	#mast #navigation ul li.active ul.nofirstborder li.first a {
		border-right:none;
		width:106px;
		}
	#mast #navigation ul li.active ul.subnav_right li.last a {
		border-left:2px solid #FFFFFF;
		}

	#mast #navigation ul li.first a, #mast #navigation ul ul li.first a {
		border-left:none;
		}
	#mast #navigation ul li.first a {
		 /* padding-left:33px;31 minus 2 + 4 (4 is gap filler)*/
		width:106px;
		}
	#mast #navigation ul ul li.first a {
		 /* padding-left:18px;20 minus 2 */
		width:104px;
		}
		
	#mast #navigation ul li ul {
		position:absolute;
		top:52px;
		height:20px;
		border-left:2px solid #FFFFFF;
		}
		
	#mast #navigation ul li a {
		display:block;
		/*padding:0 31px;*/
		width:106px;
		text-align:center;
		height:50px;
		line-height:50px;
		color:#FFFFFF;
		text-decoration:none;
		}	
	#mast #navigation ul li a:hover {
		background-color:#7F7F7F;
		}
	#mast #navigation ul li.active a:hover {
		background-color:#006200;
		}
	#mast #navigation ul li ul li a {
		height:20px;
		/*padding:0 20px;*/
		width:106px;
		line-height:20px;
		border-right:2px solid #FFFFFF;
		border-left:none;
		}
	
	#mast hr {
		margin:0;
		padding:0;
		height:18px;
		background-color:#7F7F7F;
		border:none;
		clear:both;
		overflow:hidden;
		}
#banner {
	padding:0;
	margin:0;
	height:160px;
	border-bottom:2px solid #FFFFFF;
	}
#splash {
	padding:0;
	margin:0;
	height:355px;
	border-bottom:2px solid #FFFFFF;
	position:relative;
	}
.banner_home_img, .banner_nav_img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	}

#loginpanel {
	padding:0 1px 0 0;
	height:20px;
	margin:0;
	color:#FFFFFF;
	background-color:#7F7F7F;
	background-image:url(images/loginbar-bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	}
	#login-strip {
		position:absolute;
		right:0;
		height:20px;
		}
	#logout-strip {
		text-align:right;
		height:20px;
		}
	#logout-strip p {
		color:#FFFFFF;
		font-size:11px;
		padding:4px 5px 0 5px;
		margin:0;
		}
	#logout-strip p a, #logout-strip p a:link, #logout-strip p a:visited {
		color:#FFFFFF;
		text-decoration:none;
		}
	#logout-strip p a:hover, #logout-strip p a:active {
		color:#FFFFFF;
		text-decoration:underline;
		}
	#loginpanel label {
		display:block;
		float:right; /*Hack for IE6*/
		font-size:11px;
		padding:4px 5px 0 5px;
		margin:0;
		}
	#loginpanel input {
		display:block;
		float:right; /*Hack for IE6*/
		border:none;
		padding:0;
		margin:2px;
		height:16px;
	}
	#loginpanel input.fixedwidth {
		width:95px;
	}

/* For full width pages */
#info_full, #info_full2 {
	padding:0 0 8px 60px;
	
	background-image:url(images/bg-info_full_mid.gif);
	background-repeat:repeat-y;
	}
#info_full_top, #info_full_bottom {
	height:4px;
	font-size:1px; /*IE6 hack*/
	line-height:1px;
	}
#info_full_top {
	background-image:url(images/bg-info_full_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
#info_full_bottom {
	background-image:url(images/bg-info_full_bot.gif);
	background-repeat:no-repeat;
	background-position:top;
	}
	#full_content {
		width:820px; /*940-60-60*/
		float:left;
		}

/* For normal pages (2 col) */
#info {	
	min-height: 259px;
	height:auto !important;
	height: 259px;
	padding:0 0 18px 60px;
	
	background-image:url(images/bg-info_mid.gif);
	background-repeat:repeat-y;
	}
#info_splash {
	min-height: 87px;
	height:auto !important;
	height: 87px;
	padding:0 0 18px 18px;
	background-image:url(images/bg-info_mid.gif);
	background-repeat:repeat-y;
	}
#info_splash h1 {
	margin:0;
	padding-top:40px;
	font-size:21px;
	line-height:19px;
	}

#info_full2 {	
	padding-top:16px;
	min-height: 259px;
	height:auto !important;
	height: 259px;
	}
#info_top, #info_bottom {
	height:4px;
	font-size:1px; /*IE6 hack*/
	line-height:1px;
	}
#info_top {
	background-image:url(images/bg-info_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
#info_bottom {
	background-image:url(images/bg-info_bot.gif);
	background-repeat:no-repeat;
	background-position:top;
	}
	
	#content {
		width:535px;
		float:left;
		}
	#panel {
		width:187px;
		padding:0 16px;
		float:right;
		}
	#panel h3 {
		margin-top:16px;
		}
	#panel a {
		font-weight:bold;
		}
	#panel p a {
		text-decoration:none;
		}
#footer {
	padding:0 21px 10px;
	clear:both;
	text-align:right;
	}
	.boxrow {
		background-image:url(images/bg-footer.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:0 5px;
		}
	.boxrow_colour {
		background-image:url(images/bg-footer_colour.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:20px 5px 0 5px;
		height:18px; /*38=18+20*/
		}
	#footer p {
		font-size:10px;
		line-height:18px;
		color:#999999;
		margin:0;
		}
	#footer p a {
		text-decoration:none;
	}
	#footer p.copyright {
		float:left;
		}
.thirdcol {
	float:left;
	width:166px;
	
	}
.halfcol {
	float:left;
	width:250px;
	}

/* Clients table */
table.clients_tbl {
	border:none;
	padding:0;
	margin:-4px 0 0 -4px;
	border-spacing:4px;
}
table.clients_tbl td {
	border:none;
	padding:3px 6px 2px 6px;
	margin:0;
	background-color:#EDEDED;
	width:160px;
}
table.clients_tbl td.blank {
	background-color:#FFFFFF;
}

table.clients_badges {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}
table.clients_badges td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:0;
	}
table.clients_badges_2 {
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:535px;
	}
table.clients_badges_2 td {
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:10px;
	font-size:10px;
	line-height:13px;
	white-space:nowrap;
	color:#FFFFFF;
	}
.lgrey {
	background-color:#B5B5B5;
	width:25%;
	}
.dgrey {
	background-color:#868686;
	width:25%;
	}
/* Reports/Case Studies Image Strip */
.image_strip, .image_strip_wide {
	margin-top:20px;
	margin-bottom:0;
}
.image_strip_wide {
	margin-left:-20px;
}


.noFlash {
	padding: 10px;
}
#flashcontent {
	width:640px;
	height: 405px;
}