/*----------------------------
  Note: These styles only 
  only apply to the mainpage
  of the website.
------------------------------*/
 
#Content {background: none;}
 
#tsbUnderline {display:none}
 
#TopSubBanner {height: 35px;}


/* 
	---> Main Graphic
*/
 
#MainGraphic
	{
	height: 161px;
	background: url('../images/mp-graphic-bg.jpg') no-repeat 0 0;
	margin-top: -1px;
	color: #dedede;
	overflow: hidden !important;
	}
 
#MainGraphic h2 
	{
	background: none;
	padding: 0 0 0 0; 
	margin: -3px 0 0 0;
	color: #dedede;
	border: none;
	font-style: italic;
	font-size: 1.8em;
	letter-spacing: 1px;
	line-height: 1.1em;	
	}

#MainGraphic #mgRight h2 {float: right; width: 93%;}
#MainGraphic #mgLeft h2 {float: left; width: 95%;}

#MainGraphic a {color: #ddd; text-decoration:none;} 
#MainGraphic a:hover {color: #fff;} 
#MainGraphic a:active {} 

#MainGraphic p
	{
	margin: 0;
	padding-top: 5px;
	font-size: 1.1em;
	clear: both;
	}
  
#mgLeft
	{
	position: relative;
	float: left;
	margin: 40px 0 0 0;
	width: 370px;
	padding: 0;
	left: 50px;
	}

#mgLeft .lmButton {	float: right; margin: 7px 132px 0 0;}

#mgRight .lmButton {float:left; margin: 7px 0 0 127px;}
	
#mgRight
	{
	position: relative;
	float: right;
	margin: 40px 0 0 0;
	right: 50px;
	padding: 0;
	width: 370px;
	background: url('../images/content-separator-sm.gif') repeat-y 0 0;
	text-align: right;
	}


/* 
	---> Main CONTENT
*/

#MainLeft, #MainRight
	{
	position: relative;
	min-height: 200px;
	}

#MainLeft
	{
	float:left;
	background: url('../images/mp-phone.jpg') no-repeat 1px 0;
	padding: 15px 0 0 0;
	width: 400px;	
	}
	
#MainRight
	{
	float:right;
	background: url('../images/mp-networks.jpg') no-repeat 213px 0;
	padding: 15px 0 0 0;
	width: 400px;
	}

.prodBox
	{
	position: relative;
	width: 214px;
	min-height: 120px;
	background: url('../images/sidemenu-box-bg.png') no-repeat 0 0;
	margin-bottom: 10px;
	margin-right: 0 !important;
	overflow-y: auto;
	overflow-x: hidden;
	}

#MainLeft .prodBox { float: right; }

#mainContent {}

#mainContent h3 { margin:0;padding:0; font-size: 1em; width:214px;}

a.prodName { display: block; text-decoration: none !important; padding: 6px 0 5px 20px;}
 
#MainRight .prodBox a.prodName
	{
	color: #ddd;
	background: url('../images/sidemenu-box-top.gif') no-repeat 0 0;
	}
	
#MainLeft .prodBox a.prodName
	{
	color: #ddd;
	background: url('../images/sidemenu-box-top-on.gif') no-repeat 0 0;
	}

a:hover.prodName {color: #fff !important;}

.prodBox p
	{
	margin: 5px 10px 0 10px;
	padding-bottom: 5px;
	font-size: 0.9em;
	}

.prodBox .floatPicR
	{
	margin: 5px 5px 0 5px;
	}

.prodBoxSpacer { display: relative; height: 20px; width: 150px}


/*
	--> Main Page Testimonials
*/

.mpTestimonial 
	{
	position: relative;
	width: 150px;
	background-color: #ddd;
	border: 1px solid #aaa;
	color: #000;
	font-size: 0.9em;
	line-height: 1.5em;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	}
 
.mpTestimonial p
	{
	padding: 0 5px;
	margin: 5px 0;
	}

#MainLeft .mpTestimonial
	{	
	float: left;
	left: 10px;
	margin-top: 175px;
	}

#MainRight .mpTestimonial
	{
	float: right;
	right: 10px;
	margin-top: 130px;
	}

.mpTestimonial h3
	{
	margin: 5px 0 10px 10px !important;
	width: auto !important;
	text-decoration: underline;
	color: #000;
	}

#ContentBlurb
	{
	clear: both;
	padding: 1em 1em 0 1em;
	margin: 1em;
	border-top: 1px solid #900;
	font-size: 0.9em;
	line-height: 1.4em;
	}