/* ---------------------------------------------------- */
/* Feature Well */
/* ---------------------------------------------------- */


div#content div#features {
	width: 250px;
	height: auto;
	float: right;
	clear: left;
	font-size: 100%;
	margin: 0 0 10px 20px;
	background-color: #f1ede0;
        border: 1px solid #d7d7d7;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}

div#content div#features h1 {
        font: bold 130% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        text-transform: uppercase;
	color:#333;
	padding: 10px 0 10px 0;
	}
		
div#content div#features h2 {
        font: bold 110% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333;
        padding: 0;
        text-transform: uppercase;
       }

div#content div#features h3 {
        font: 105% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333;
        padding: 0;
	line-height: 18px;
  }
  
div#content div#features img {
	float: left;
	margin: .8em 8px 8px 0;
	border: 3px solid #938248;
}	

div#content div#features ul.media li a:hover img {
	margin: .3em 0 .5em 0;
	border: 1px solid #fff;
        padding: 0;
}

	div#content div#features ul.media {
		list-style: none;
		margin: 0;
	}

		div#content div#features ul.media li {
			padding: .2em 0;
			font-weight: bold;
		}

	div#content div#features ul {
		list-style: disc;
		margin: 0 0 0 15px;
	}

		div#content div#features ul li, div#content div#features ol li {
			padding: .3em 0;
		}

		div#content div#features li ul li {
			padding: 0;
                        margin: 0;
		}

/* ---------------------------------------------------------------- 
 *  Listing of Files
 * ---------------------------------------------------------------- 
*/

div#content div#features ul.files, div#content div#features ul.application {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	div#content div#features ul.files li, div#content div#features ul.application li {
		background: transparent;
	        background-repeat: no-repeat;
	        background-position: 0px 2px;
		padding-left: 23px;
	}

	div#content div#features ul.files li.pdf {
		background-image: url(../../../images/new/design/pdf.gif);
	}

	div#content div#features ul.files li.doc {
		background-image: url(../../../images/new/design/doc.gif);
	}

	div#content div#features ul.files li.ppt {
		background-image: url(../../../images/new/design/ppt.gif);
	}

	div#content div#features ul.files li.web {
		background-image: url(../../../images/new/design/web.gif);
	}

	div#content div#features ul.files li.secure {
		background-image: url(../../../images/new/design/lock.gif);
	}

	div#content div#features ul.files li.link {
		background-image: url(../../../images/new/design/link.gif);
	}

div#content div#features ul.files li.email {
		background-image: url(../../../images/new/design/mail.gif);
	}

div#content div#features ul.files li.music {
	        background-position: 0px 8px;
		padding-left: 20px;
		background-image: url(../../../cla/music/images/listen.gif);
	}

/* ---------------------------------------------------------------- 
 *  PDF and DOC icons
 * ---------------------------------------------------------------- 
*/

div#content div#features a.pdf, div#content div#features a.doc, div#content div#features a.web, div#content div#features a.link, div#content div#features a.secure, div#content div#features a.email {
	background: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0 10px 18px;
}

	div#content div#features a.web {
		background-image: url(../../../images/new/design/web.gif);
	}

div#content div#features a.pdf {
	background-image: url(../../../images/new/design/pdf.gif);
}

div#content div#features a.doc {
	background-image: url(../../../images/new/design/doc.gif);
}


div#content div#features a.link {
	background-image: url(../../../images/new/design/link.gif);
}

div#content div#features a.secure {
	background-image: url(../../../images/new/design/lock.gif);
}

div#content div#features a.email {
	background-image: url(../../../images/new/design/mail.gif);
}





/* ---------------------------------------------------- */
/* Related Material and slider css */
/* ---------------------------------------------------- */


div#content div#features .featured_slider h2 { 
	        padding: 5px 0 5px 10px;
                margin: 0;
                color: #fff;
                background-color: #333;
                font-size: 140%;
                text-transform: uppercase;
		width: 214px; 
                height: auto;
}
	
div#content div#features .featured_slider .anythingSlider { 
		width: 222px; 
	        float: left;
                display: block;
		height: 410px; 
		position: relative; 
		margin: 0 auto; 
		overflow:hidden; 
		border: solid 1px #ccc;
                margin-bottom: 50px;
		}
		
div#content .featured_slider .anythingSlider .wrapper  {
		width: 222px; 
		overflow: hidden; 
		height: 410px; 
		margin: 0; 
		position: absolute; 
		top: 0; 
		left: 0; 
		}
		
div#content div#features .featured_slider .anythingSlider .wrapper ul  { 
		width: 99999px; 
		list-style: none; 
		position: absolute; 
		top: 0; 
		left: 0; 
		background-color: #fff; 
		margin: 0; 
		}
		
div#content div#features .featured_slider .anythingSlider ul li  { 
		display: block; 
		float: left; 
		padding: 0; 
		height: 410px; 
		width: 222px; 
		margin: 0; 
		}

div#content div#features .featured_slider .anythingSlider ul li p  { 
		padding: 10px; 
		margin: 0; 
		}

div#content div#features .featured_slider .anythingSlider ul li img { 
		display: block; 
		float: left; 
		padding: 0; 
		margin: 0 0 10px 0; 
                clear: right;
                border:none;
		}
		
div#content div#features .featured_slider .anythingSlider .arrow { 
		 display: block; 
		 height: 237px; 
		 width: 67px; 
		 text-indent: -9999px; 
		 position: absolute; 
		 top: 385px; 
		 cursor: pointer;
		  }
		  
div#content div#features .featured_slider .anythingSlider .forward { 
		background-position: 0 0; 
		right: -45px; 
                background-image: url(../../../images/new/design/arrow_white_right.gif);
	        background-repeat: no-repeat; 
		}
		
div#content div#features .featured_slider .anythingSlider .back { 
		background-position: 0 0; 
		left: 120px; 
                background-image: url(../../../images/new/design/arrow_white_left.gif); 
	        background-repeat: no-repeat;
		}


#thumbNav { 
		position: relative; 
		top: 540px; 
		text-align: center; 
		}
		
#thumbNav a  { 
		color: #000;
		font: 11px/18px Georgia, Serif; 
		display: inline-block; 
		padding: 2px 8px; 
		height: 18px; 
		margin: 0 5px 0 0;
		}
		
#thumbNav a:hover { 
		background-image: none; 
		}
		
#thumbNav a.cur   { 
		background: #000; 
		}

div#content .featured_slider .anythingSlider #start-stop  { 
		background-color: transparent; 
		padding: 2px 3px; 
		width: 40px; 
		text-align: center; 
		position: absolute; 
		right: 28px; 
		top: 380px; 
		font-size: 80%;
                text-transform: uppercase;
                color: #777;
		}

div#content .featured_slider .anythingSlider #start-stop:hover  { 
       color: #666; 
}


/*
  Prevents
*/
.featured_slider .anythingSlider .wrapper ul ul  { 
		position: static; 
		margin: 0; 
		background: none; 
		overflow: hidden; 
		width: auto; 
		border: 0; 
		}
		
.featured_slider .anythingSlider .wrapper ul ul li  { 
		float: none; 
		height: auto; 
		width: auto; 
		background: none; 
		}




/*
    For Specific Slides
*/

	.featured_slider .anythingSlider h2, .featured_slider .anythingSlider  h3, .featured_slider .anythingSlider  h4, .featured_slider .anythingSlider  h5 {
		font: normal 100% "Cambria", Georgia, Times, sans-serif;
		letter-spacing: 0.03em;
		margin: 0;
	}

	.featured_slider .anythingSlider  h2 {
		font-size: 140%;
		margin: 1.5em 0 1em 0;
		color: #ddd;
	}


		

div#content div#feature {
	width: 220px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
        margin-left: 20px;
        margin-bottom: 20px;
	float: right;
	clear: left;
        display: block;
}


div#content div#feature .featured_slider h2 { 
	        padding: 5px 0 5px 10px;
                margin: 0;
                color: #fff;
                background-color: #333;
                font-size: 140%;
                text-transform: uppercase;
		width: 214px; 
}
	
div#content div#feature .featured_slider .anythingSlider { 
		width: 222px; 
                display: block;
		height: 410px; 
		position: relative; 
		margin: 0 auto; 
		overflow:hidden; 
		border: solid 1px #ccc;
                margin-bottom: 50px;
		}
		

		
div#content div#feature .featured_slider .anythingSlider .wrapper ul  { 
		width: 99999px; 
		list-style: none; 
		position: absolute; 
		top: 0; 
		left: 0; 
		background-color: #fff; 
		margin: 0; 
		}
		
div#content div#feature .featured_slider .anythingSlider ul li  { 
		display: block; 
		float: left; 
		padding: 0; 
		height: 410px; 
		width: 222px; 
		margin: 0; 
		}

div#content div#feature .featured_slider .anythingSlider ul li p  { 
		padding: 10px; 
		margin: 0; 
		}

div#content div#feature .featured_slider .anythingSlider ul li img { 
		display: block; 
		float: left; 
		padding: 0; 
		margin: 0 0 10px 0; 
                clear: right;
                border:none;
		}
		
div#content div#feature .featured_slider .anythingSlider .arrow { 
		 display: block; 
		 height: 237px; 
		 width: 67px; 
		 text-indent: -9999px; 
		 position: absolute; 
		 top: 385px; 
		 cursor: pointer;
		  }
		  
div#content div#feature .featured_slider .anythingSlider .forward { 
		background-position: 0 0; 
		right: -45px; 
                background-image: url(../../../images/new/design/arrow_white_right.gif);
	        background-repeat: no-repeat; 
		}
		
div#content div#feature .featured_slider .anythingSlider .back { 
		background-position: 0 0; 
		left: 120px; 
                background-image: url(../../../images/new/design/arrow_white_left.gif); 
	        background-repeat: no-repeat;
		}
