/*
 
 	Montera Corporation main stylesheet
	Industrialmedia.ca
*/

/* =Global
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
 
body {
	background: #ffffff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

table tr td {
	font-size: 12px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.white
{   color: #ffffff;
   margin-left:16px;
   	font-size: 10px;
   padding:0px 0px 0px 10px;	
}

ul.white li
{   color: #ffffff;
    list-style-type:disc;
    margin: 2px 0 0 5px;
}

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

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

/* =Layout homepage
---------------------------------------------------------------------------------------------------- */
#home-main-content {
	background: url('../images/wrapper/home-main-content-bg.gif') 651px 0 repeat-y;
}

#home-main-content #left-col {
	float: left;
	width: 636px;
	padding: 0 0 0 14px;
}

#home-main-content #left-col #intro {
	float: left;
	width: 265px;
	padding: 0 25px 0 0;
}

#home-main-content #left-col #news {
	float: right;
	width: 320px;
	padding: 12px 20px 0 0;
}

#home-main-content #right-col {
	background: url('../images/wrapper/home-right-col-bg.jpg') 0 0 repeat-x;
	float: right;
	width: 298px;
	min-height: 310px;
	height: auto !important;
	height: 310px;
	padding: 0 14px 0 14px
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	background: #ffffff;
	width: 978px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #CFC291;
	border-right: 1px solid #CFC291;
	border-bottom: 1px solid #CFC291;
}

#main-content .left-col {
	background: url('../images/wrapper/left-col-bg.jpg') 0 0 repeat-x;
	float: left;
	width: 224px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#main-content .middle-col {
	float: left;
	width: 511px;
}

#main-content .full-col {
	float: left;
	width: 711px;
}

#main-content .middle-col #text-content ,
#main-content .full-col #text-content {
	padding: 22px 20px 20px 22px;
}

#main-content .right-col {
	float: right;
	width: 242px;
}

/* =Branding + toolbar
---------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.jpg') 100% 0 no-repeat;
	min-height: 119px;
	height: auto !important;
	height: 119px;
}

#branding #logo {
	display: block;
	float: left;
	width: 283px;
	padding: 37px 0 0 23px;
}

/* Toolbar */
#branding #toolbar {
	float: right;
	border-bottom: 1px solid #e8ecf2;
}

#branding #toolbar ul li {
	display: block;
	float: left;
}

#branding #toolbar ul li a {
	display: block;
	float: left;
	color: #336183;
	text-decoration: none;
	padding: 10px 14px 10px 14px;
	border-left: 1px solid #e8ecf2;
}

#branding #toolbar ul li a:hover {
	text-decoration: underline;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 11px;
	padding: 24px 0 0 20px;
}

/* =Font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	background: url('../images/wrapper/breadcrumb-bg.jpg') 0 0 repeat-y;
	color: #ffffff;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	padding: 13px 0 0 854px;
}

#font-resize ul li {
	float: left;
	padding: 0 5px 0 0;	
}

#font-resize a, #font-resize a:hover {
	color: #ffffff;
	cursor: pointer;
}

/* =Left navigation
---------------------------------------------------------------------------------------------------- */
#left-nav {
	background: url('../images/wrapper/left-nav-border-right.jpg') 100% 0 no-repeat;
	color: #1d3a74;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding: 17px 0 0 30px;
}

#left-nav ul li {
	padding: 8px 0 4px 0;
}

#left-nav ul li a {
	color: #1d3a74;
	text-decoration: none;
	padding: 0 0 10px 0;
}

#left-nav ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

#left-nav ul li ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

#left-nav ul li ul li {
	background: url('../images/wrapper/left-nav-bullet.gif') 0 14px no-repeat;
}

#left-nav ul li ul li a {
	color: #1d3a74;
	text-decoration: none;
	padding: 0 0 0 8px;
}

#left-nav ul li ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

#left-nav ul li a.on {
	color: #1d3a74;
	text-decoration: none;
	font-weight: bold;
}

#left-nav ul li a.on:hover {
	color: #000000;
	text-decoration: underline;
}

/* =Suc content / sidebar
---------------------------------------------------------------------------------------------------- */
#sub-content {
	background: url('../images/wrapper/sub-content-bg.jpg') 0 0 repeat-x;
	width: 227px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	border: 1px solid #CFC291;
	margin: 14px 0 0 0;
}

#sub-content #sub-content-inner {
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding: 14px 10px 10px 12px;
}

#sub-content #sub-content-inner ul li {
	padding: 0 0 6px 8px;
	background: url('../images/wrapper/sub-content-list-bullet.jpg') 0 6px no-repeat;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#home-main-content p {
	margin: 12px 0 12px 0;
	line-height: 16px;
}

#home-main-content ul li {
	padding: 10px 0 8px 0;
	line-height: 16px;
}

#home-main-content h1 {
	color: #695d46;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 12px 0 0 0;
}

#home-main-content h2 {
	color: #a49778;
	font-size: 12px;
}

#home-main-content span.date {
	color: #1d3a74;
	font-weight: bold;
}

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

#main-content ul li {
	line-height: 17px;
	
}

#text-content ul li {
	line-height: 17px;
	list-style: disc;
	margin: 0 0 0 0;
	
}

#text-content ul {
  margin : 0 0 0 30px;
  padding: 0 0 0 0;
	
}


#main-content h1 {
	color: #695d46;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 12px 0;
}

#main-content h2 {
	color: #695d46;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 12px 0;
}

#main-content h3 {
	color: #1d3a74;
	font-size: 12px;
	margin: 0;
}

#main-content #sub-content p {
	margin: 3px 0 10px 0;
}

#main-content #sub-content h2 { 
	color: #1d3a74;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

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

a:hover {
	color: #333333;
	outline: none;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	width: 978px;
	color: #695d46;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 14px;
}

#footer a {
	color: #695d46;
}

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

#footer img {
   border: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;

}

.partnerlogo
{
	float:right;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
}

/* =Navigation CSS Menus (Do not modify)
---------------------------------------------------------------------------------------------------- */
.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;}

/* =Navigation CSS Menus (You may modify)
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	border-top: 1px solid #695D46;
	border-bottom: 1px solid #022F55;
}

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

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

/* (MAIN) Hover State */	
#qm0 a:hover {	
	background: none;
	border: 0;
	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 {	
	background: #f7f9fa;
	color: #000000;
	border-top: 1px solid #023259;
	border-left: 1px solid #023259;
	border-right: 1px solid #023259;
	min-width: 195px;
	width: auto !important;
	width: 195px;
}

/* (SUB) Items */	
#qm0 div a {	
	background: #f7f9fa;
	padding: 10px 20px 10px 20px;
	color: #000000;
	font-size: 11px;
	border-bottom: 1px solid #023259;
	text-decoration: none;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #e8eef1;
	padding: 10px 20px 10px 20px;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px solid #023259;
	text-decoration: none;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #e8eef1;
	padding: 10px 20px 10px 20px;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px solid #023259;
	text-decoration: none;
}
 h5 {
	margin: 0;
	padding: 5px 0 4px 0px;
	font-weight:bold;
	color:#fff;
}
h5.slider
{
    padding-left:11px;
    padding-bottom:0px;
    margin:0;
    font-weight:700;
    font-size: 12px;
 }
/* =Homepage feature area + slider
---------------------------------------------------------------------------------------------------- */   
#slider {
	padding: 0;
	margin: 0;
}

#slider .scroll {
  height: 312px;
  width: 978px;
  overflow: hidden !important;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin: 0;
  padding: 0;
}

#slider .panel {
	height: 312px;
	width: 978px;
}

#slider {
	border-bottom: 1px solid #023258;
	min-height: 312px;
	height: auto !important;
	height: 312px;
}

div.scroll, div.scrollContainer {
	margin: 0;
	padding: 0;
}

/* Intro feature */
#slider #feature {
	background: url('../images/wrapper/feature-area/feature1-bg.jpg') 0 0 no-repeat;
	min-height: 312px;
	height: auto !important;
	height: 312px;
	position: relative;
	margin: 0 auto 0 auto;
}

#slider #feature a#btn-executive-solutions {
	display: block;
	position: absolute;
	top: 85px;
	left: 154px;
	cursor: pointer;
}

#slider #feature a#btn-business-manager {
	display: block;
	position: absolute;
	top: 154px;
	left: 426px;
	cursor: pointer;
}

#slider #feature a#btn-it-solutions {
	display: block;
	position: absolute;
	top: 85px;
	left: 671px;
	cursor: pointer;
}

/* pop-up 1 */
#slider #feature .popupone {
	background: url('../images/wrapper/feature-area/popup-bg.png') 0 0 no-repeat;
	color: #ffffff;
	height: 102px;
	width: 240px;
	display: none;
	z-index: 50;
	position: absolute;
	border: 1px solid #3E698B;
}

#slider #feature .popupone p {
	padding: 14px 10px 0 10px;
	margin: 0;
}

#slider #feature .popupone a {
	color: #BDE2FF;
	font-weight: bold;
}

/* pop-up 2 */
#slider #feature .popuptwo {
	background: url('../images/wrapper/feature-area/popup-bg.png') 0 0 no-repeat;
	color: #ffffff;
	height: 105px;
	width: 240px;
	display: none;
	z-index: 50;
	position: absolute;
	border: 1px solid #3E698B;
}

#slider #feature .popuptwo p {
	padding: 14px 10px 0 10px;
	margin: 0;
}

#slider #feature .popuptwo a {
	color: #BDE2FF;
	font-weight: bold;
}

/* pop-up 3 */
#slider #feature .popupthree {
	background: url('../images/wrapper/feature-area/popup-bg.png') 0 0 no-repeat;
	color: #ffffff;
	height: 120px;
	width: 240px;
	display: none;
	z-index: 50;
	position: absolute;
	border: 1px solid #3E698B;
}

#slider #feature .popupthree p {
	padding: 14px 10px 0 10px;
	margin: 0;
}

#slider #feature .popupthree a {
	color: #BDE2FF;
	font-weight: bold;
}

/* Inner nav btns */
#slider .callout-btns {
	float: right;
	padding: 18px 20px 0 0;
}

#slider .callout-btns ul li {
	float: left;
}

#slider .callout-btns ul li a {
	display: block;
	float: left;
}

/* Executive Solutions - Feature 1 */
#slider #feature1 {
	background: url('../images/wrapper/feature-area/executive-solutions-bg.jpg') 0 0 no-repeat;
	height: 312px;
	margin: 0 auto 0 auto;
}

#slider #feature1 #feature1-items { /* Temporary placeholder styles */
	padding: 21px 20px 0 159px;
	color: #ffffff;
}

 /*Business Manager Solutions - Feature 2 */
#slider #feature2 {
	background: url('../images/wrapper/feature-area/business-solutions-bg.jpg') 0 0 no-repeat;
	height: 312px;
	margin: 0 auto 0 auto;
}



/* It solutions - Feature 3 */
#slider #feature3 {
	background: url('../images/wrapper/feature-area/it-solutions-bg.jpg') 0 0 no-repeat;
	height: 312px;
	margin: 0 auto 0 auto;
}

#slider #feature3 h1
 {
	margin: 0;
	padding: 23px 0 0 163px;
}
#slider #feature2 h1
 {
	margin: 0;
	padding: 23px 0 0 164px;
}
#slider #feature1 h1 {
	margin: 0;
	padding: 23px 0 0 164px;
}
#slider #feature3 #feature3-items,
#slider #feature1 #feature1-items,
#slider #feature2 #feature2-items 
  {
	padding: 21px 0 0 159px;
}

#slider #feature3 #feature3-items .callout1,
#slider #feature1 #feature1-items .callout1,
#slider #feature2 #feature2-items .callout1 

{
	background: url('../images/wrapper/feature-area/callout1-bg.jpg') 0 0 no-repeat; 
	width: 394px;
	height: 103px;
	position: relative;
}

#slider #feature3 #feature3-items .callout2,
#slider #feature1 #feature1-items .callout2,
#slider #feature2 #feature2-items .callout2
 {
	background: url('../images/wrapper/feature-area/callout2-bg.jpg') 0 0 no-repeat; 
	width: 394px;
	height: 103px;
	position: relative;
}

#slider #feature3 #feature3-items .callout3,
#slider #feature1 #feature1-items .callout3,
#slider #feature2 #feature2-items .callout3
  {
	background: url('../images/wrapper/feature-area/callout3-bg.jpg') 0 0 no-repeat; 
	width: 394px;
	height: 103px;
	position: relative;
}

#slider #feature3 #feature3-items .callout4 {
	background: url('../images/wrapper/feature-area/callout4-bg.jpg') 0 0 no-repeat; 
	width: 394px;
	height: 103px;
	position: relative;
}

#slider #feature3 .callout1 h2, 
#slider #feature3 .callout2 h2{
	color: #F8EAC9;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 12px 10px 0 12px;
}

#slider #feature3 .callout1 p, #slider #feature3 .callout2 p, #slider #feature3 .callout3 p, #slider #feature3 .callout1 p,
#slider #feature1 .callout1 p, #slider #feature1 .callout2 p, #slider #feature1 .callout3 p, #slider #feature1 .callout1 p,
#slider #feature2 .callout1 p, #slider #feature2 .callout2 p, #slider #feature2 .callout3 p, #slider #feature2 .callout1 p
 {
	color: #ffffff;
	margin: 0;
	padding: 4px 10px 0 12px;
}

#slider #feature3 .callout1 .learn-more-btn, 
#slider #feature3 .callout2 .learn-more-btn, 
#slider #feature3 .callout3 .learn-more-btn, 
#slider #feature3 .callout4 .learn-more-btn {
	display: block;
	position: absolute;
	top: 74px;
	left: 302px;
}

.BrochureBox
{
	float:right;
	border: solid 4px #316187;
	border-style:double;
	width: 150px;
	padding: 10px 5px 3px 5px;
	text-align:center;
	margin: 5px 5px 5px 5px;
		
}