/*--------------------------
	CSS by Rod Miles	
	One Grey Paw
	www.OneGreyPaw.com
	
	July 2008
	
	CSS for mainpage
----------------------------*/

#header { height: 153px; } 

#contentBody { width: 100%; padding-bottom: 0; }

#leftPanel, #breadcrumbs { display: none; }

#mainMenu { background: url('../images/mp-mainmenu-bg.gif') no-repeat 0 0; height: 32px; }

#banner {
	position: relative;
	width: 902px;
	height: 135px;
	margin: 0 auto;
	background: url('../images/mp-banner-bg.jpg') no-repeat 0 0;
	text-align: left;	
}

#banner a { text-decoration: none; }
 
#bannerBlurb { float:left; width: 400px; }
 
#bannerTvs { float: left; width: 480px; }
 
* html #banner { z-index: -1; }
 
#footer { margin-top: 70px; }

 
/*-------------------------------
	Right Panel
---------------------------------*/

#rightPanel 
	{ 
	padding-top: 10px;
	width: 490px;
	}

.mpBox
	{
	float: left;
	width: 220px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #777;
	}

#mpBox01.mpBox, #mpBox03.mpBox { margin: 0 37px 0 0; }
#mpBox01.mpBox, #mpBox02.mpBox { margin-bottom: 25px; }
	
#mpBoxDigital, #mpBoxDesign, #mpBoxVideo, #mpBoxDvd { background: url('../images/lm-bg.gif') no-repeat 0 bottom; margin-bottom: 0;  }

a.mpBoxHeading { display: block; width: 220px; height: 24px; margin-bottom: 0; }
#mpBoxDigital a.mpBoxHeading { width: 220px; height: 24px; background: url('../images/lm-digital-signage.gif') no-repeat 0 0; }
#mpBoxVideo .mpBoxHeading { background: url('../images/lm-video-01.gif') no-repeat 0 0; }
#mpBoxDvd .mpBoxHeading { background: url('../images/lm-dvd.gif') no-repeat 0 0; } 
#mpBoxDesign .mpBoxHeading { background: url('../images/lm-design.gif') no-repeat 0 0; }

.mpBox p { padding: 0 8px 6px 8px; }

.mpBox a.mpBoxLearn 
	{ 
	width: 77px; 
	height: 16px; 
	margin: -9px 8px 0 0; 
	float: right; 
	background: url('../images/mp-box-learnmore.gif') no-repeat 0 0;
	}
	
.mpBox a.mpBoxPort
	{
	width: 89px;
	height: 16px;
	margin: -9px 2px 0 0;
	float: right;
	background: url('../images/mp-box-portfolio.gif') no-repeat 0 0;
	}

.mpBox a.mpBoxLearn:hover, .mpBox a.mpBoxPort:hover { background-position: 0 -30px; }

a.mpBoxHeading b, .mpBoxLearn b, .mpBoxPort b { display: none; }



/*-----------------------------
	Mid Panel 
------------------------------*/

#midPanel 
	{ 
	position: relative;
	width: 360px; 
	line-height: 1.7em; 
	padding-top: 10px;
	left: 25px;
	}

#mpWelcome 
	{ 
	width: 100%; 
	height: 23px; 
	background: url('../images/mp-heading.png') no-repeat 0 0; border-bottom: 1px solid #ccc; 
	}