@charset "utf-8";
/* Slide Features */

/** Featured Area **/

#featured_area {
	background: url(../images/featured_area_bg.gif) repeat-x;
	height: 308px;
	overflow: hidden;
	position: relative;
}

#featured_area div#mySlides {
	padding-top: 30px;
}

#featured_area .description {
	float: left;
	width: 275px;
	height: 152px;
}

#featured_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#featured_area .description p {
	font-size: 13px;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#featured_area .photo {
	background: url(../images/featured_image_bg.gif) repeat-x;
	border: 1px solid #f8f9fa;
	padding: 10px;
	margin-top: 1px;
	float: right;
	position: relative;
}

#featured_area .photo img {
	width: 600px;
	height: 210px;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 308px;
	overflow: none;
}

.ribbon {
	position: absolute;
	right: 25px;
	top: -2px;
	width: 87px;
	height: 89px;
	z-index: 5;
}

.ribbon.webdesign {
	background: url(../images/webdesign-trans.png) right top no-repeat;
}

.ribbon.print {
	background: url(../images/print-trans.png) right top no-repeat;
}

.ribbon.flash {
	background: url(../images/flash-trans.png) right top no-repeat;
}

.ribbon.before {
	background: url(../images/before-trans.png) right top no-repeat;
}

.ribbon.after {
	background: url(../images/after-trans.png) right top no-repeat;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: -4px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(../images/prev-trans.png) no-repeat;
	left: 0px;
}

a.jFlowNext {
	background: url(../images/next-trans.png) no-repeat;
	right: 0px;
}

div#myController {
	display: none;
}