/* CSS Document */

body { 
	margin: 0 0 10px 0;
	background: url(images/bgd-tile.gif) repeat-x #2A5F6E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

a		{ color: #346279; text-decoration: underline; }
a:hover { color: #346279; text-decoration: none; }

#outer-container { width: 974px; margin:0 auto; }
#container { float:left; width: 970px; }
#shadow { float: left; width: 4px; background:url(images/left-shadow.gif) no-repeat top; height:752px; }

#logo 			{ background:url(images/mpc-data-home.jpg) no-repeat; width: 970px; height: 135px; }
#logo-windows 	{ background:url(images/embedded-windows.jpg) no-repeat; width: 970px; height: 135px; }
#logo-linux 	{ background:url(images/embedded-linux.jpg) no-repeat; width: 970px; height: 135px; }
#logo-solutions	{ background:url(images/embedded-solutions-top.jpg) no-repeat; width: 970px; height: 135px; }
#logo-about-us	{ background:url(images/about-us-top.jpg) no-repeat; width: 970px; height: 135px; }

/**************************
   Navigation elements
 *************************/

#nav { list-style: none; margin:0; padding:109px 0 0 0; }

#nav li { 
	list-style: none;
	float:left;
	background:url(images/nav-left.gif) no-repeat left;
	height: 26px;
	padding:0 0 0 2px;
	margin: 0;
}

#nav li.home-unselected,
#nav li.home-selected { 
	list-style: none;
	background: none;
	float: left;
	padding: 0;
	margin:0;
}

#nav li.nav-selected { background:#ffffff; }

#nav a { 
	background:url(images/nav-right.gif) no-repeat right; 
	font-size: 12px;
	font-family:Helvetica, Arial, sans-serif;
	padding: 7px 15px 0px 14px;
	display: block;
	height: 19px;
	text-decoration: none;
	color:#ffffff;
	float: left;
}

#nav a:hover { background:url(images/nav-right-hover.gif) no-repeat right; }

#nav a.nav-selected 		{ background:#ffffff; color:#030200; }
#nav a.nav-selected:hover   { background:#ffffff; color:#030200; }

#nav a.home-selected { 
	background:url(images/home-on.gif);
	width: 34px;
	padding: 0;
	height: 26px;
}
#nav a.home-selected:hover {
	background:url(images/home-on.gif);
}

#nav a.home-unselected { 
	background:url(images/home-off.gif);
	width: 34px;
	padding: 0;
	height: 26px;
}

#nav a.home-unselected:hover { background:url(images/home-off-hover.gif); }

/**************************
   Content elements
 *************************/
 
#content-container { 
 	float: left;
	background:#FFFFFF;
	padding: 19px 15px 12px 34px;
	width: 921px;
}

#content-left { 
	float: left;
	width: 644px;
}

#content-left h1 { 
	font-size: 14px;
	color:#416377;
	width: 511px;
	margin-top: 0px;
	line-height: 1;
}

h3 {
	font-size: 14px;
	line-height: 1;
}


#content-left a 	  { color: #186579; text-decoration: none; }
#content-left a:hover { color: #186579; text-decoration: underline; }

#bottom-section { float:left; margin: 10px 0 0 0; }


/**************************
   Inner Content elements
 *************************/
 
 /* to force a minimum height */
.content-prop { width: 1px; float: right; height: 400px; }

#content-container-inner { 
 	float: left;
	background:#FFFFFF;
	padding: 14px 15px 12px 2px;
	width: 953px;
}

#inner-nav { float:left; width:150px; }

#inner-content { 
	float:left;
	width: 571px;
	padding: 4px 0px 0px 26px;	
}

#inner-content-shrunk { 
	float:left;
	width: 520px;
	padding: 4px 0px 0px 26px;	
}


#inner-content-stretch {
	float: left;
	padding: 4px 0px 0px 26px;
	width: 790px;
}


#inner-content-shrunk h1,
#inner-content h1,
#inner-content-stretch-sm h1,
#inner-content-stretch h1 { 
	margin-top: 0px;
	color:#416377;
	font-size: 14px;	
}

h2 {
 	font-size: 12px;
 	color: #333333;
 }	

#inner-right-case-study { float:right; padding-top: 32px; text-align:right; }
#inner-right { float:right; padding-top: 41px; text-align:right; }
#inner-right-not-news { float:right; padding-top: 41px; text-align:left; width: 200px; }
#inner-right-not-news p { margin-top: 0; }

/* embedded table formatting */
#inner-table-leftcol-hdr {color:#416377; background-color: #f5f8fa;}
#inner-table-col-hdr {background-color: #297686;}
#inner-table-leftcol {color:#416377; background-color: #f5f8fa;}
#inner-table-col {background-color:#297686;}


#contact-box-no,
#contact-box { 
	background:url(images/box-contact.gif) no-repeat;
	width: 145px;
	padding: 15px 16px 20px 20px;
	text-align: left;
}
#contact-box { 	margin-top: 20px;} 


/**************************
    Home Page Articles
 *************************/
#home-article-left { 
	width: 311px;
	background:url(images/home-left-fade.gif) repeat-y;
	padding: 5px 0 10px 0;
	float:left;
}

#home-article-right { 
	width: 312px;
	background:url(images/home-right-fade.gif) repeat-y;
	padding: 5px 0 10px 0;
	float:right;
}

#home-article-left p,
#home-article-right p { padding-right: 23px; }

#home-article-left h1,
#home-article-right h1 { width: 311px; }

.prop { height: 150px; width: 1px; float: left; }
.clear { clear: both; overflow: hidden; line-height: 1px; font-size:1px;} 


/**************************
   News Box Elements
 *************************/

#news-box { 
	float: right;
	width: 255px;
	border: 1px solid #e1e2e3;
	background:url(images/news-background.gif) repeat-x top #ffffff;
}

#news-content { padding: 19px 10px 19px 10px; }
#news-content h1 { margin: 0 0 3px 0; color:#297686; font-weight: bold; font-size: 12px; }
#news-content a 		{ text-decoration: none; }
#news-content a:visited { text-decoration: none; }
#news-content a:hover	{ text-decoration: underline; }

#news-content p { margin:0; font-size: 12px; }

#news-heading { 
	background:url(images/news-heading.gif) no-repeat;
	height: 24px;
}

#news-title { 
	float: left;
	font-size: 13px;
	font-weight: bold;
	color:#666666;	
	padding: 4px 0 0 8px;
}

#datebox { 
	font-size: 11px;
	color:#333333;
	float: right;
	padding: 5px 8px 0 0 ;
}

.news-divider { background:url(images/news-divider.gif) no-repeat; width: 234px; height:2px; margin: 9px 0 9px 0; }

#btn-more-news { 
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#btn-more-news a { 
	padding: 6px 15px 6px 6px;
	text-decoration: none;	
	background:#f5f8fa;	
	color:#416377;	
}

#btn-more-news a:hover { text-decoration: underline; }


/**************************
   Footer
 *************************/
#footer { 
 	width: 970px;
	height: 71px;
 	background:url(images/footer.gif) no-repeat;
	float: left;
}

#footer-text { 	
	margin: 45px 0 0 35px; 
	color:#000000;
	font-size: 11px;
	text-transform: uppercase;	
	float: left;
}
#footer-text a 		{ text-decoration: none; color:#000000; }
#footer-text a:hover { text-decoration: underline; color:#000000; }

#quality-link { float:right; }


/**************************
   Disclaimer
 *************************/
#disclaimer-container { 
	line-height: 1.3;
	font-size: 11px;	
}
#disclaimer { 
	float: left;
	color:#FFFFFF;
	padding-top: 10px;	
}

#copyright { 
	float: right; 
	text-align: right;
	color:#e0f0f5;
	padding-top: 10px;	
}

#copyright a 		{ color:#e0f0f5; text-decoration: none; }
#copyright a:hover  { color:#e0f0f5; text-decoration: underline; }

/**************************
	Inner Nav
 *************************/
#inner-nav ul { 
	list-style: none;
	margin:0;
	background:url(images/bgrnd-inner-nav.gif) no-repeat bottom left;
	padding: 10px 0 18px 18px;
}

#inner-nav ul.selected { 
	background:url(images/bgrnd-inner-nav-selec.gif) no-repeat bottom left;
}

#inner-nav li { 
	list-style: none;
	color:#000000;
	margin:0;
	padding:0;	
}

#inner-nav a { 
	color: #346279;
	text-decoration: none;
}

#inner-nav a:hover { 
	color: #346279;
	text-decoration: underline;
}

/**************************
	Inner Nav Single 
	as used on about us page
 *************************/
 
#inner-nav-single { float:left; width: 136px; }
#inner-nav-single ul { 
	list-style: none;
	margin:0;
	padding:0;
}

#inner-nav-single li { 
	list-style: none;
	color:#000000;
	margin:0;
	padding: 10px 0 10px 18px;
	background:url(images/bgrnd-inner-nav.gif) no-repeat bottom left;	
}

#inner-nav-single li.selected { 
	background:url(images/bgrnd-inner-nav-selec.gif) no-repeat bottom left;
}

#inner-nav-single a { 
	color: #346279;
	text-decoration: none;
}

#inner-nav-single a:hover { 
	color: #346279;
	text-decoration: underline;
} 
 

/**************************
	Third Level Nav
 *************************/

a.thirdnav,
a.thirdnav-selected { 
	width:172px;
	color:#ffffff;
	background:#346279;
	padding: 9px 5px 0px 5px;
	margin: 0 0 0 5px;
	text-decoration: none;
	float:left;
	text-align: center;
	height:33px;
	font-size: 11px;
	vertical-align: middle;
}

a.thirdnav-selected {  }

a.thirdnav-selected:hover { color:#FFFFFF; }

a.thirdnav { background:url(images/thirdnav-background.jpg) no-repeat; 	color:#416377; }
a.thirdnav:hover { background:#bbc7d4; 	color:#416377; }


/**************************
	News Page
 *************************/
 
 .news-date { 
 	font-size: 10px;
 	color: #999999;
 	font-weight: normal;
 }
 
 a.top-link { width: 100%; color: #999999; font-size: 10px; text-decoration: none; text-align: right; }
 a.top-link:hover { color: #999999; font-size: 10px; text-decoration: underline; text-align: right; }
 
 #news-main-small { width: 520px;}
 #news-main { width: 520px; }
 
 #news-main-small h2,
 #news-main h2 { margin-top: 0px; }
 
 #news-main-small h2 a,
 #news-main-small h2 a:hover,
 #news-main h2 a,
 #news-main h2 a:hover	{ color: #333333; text-decoration: none; }
 
 #news-main-small hr,
 #news-main hr { 
 	line-height: 1px;
 	height: 1px;
 	color: #999999;
 	background: #999999;
 	border: none;
 	margin: 5px 0;
 	padding: 0;
 }
 
 #news-list-right {
 	align:left; 
 	width:250px; 
 	text-align:left; 
 	border: 1px solid #cccccc;
 	background:#f4f8fa;
 	padding: 5px;
 	line-height: 1.3;
 }
 

 
 /* the date drop down on the 'news' page */
 #news-date-box { 
 	margin-top: 10px;
  	align:left; 
 	width:250px; 
 	text-align:left; 
 	border: 1px solid #cccccc;
 	background:#f4f8fa;
 	padding: 5px;
 }
 
 #news-date-box form { margin: 0; padding: 0; }
 #news-date-box select { 	
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	width: 100px;
}
 
 
 #news-list-right a 		{ text-decoration: none; }
 #news-list-right a:hover 	{ text-decoration: underline; }
 
 #news-page-nav {
 	text-align: right;
 	font-size: 10px;
 	font-weight: bold;
 	text-decoration: none;
 }
 
 #news-page-nav a 		{ text-decoration: none; }
 #news-page-nav a:hover { text-decoration: underline; }
 
 #news-page-count { float: left; }
 #news-page-pages { float: right; }
 
 
 
 /**************************
	Special styles defined
	in the tinymce drop
	down
 *************************/

.rightbox { 
	background: url(images/box-background.gif) no-repeat bottom;
	display: block;
	width: 145px;
	padding: 15px 16px 20px 20px;	
}

 /**************************
	Special styles defined
	for news snippets in
	right panel
 *************************/

.sideBarBlock {
  background:none repeat scroll 0 0 #F2F2F2;
  border:1px solid #C8C8C8;
  color:#4C4C4C;
  margin-bottom:10px;
  padding:0 10px 10px;
  width: 174px;
}

.sideBarBlock h4 {
  background:none repeat scroll 0 0 #38929A;
  color:#FFFFFF;
  margin-bottom:10px;
  margin-left:-10px;
  padding:10px;
  width: 174px;
}

 /**************************
	Form Fields
 *************************/
 
 .input-field { 
 	width: 100%;
 	border: 1px solid #416377;
 	background:#ffffff!important;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #333333;
}

td.compulsory-field { color: #416377; }

.error-text { color: #ff0000; }
.submit-button { 
	border: 1px solid #416377;
	background:#6eabcf;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #ffffff;
 }	
 
 
/**************************
	Special Styles
 *************************/
 
 span.filesize { font-size: 10px; }
 #filelist a 		{ text-decoration: none; }
 #filelist a:hover 	{ text-decoration: underline; }
	
#preview { 
	background: #ff0000;
	height: 20px;
	color: #fff;
	text-align: center;
}

#preview a { 
	color: #fff;
	text-decoration:none;
}