/* Custom CSS for custom content pages (including custom forms). */

a img { border:0;}

.sitemap_subtitle {
	text-weight:bold;
	font-size:175%;
	padding:2px 0px;
	margin:0px;
	display:inline;
}

.sitemap_subtitle a {
	color:black;	
	text-weight:bold;
	text-decoration:none;
}

.sitemap_subtitle a:hover {
	text-decoration: underline; 
}

.sitemap_subtitlesub {
	text-weight:bold;
	font-size:150%;
	padding:2px 0px;
	margin:0px;
	display:inline;
}

.sitemap_subtitlesub a {
	color:black;	
	text-weight:bold;
	text-decoration:none;
}

.sitemap_subtitlesub a:hover {
	text-decoration: underline; 
}

/* s&m pages css declarations */

.sm_title {
	color:black;
	text-weight:bold;
	font-size:15pt;
	padding:2px 0px;
	margin:0px;
	/*display:inline;*/
	text-decoration:none;
}

.sm_title a {
	color:black;	
	text-weight:bold;
	text-decoration:none;
}

.sm_title a:hover {
	 text-decoration:none;
}


#help {display: none;}

.inlineDiv {
	text-align:left;
	position:relative;
	left:0px;
	display:inline;
	margin:0;
	padding:0 0 11px 11px;
	width:140px;
}
/*.books ul,li {width:100%;background:none;border:0;} */


/* CUSTOM CONTENT WORK - MATT & JAMES SEPTEMBER 2011 */

.timeline {
	font-size:14px;
	font-family: Georgia,serif;
	font-style:italic;
	padding-bottom:10px;
	
}

#wrapper {
	width: 113px;
	float:left;
	margin-left:10px;
	
	}

.accordionButton {
	width: 102px;
	float: left;
	_float: none;
	border-top: 1px solid #D9D9D9;
	cursor: pointer;
	background-color: #fff;
	font-size:12px;
	font-family: Georgia,serif;
	
	padding:2px 18px;
	background-image:url('http://www.mpdclick.com/mudpie/custom_content/img/arrow1a.png');
	background-repeat:no-repeat; 
	background-position:left center; 
	
	
	}
	
.accordionContent {	
	width: 102px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	
	padding:10px;
	font-size:11px;
	}
	
	#accordion-spacer {
		height:1px;
		width:70%;
		background-color:#D9D9D9;
		margin: 12px 0 10px 0;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	width: 102px;
	float: left;
	_float: none;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding:2px 0;
	
	
	}
	
	.hover {
	width: 102px;
	float: left;
	_float: none;
	border-top: 1px solid #D9D9D9;
	background-color:#D9D9D9;
	cursor: pointer;
	padding:2px 18px;
	
	
	}
	
	.active {
	width: 102px;
	float: left;
	_float: none;
	border-top: 1px solid #D9D9D9;
	cursor: pointer;
	padding:2px 18px;
	background-image:url('http://www.mpdclick.com/mudpie/custom_content/img/arrow2a.png');
	background-repeat:no-repeat; 
	background-position:left center; 
	
	
	
	
	}
	
	
.over {
	width: 102px;
	float: left;
	_float: none;
	border-top: 1px solid #515050;
	cursor: pointer;
	padding:2px 0;
	
	}
----------------------------------*/

.trend1 {
	float:left;
	padding-right:10px;
	width:196px;
	font-size:12px;
}

.trend2 {
	float:left;
	padding-right:10px;
	width:210px;
  font-size:12px;
}

.trend3 {
	float:left;
	width:210px;
	font-size:12px;
}

.trend2 p {
	
	line-height:150%;
}

.trend3 p {
	
	
	line-height:150%;
}

figure {
  position: relative;
  display: block;
  margin:0 !important;
}

.trend2 span {
	font-family: Georgia,serif;
	font-style:italic;
	font-size:20px;
	
}

.trend3 span {
	font-family: Georgia,serif;
	font-style:italic;
	font-size:20px;
	
}

figcaption {
  position: absolute;
  top:0;
  left:0;
  width:210px;
  height:311px;
  background-color: none !important;
  
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

figure:hover figcaption {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}
  
 .boxes figcaption   {
  position: absolute;
  top:0;
  left:0;
  width:155px;
  height:155px;
  background-color: none !important;
  
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
  
  .sport-boxes figcaption   {
  position: absolute;
  top:0;
  left:0;
  width:122px;
  height:150px;
  background-color: none !important;
  
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
  
  .forecast-header {
  	
  	text-align:center;
  	
  	margin-bottom:20px;
  }
  
  .forecast-header span {
	font-family:  georgia, serif;
	text-align: center;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	display: block;
	line-height: 150%;
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
  
  .forecast-header p{
  	text-align:center;
  	font-size:15px;
  	width:50%;
  	margin:0 auto;
  	line-height:170%;
	font-family: Georgia,serif;
	font-style:italic;
	
	width:70%;
	padding-bottom:5px;
  	
  }
  
  .forecast-divide {
  	height:1px;
  	width:652px;
  	float:left;
  	background-color:#D9D9D9;
  	margin:20px 0 15px 0;
  	clear:both;
  }
  
  	.case-study-kids {
		width:217px;
		float:left;
		height:310px;
		padding-bottom:10px;
	}
	
	.case-study-kids span {
		font-family:  georgia, serif;
		font-size:18px;
		font-style:italic;
		padding:10px 0;
	}
	
	.case-study-kids p {
		padding:10px 10px 0 0 ;
		font-size:11px;
		}
		
		.case-study-kids img {
		padding:0 10px 10px 0;
		
		}
		
		.case-study-kids a:hover {
		font-weight:bold !important;
		text-decoration:none !important;
		color:#6F6F6F !important;
		
	}
  
  	.case-study {
		width:325px;
		float:left;
		height:182px;
		padding-bottom:20px;
	}
	
	.case-study span {
		font-family:  georgia, serif;
		font-size:18px;
		font-style:italic;
	}
	
	.case-study a span {
		font-weight:normal;
		text-decoration:none !important;
		color:#6F6F6F !important;
	}
	
		.case-study a:hover {
		font-weight:bold !important;
		text-decoration:none !important;
		color:#6F6F6F !important;
		
	}
	
	.case-study p a:hover {
		font-weight:bold;
		text-decoration:none !important;
		color:#6F6F6F !important;
		
	}
	
		.case-study p {
		padding:10px;
		font-size:11px;
		}
		
		.case-study img {
		padding-right:10px;
		
		}
		
		.case-study-title {
		font-family:  georgia, serif;
		font-size:20px;
		font-style:italic;
		padding-bottom:6px;
		height:33px;
		width: 250px;
		clear:both;
	}
  
  
  
  
  .forecast_top_left {
  	width:310px;
  	float:left;
  	background-color:black;
  }
  
  .forecast_top_right {
  	width:310px;
  	float:left;
  	background-color:#666;
  }
  
  .summarywrapper {
	float: left;
	height: 463px;
	width: 652px;
	background-color: #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.summaryleftpanel {
	width: 325px;
	height: 463px;
	float: left;
	margin: 0px;
	padding: 0px;
	background:url('http://www.mpdclick.com/mudpie/custom_content/img/trend-box.png');
	position:relative;
}

a .summaryleftpanel {
cursor:pointer;
}

.download-pdf {

	position:absolute;
	top:435px;
	left:10px;
	width:300px;
	height:27px;
	font-size:12px;
	font-family:"georgia", serif;
	font-style:italic;
	font-weight:normal;
	color:white;
	}
	
	.pdf-link {
	padding-left:10px;
	position:absolute;
	top:435px;
	}
	
.summaryrightpanel {
	width: 325px;
	height: 461px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	position:relative;
}

.links-wrapper {
	padding:20px 20px 10px 10px;
	font-weight:normal !important;
	text-align:justify;
}

.links-wrapper ul li {
padding-bottom:5px;
}

.links-wrapper span {
	font-family:  georgia, serif;
font-size: 18px;
font-style: italic;
}

.profile-buttons {
	width:100px;
	padding:10px 0 15px 0;
}

.trend-link {
	width:65px;
	margin-bottom: 4px;
	padding: 5px;
	font-family:  georgia, serif;
		font-size:14px;
		font-style:italic;
	
	
}

 .links-wrapper a{
 	width:90px !important;
font-weight:normal !important;
text-decoration:none !important;
cursor:pointer;
}

a .links-wrapper:hover {
font-weight:normal !important;
text-decoration:none !important;

}

a .trend-link:hover {
	width:90px;
color:white !important;
background-color: #515050 !important;
text-decoration:none !important;
}

.profile-description {
	width:200px;
	padding-top:22px;
	border-top:1px solid #D9D9D9;
	height: 170px;
}

.profile-buttons a.current .trend-link {
	cursor: pointer;
	background-color: #515050;
	width: 90px;
	color:white;
}


.boxes {
	clear: both;
	float: left;
	width: 652px;
	margin-top: 10px;
}

.sport-boxes {
	clear: both;
	float: left;
	width: 652px;
	margin: 10px 0 20px 0;
}

.sport-boxes a:hover {
text-decoration:none;
}

.boxes a:hover {
text-decoration:none;
}

.forecast-box {
	width:155px;
	height:185px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;

}

.forecast-box-end {
	width:155px;
	height:185px;
	float:left;
}

.forecast-box div {
	height:30px;
	width:155px;
	font-family: "georgia", serif;
		font-size:11px;
		font-style:italic;
		display : table-cell;
		vertical-align:middle;
		background-color:#515050;
		color:white;
		line-height:30px;
	}
	
	.forecast-box-end div {
		display : table-cell;
		vertical-align:middle;
	height:30px;
	width:155px;
	font-family: "georgia", serif;
		font-size:11px;
		color:white;
		font-style:italic;
	background-color:#515050;
	line-height:30px;
	}
	
.forecast-box div span {
	padding-left:10px;
}

.forecast-box-end div span {
	padding-left:10px;
}

a .forecast-box, .forecast-box-end {
	font-weight:normal;
    cursor:pointer;   
}

a .forecast-box img {
	border: none !important;
	
       
}

a .forecast-box-end img {
	border: none !important;
	
       
}

.sports-forecast-box {
	width:122px;
	height:150px;
	float:left;
	margin-bottom:20px;
	margin-right:10px;

}

.sports-forecast-box-end {
	width:122px;
	height:150px;
	float:left;
}

.sports-forecast-box div {
	height:30px;
	width:122px;
	font-family: "georgia", serif;
		font-size:11px;
		font-style:italic;
		display : table-cell;
		vertical-align:middle;
		background-color:#515050;
		color:white;
		line-height:30px;
		overflow:hidden;
	}
	
	.sports-forecast-box-end div {
		display : table-cell;
		vertical-align:middle;
	height:30px;
	width:122px;
	font-family: "georgia", serif;
		font-size:11px;
		color:white;
		font-style:italic;
	background-color:#515050;
	line-height:30px;
	overflow:hidden;
	}
	
.sports-forecast-box div span {
	padding-left:10px;
}

.sports-forecast-box-end div span {
	padding-left:10px;
}

a .sports-forecast-box, .sports-forecast-box-end {
	font-weight:normal;
    cursor:pointer;   
}

a .sports-forecast-box img {
	border: none !important;
	height:150px;
	width:122px;
	
       
}

a .sports-forecast-box-end img {
height:150px;
	width:122px;
	border: none !important;
	
       
}

/* IMAGE SLIDER - MAIN HOMEPAGE */

	#gallery {
		padding: 0 15px 10px 15px;
		background: white;
	}
	
	#descriptions {
		position: relative;
		height: 50px;
		background: #EEE;
		margin-top: 10px;
		width: 640px;
		padding: 10px;
		overflow: hidden;
	}
	
	#descriptions .ad-image-description {
		position: absolute;
	}
	
	#descriptions .ad-image-description .ad-description-title {
		display: block;
	}
	
	.ad-gallery {
		width: 950px;
	}
	
	.ad-gallery, .ad-gallery * {
		margin: 0 auto;
		padding: 0;
	}
	
	.ad-gallery .ad-image-wrapper {
		
		height: 400px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
	}
	
	.ad-gallery .ad-image-wrapper .ad-loader {
		position: absolute;
		z-index: 10;
		top: 48%;
		left: 48%;
		border: 1px solid #CCC;
	}
	
	.ad-gallery .ad-image-wrapper .ad-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 5%;
		height: 100%;
		cursor: pointer;
		display: block;
		z-index: 100;
	}
	
	.ad-gallery .ad-image-wrapper .ad-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 5%;
		height: 100%;
		cursor: pointer;
		display: block;
		z-index: 100;
	}
	
	.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
	      /* Or else IE will hide it */
		background: url(non-existing.jpg)\9
	}
	
	.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url(http://www.mpdclick.com/mudpie/custom_content/img/design2011/images/ad_prev.png);
		width: 30px;
		height: 30px;
		display: none;
		position: absolute;
		top: 47%;
		left: 0;
		z-index: 101;
	}
	
	.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url(http://www.mpdclick.com/mudpie/custom_content/img/design2011/images/ad_next.png);
		width: 30px;
		height: 30px;
		right: 0;
		left: auto;
		top: 47%;
	}
	
	.ad-gallery .ad-image-wrapper .ad-image {
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 0;
	}
	    
	.ad-gallery .ad-image-wrapper .ad-image a img {
		border: 0;
	}
	
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 7px;
		text-align: left;
		width: 100%;
		z-index: 2;
		background: white;
		color: #000;
	}
	
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
		background: white;
		opacity: 0.6;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
	}
	
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
		display: block;
	}
	
	.ad-gallery .ad-controls {
	    height: 20px;
	}
	  
	.ad-gallery .ad-info {
	      float: left;
	}
	
	.ad-gallery .ad-slideshow-controls {
	      float: right;
	}
	
	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
		padding-left: 5px;
		cursor: pointer;
	}
	
	.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
		padding-left: 5px;
		font-size: 0.9em;
	}
	
	.ad-gallery .ad-slideshow-running .ad-slideshow-start {
		cursor: default;
		font-style: italic;
	}
	
	.ad-gallery .ad-nav {
		width: 170px;
		position: relative;
		margin: 0 auto;
		padding-left: 50px;
		padding-top:12px;
	}

	.ad-gallery .ad-nav img {
		width: 10px;
		height: 10px;
		display:inline;
				
	}
	
	.ad-gallery .ad-nav ul {
		width: 170px !important;
		text-align:center;
		
	}
	
	.ad-gallery .ad-forward, .ad-gallery .ad-back {
		position: absolute;
		top: 0;
		height: 100%;
		z-index: 10;
		display:none;
	}
	
	/* IE 6 doesn't like height: 100% */
	* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
		height: 200px;
	}
	
	.ad-gallery .ad-back {
		cursor: pointer;
		left: -20px;
		width: 13px;
		display: none;
		background: url(http://www.mpdclick.com/mudpie/custom_content/img/design2011/images/ad_scroll_back.png) 0px 90px no-repeat;
	}
	
	.ad-gallery .ad-forward {
		cursor: pointer;
		display: block;
		right: -20px;
		width: 13px;
		background: url(http://www.mpdclick.com/mudpie/custom_content/img/design2011/images/ad_scroll_forward.png) 0px 90px no-repeat;
	}
	
	.ad-gallery .ad-nav .ad-thumbs {
		overflow: hidden;
		width: 100%;
	}
	
	.ad-gallery .ad-thumbs .ad-thumb-list {
		float: left;
		width: 9000px;
		list-style: none;
	}
	
	.ad-gallery .ad-thumbs li {
		float: left;
		padding-right: 5px;
	}
	
	.ad-gallery .ad-thumbs li a {
		display: block;
	}
	
	.ad-gallery .ad-thumbs li a img {
		border: none;
		display: block;
	}
	
	.ad-gallery .ad-thumbs li a.ad-active img {
		 border: none;
	}
	
	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads {
		position: absolute;
		left: -9000px;
		top: -9000px;
	}

/* IMAGE SLIDER END */

#homepage-tiles {
	width:950px;
	margin:0 auto;
}

#tile1 {
	width:390px;
	height:300px;
	padding-right:10px;
	float:left;
}

#tile1 figcaption {
	width:390px;
	height:300px;
} 

#tile2 {
	width:270px;
	height:300px;
	padding-right:10px;
	float:left;
}

#tile2 figcaption {
	width:270px;
	height:300px;
}

#tile3 {
	width:270px;
	height:525px;
	float:left;
	padding-top:10px;
}

#tile3 figcaption{
	width:270px;
	height:525px;
}

#tile-cluster1 {
	width:310px;
	height:625px;
	float:left;
	padding:10px 10px 0 0;
}

#tile-cluster1 img {
	padding-bottom:10px;
}

#tile-cluster2 {
	width:350px;
	height:625px;
	float:left;
	padding:10px 10px 0 0;
}

#tile-cluster2 img {
	padding-bottom:10px;
}

#tile4 {
	width:310px;
	height:304px;
	float:left;
	
}

#tile4 figcaption{
	width:310px;
	height:304px;
}

#tile5 {
	width:310px;
	height:59px;
	float:left;
	padding-top:10px;
}

#tile5 figcaption{
	width:310px;
	height:59px;
}

#tile6 {
	width:310px;
	height:242px;
	float:left;
	padding-top:10px;
}

#tile6 figcaption{
	width:310px;
	height:242px;
}

#tile7 {
	width:350px;
	height:59px;
	float:left;
}

#tile7 figcaption{
	width:350px;
	height:59px;
}

#tile8 {
	width:350px;
	height:235px;
	float:left;
	padding-top:10px;
}

#tile8 figcaption{
	width:350px;
	height:235px;
}

#tile9 {
	width:350px;
	height:311px;
	float:left;
	padding-top:10px;
}

#tile9 figcaption{
	width:350px;
	height:311px;
}

#tile10 {
	width:270px;
	height:242px;
	float:left;
	padding-top:10px;
}


#tile10 figcaption{
	width:270px;
	height:242px;
}

#tile11 {
	width:270px;
	height:149px;
	float:left;
}


#tile11 figcaption{
	width:270px;
	height:149px;
}

.main-left-cluster	{
	height: 935px;
	width: 680px;
	float:left;
}

.main-right-cluster	{
	height: 935px;
	width: 270px;
		float: right;
}

#twitter-updates {
	width:300px;
	float:left;
	
	
}

#twitter-updates .twtr-bd {
	font-size:10px !important;
}

.twtr-hd {
	display:none !important;
}

.twtr-ft {
	display:none !important;
} 

.twtr-bd {
	padding:4px 0 !important;
}
.twtr-widget .twtr-tweet-wrap {
padding: 6px 0 !important;
}

	#twitter-updates a span {
		font-weight:normal;
		text-decoration:none !important;
		color:#6F6F6F !important;
	}
	
		#twitter-updates a:hover {
		font-weight:normal;
		text-decoration:none !important;
		color:#6F6F6F !important;
	}

#icons {
	width:170px;
	height:50px;
	float:right;
	text-align:right;
	padding-right:20px;
	border-left:1px solid #d9d9d9;
}








































































































































/* DROPDOWN START */

/* LEVEL ONE */

	ul.dropdown { position: relative; z-index: 99; }

	ul.dropdown li {
		font-weight: bold;
		float: left; zoom: 1;
		background: none;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	ul.dropdown li a:hover { color: white !important; }

	ul.dropdown li a:active { color: white !important; }

	ul.dropdown li a { display: block; padding: 4px 8px; color: black; text-decoration: none !important; }

	ul.dropdown li:last-child a { border-right: none; } 

/* Doesn't work in IE */

	ul.dropdown li.hover, ul.dropdown li:hover { background: #6d6d6d; color: black; position: relative; }

	ul.dropdown li.hover a { color: white; }

/* LEVEL TWO */

	ul.dropdown ul { width: 220px; visibility: hidden; position: absolute !important; top: 100%; left: 0; }

	ul.dropdown ul li { font-weight: normal; background: #6d6d6d; border-bottom: 1px solid #ccc; float: none; }

	ul.dropdown ul li a:hover { color: black !important; }
	
	ul.dropdown ul li a { color: white !important; }

	ul.dropdown li ul li:hover { background: #cecece; }

/* IE 6 & 7 Needs Inline Block */

	ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }

/* LEVEL THREE */

	ul.dropdown ul ul { left: 100%; top: 0; }

	ul.dropdown li:hover > ul { visibility: visible; }
	
/* DROPDOWN END */

/* SLIDER START */

	#bigPic {
	
		width:780px;
		height:300px;
		padding:1px;
		border:1px solid #CCC;
		background-color:#FFF;
		margin: 30px 0 10px 0;
	
	}

	#bigPic img {
	
		position:absolute;
		display:none;
	
	}
	
	ul#thumbs li.active {
	
		border:2px solid #000;	
		background:#fff;
		padding:2px;
		width: 80px !important;
	
	}
	
	ul#thumbs li:hover {
	
		border: 2px solid black;
		padding: 2px;
	
	}
	
	ul#thumbs, ul#thumbs li {
	
		margin:0;
		padding:0;
		list-style:none;
	
	}
	 
	ul#thumbs li {
	
		float:left;
		margin-right:7px;
		margin-bottom:5px;
		border:1px solid #CCC;	
		padding:3px;
		cursor:pointer;
	
	}
	
	ul#thumbs img {
	
		float:left;
		width:80px;
		height:80px;
		line-height:80px;
		overflow:hidden;
		position:relative;
		z-index:1;
			
	}
	
	ul#thumbs img:hover {
	
		opacity: 0.4;
	
	}

/* SLIDER END */

/* TABS START */



ul.tabs {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 800px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 800px;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tabs_div {
	overflow: hidden;
	margin: 110px 0 0 0;
}

/* TABS END */

/* NESTED LIST */

#p-list {
	
	margin: 20px 0 0 0;
	overflow: hidden;
	
}

#p-list ul li {

	list-style: none;
	margin: 0 0 10px 0;

}

#p-list ul li span {

	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	background-image: url(http://www.mpdclick.com/mudpie/custom_content/img/design2011/bullet-points.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
	text-decoration: none;
	color: black;
	cursor: pointer;

}

#p-list ul li span:hover {

	background-position: 0 2px;

}

#p-list ul li span:focus {

	background-position: 0 2px;

}

#p-list ul li ul {

	margin: 10px 0 0 0;

}

/* NESTED LIST END */