/*

	MSV 2008 main stylesheet
	Created by Phil Champagne
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	margin-left: 3em;
}

body {
	background: #ffffff url('../images/wrapper/body-bg2.jpg') 0 0 repeat-x;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0;
}
table tr td, table tr th {
	font-size: 13px;
	text-align: left;
	color: #000000;
}

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

.clear {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

/* =Branding/header and Toolbar
--------------------------------------------------------------------------------------------------- */
#branding {
	/*background: #003860;*/
	background: #ffffff url('../images/wrapper/home-header-bg.jpg') 0 0 no-repeat;
	margin-left:4px;
	min-height: 165px;
	height: auto !important;
	height: 165px;
	color: #ffffff;
}

#branding #logo {
	display: block;
	float: left;
	width: 287px; 
	height: 86px;
	margin: 35px 0 0 15px;
}

#toolbar {
	
	background: url('../images/wrapper/toolbar-bg2.jpg') 0 0 no-repeat;
	width: 526px;
	float: right;
}

#toolbar #toolbar-items {
	min-height: 55px;
	height: auto !important;
	height: 55px;
	display: none;
}

#toolbar #toolbar-items p {
	padding: 25px 0 0 0;
	margin-right: 15px;
}

#toolbar #toolbar-items a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 7px 0 7px;	
}

#toolbar #toolbar-items a:hover {
	text-decoration: underline;
}

#wordmark {
	background: url('../images/wrapper/wordmark-bg2.jpg') 0 0 no-repeat; 
	width: 526px; 
	height: 110px;
}

#wordmark h1.wordmark {
	font-size: 25px;
	color: #ffffff;
	font-weight: 100;
	margin: 0;
	padding: 42px 0 0 4px;
}

#wordmark h1.wordmark sup {
	font-size: 14px;
	vertical-align: top;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home .left-col {
	float: left;
	width: 700px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#home .left-col .left-col-items {
	padding: 15px 0 20px 15px;
}



#home .right-col {
	float: right;
	width: 288px;
	min-height: 500px;
	height: auto !important;
	height: 500px;


}

#home .right-col .right-col-items {
	padding: 15px 35px 0 0;
	
}

#ad-left {
	background: url('../images/wrapper/home-ads-bg.jpg') 0 0 repeat-y;
	float: left;
	width: 330px;
	color: #ffffff;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	margin-right: 16px;
}

#ad-right {
	background: url('../images/wrapper/home-ads-bg.jpg') 0 0 repeat-y;
	float: left;
	width: 330px;
	color: #ffffff;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	
}

#ad-left p, #ad-right p {
	padding: 16px 10px 20px 16px;
}

#ad-left a, #ad-right a {
	background: url('../images/wrapper/ad-link-bullet.gif') 0 50% no-repeat;
	display: block;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height: 52px;
	padding: 0 0 0 22px;
	margin: 0 0 0 42px;
	
}

#ad-left a:hover, #ad-right a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Sub content */
#home #sub-conent {
	background: #f9fafc url('../images/wrapper/home-sub-content-bg.jpg') 0 100% repeat-x; 
	border: 1px solid #E5E5E5;
	width: 258px;

}

#sub-conent #sub-conent-items {
	padding: 20px 16px 25px 14px;
}

#home #sub-conent p {
	margin: 10px 0 10px 0;
}

#sub-conent #sub-conent-items ul li {
	padding: 7px 0 7px 0;
}

/* Buttons */
.btn01 {
	width: 259px; 
	height: 116px;
	margin: 15px 0 0 0;
}

.news-feature {
	background: url('../images/wrapper/home-btn-02-bg.jpg') 0 0 no-repeat;
	width: 259px; 
	height: 116px;
	margin: 15px 0 0 0;
}

.news-feature .items {
	padding: 20px 10px 10px 16px;
}

.news-feature p {
	margin: 0;
	padding: 0;
}

.news-feature h2 {
	margin: 0;
	padding: 0;
}

.news-feature h2 a {
	background: url('../images/news-feature-link-bullet.gif') 100% 0 no-repeat;
	font-size: 15px;
	color: #2D5B77;
	text-decoration: none;
	margin: 0;
	padding: 0 21px 0 0;
}


.news-feature h2 a:hover {
	color: #000000;
}

/* =Layout common
---------------------------------------------------------------------------------------------------- */

#wrapper {
	background: 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto 0 auto;
}

#content-container {
	/*background: url('../images/wrapper/content-container-bg2.gif') 0 0 repeat-y;*/
	background-color:#FFFFFF;
	margin-left:5px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	
}

#inner-wrapper {

	/*background: url('../images/wrapper/inner-wrapper-bg.jpg') center top no-repeat;*/
	min-height: 144px;
	height: auto !important;
	height: 144px;
	margin: 0 auto 0 auto;
}

#inner-wrapper #left-col {
	
	float: left;
}

#inner-wrapper #main-content {
	float: left;
	min-height: 417px;
	height: auto !important;
	height: 417px;

}

#inner-wrapper #main-content #text-content {
	padding: 0 25px 10px 23px;
}

/* =Sub content / sidebar
--------------------------------------------------------------------------------------------------- */
.sub-content {
	float: right;
	padding: 20px 16px 20px 16px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.sub-content .sub-content-container {
	background: #ffffff url('../images/wrapper/sub-content-bg.gif') 0 0 repeat-x;
	border: 1px solid #e1e1e1;
	width: 200px;
}

.sub-content .sub-content-container .sub-content-items {
	padding: 14px;
	color: #003860;
}

.sub-content .sub-content-container .sub-content-items h2 {
	margin: 0 0 10px 0;
}

.sub-content .sub-content-container .sub-content-items ul.generic {
	margin: 10px 0 10px 0;
	padding: 0;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	padding: 30px 0 16px 23px;
	color: #2D5B77;
	display: none;
}

/* =Left navigation
--------------------------------------------------------------------------------------------------- */
#inner-wrapper #left-nav {
	background: url('../images/wrapper/left-nav-bg.jpg') 0 100% repeat-x;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	border: 1px solid #E5E5E5;
	margin: 15px 0 0 20px;
	font-size: 14px;
	display: none;
}

#inner-wrapper #left-nav ul {
	margin: 10px 0 16px 0;
}	

#inner-wrapper #left-nav ul.no-margin {
	margin: 0 0 16px 0;
}	

#inner-wrapper #left-nav ul li {
	padding: 6px 0 6px 14px;
}

#inner-wrapper #left-nav ul li a {
	background: 0; /* just in case IE6 does not behave */
	color: #2D5B77;
	text-decoration: none;
	padding: 0 0 0 12px;
	display: block;
}

#inner-wrapper #left-nav ul li a:hover {
	background: url('../images/menu-arrow.gif') 0 4px no-repeat;
	color: #5095BE;
	padding: 0 0 0 12px;
}

#inner-wrapper #left-nav ul li a.on {
	background: url('../images/menu-arrow.gif') 0 4px no-repeat;
	color: #5095BE;
	padding: 0 0 0 12px;
}

#inner-wrapper #left-nav ul li a.on:hover { /* this is for IE6 */
	background: url('../images/menu-arrow.gif') 0 4px no-repeat;
	color: #5095BE;
	padding-left: 12px;
}

#inner-wrapper #left-nav ul.sub-nav {
	width: 229px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 0;
	margin: 4px 0 4px 0;
}

#inner-wrapper #left-nav ul.sub-nav li {
	padding-left: 26px;
}

#inner-wrapper #left-nav ul.sub-nav li a {
	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	display: inline;
	padding: 0 0 0 10px;
	font-weight: normal;
	border: 0;
}

#inner-wrapper #left-nav ul.sub-nav li a.twoline {
	background: url('../images/wrapper/list-bullet.gif') 0 center no-repeat !important;
	#background: url('../images/wrapper/list-bullet.gif') 0 14px no-repeat !important;
	display: inline;
	padding: 0 0 0 10px;
	font-weight: normal;
}

#inner-wrapper #left-nav ul.sub-nav li a:hover {
	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	font-weight: normal;
	padding: 0 0 0 10px;
	font-weight: normal;
	border: 0;
}

#inner-wrapper #left-nav ul.sub-nav li a.on {
	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	font-weight: normal;
	padding: 0 0 0 10px;
	font-weight: normal;
	border: 0;
}

#inner-wrapper #left-nav li.header {
	background: #E4E8EB;
	color: #6589A3;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 15px 8px 25px;
	border-top: 1px solid #E5E5E7;
	border-bottom: 1px solid #E5E5E7;
}

/* When there is no left nav */
#inner-wrapper #left-nav-empty {
	background: 0; 
	width: 257px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

/* =Tables
---------------------------------------------------------------------------------------------------- */

#rows th.first, #rows td.first {
	padding-left: 8px;
	border-left: 1px solid #e5e5e5;
}
#rows th.last, #rows td.last {
	padding-right: 8px;
	border-right: 1px solid #e5e5e5;
}
#rows th {
	background: #0183AD; 
	border-bottom: 1px solid #e5e5e5;
	color: white;
	padding: 3px;
}
#rows td {
	background: url('../images/wrapper/left-nav-bg.jpg') 0 100% repeat-x; 
	border-bottom: 1px solid #e5e5e5;
	padding: 5px;
}


/* =Lists
---------------------------------------------------------------------------------------------------- */
ul.generic {
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
}

ul.generic li {
	background: url('../images/wrapper/list-bullet.gif') 0 9px no-repeat;
	padding: 1px 0 1px 12px;
}

ul.generic li.pdf {
	list-style: none;
	background: url('../images/icon-pdf.gif') 0 3px no-repeat;
	line-height: 16px;
	min-height: 17px;
	padding-left: 20px;
}

ul.generic li.web {
	list-style: none;
	background: url('../images/icon-web.gif') 0 3px no-repeat;
	line-height: 16px;
	min-height: 17px;
	padding-left: 20px;
}


/* =Font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	float: right;
	padding: 30px 26px 0 0;
	margin-top: -7px;
	display: none;
}

#font-resize td {
	color: #2D5B77;
}

#font-resize td img {
	margin: 0 0 0 5px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg2.jpg') 0 0 no-repeat;
	margin: 0 auto 20px auto;	
	width: 980px;
	min-height: 93px;
	height: auto !important;
	height: 93px;
	font-size: 12px;
	color: #464646;
}

#footer p {
	padding: 35px 0 0 20px;
}

#footer a {
	color: #5095BE;
}

#footer a:hover {
	color: #464646;
}

#footer #footer-logo {
	float: right;
	padding: 14px 72px 0 0;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #2D5B77;
}

a:hover {
	outline: none;
	color: #5095BE;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
body#home h1 {
	font-size: 16px;
	color: #4F824F;
	margin: 0;
}

body#home h2 {
	font-size: 16px;
	color: #000000;
	margin: 0 0 10px 0;
}

#text-content p {
	margin: 3px 0 16px 0px;
	line-height: 17px;
}

.bullet {
	list-style:disc;
	list-style-type:disc;
	margin: 0 0 0 25px;
	padding: 0 0 0 5px;

}

h1 {
	font-family: arial, helvetica, sans-serif;
	color: #5095BE;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 16px 0;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #2D5B77;
	margin: 16px 0 16px 0;
}

h3 {
	font-size: 14px;
	color: #5095BE;
	margin: 10px 0 0 0;
}

.validation {
	color: #FF0000;
	font-weight: bold;
}


/* =CSS Menus / Main nav
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default; }
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}

/* =Main navigation
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	clear: both;
	background: #0083AE url('../images/wrapper/main-nav-bg.gif') 0 0 repeat-x;
	width: 980px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	margin: 0 auto 0 auto;
	height: 1px !important;
	display: none !important;
}

/* (MAIN) Container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0 auto 0 auto;
	width: 980px;
}

/* (MAIN) Items */	
#qm0 a {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Parent items */	
#qm0 .qmparent {	
	background: right 0 no-repeat;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (SUB) Container */	
#qm0 div p {
	background: #F4F4F4;
	color: #6589A3;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #C6D3DB;
}

/* (SUB) Container */	
#qm0 div {	
	padding: 0;
	margin: 0;
	background: #ffffff;
	border-top: 1px solid #417DA0;
	border-left: 1px solid #417DA0;
	border-right: 1px solid #417DA0;
	border-bottom: 1px solid #417DA0;
	margin: -1px 0 0 0;
}

/* (SUB) Items */	
#qm0 div a {
	background: #ffffff;	
	padding: 5px 15px 5px 15px;
	color: #417DA0;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #C6D3DB;
	min-width: 198px;
	width: auto !important;
	width: 198px;
}

#qm0 div a.border-btm-wht {
	border-bottom: 1px solid #ffffff;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #CBDFE8;
	padding: 5px 15px 5px 15px;
	color: #417DA0;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #C6D3DB;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #CBDFE8;
	padding: 5px 15px 5px 15px;
	color: #417DA0;
	font-size: 12px;
	text-decoration: none; 
	border-bottom: 1px solid #C6D3DB;
}



/*--MSV TODAY---------------------------------------------------------*/

div.solutions-odd, div.solutions-even{
	padding:10px 30px 3px 0;
	margin:0;
	border-top:1px #CCCCCC solid;
}

div.solutions-odd h3 a, div.solutions-even h3 a{
	text-decoration:none;
	color:#1f60a9;
}

div.solutions-odd h3 a:visited, div.solutions-even h3 a:visited{
	text-decoration:none;
	color:#1f60a9;
}

div.solutions-odd h3 a:hover, div.solutions-even h3 a:hover{
	text-decoration:underline;
}

div.solutions-even{
	background:#F5F8FA;
}

h3.products-header a{
	text-decoration:none;
}

h3.products-header a:hover{
	text-decoration:underline;
}