/* ----------------------------------- 

 Made by Mcween.
 mcween.com
 studio@mcween.com
 
 Modified jFlow Styles
 
 ----------------------------------- */

html {
	height: 100%;
	overflow: auto;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color:#333333;
	background: #fff url(../sh_homepage_v4_bg.gif) repeat-x 0 0;
}
	
a:link, a:active, a:visited {
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	text-decoration: none;
	background-color: transparent;
	cursor:pointer;
}
img { border: 0; outline: none; }

#wrapper {
	margin: 0 auto;
	width: 990px;
	vertical-align: top;
}

#sample {
	width: 990px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	z-index: 0;
}

.slideshow-overview a:link,
.slideshow-overview a:visited { color: #683d20; }
.slideshow-overview a:hover,
.slideshow-overview a:active,
.slideshow-overview a:focus { color: #fff; }

.slideshow-overview {
	position: absolute;
	margin: 219px 0 0 29px;
	width: 675px;
	height: 275px;
	padding: 0;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.slideshow-ui-overview {
	/* width: 675px; */
	height: 11px;
	margin: 0 0 21px 280px;
	padding: 0;
	z-index: 100;
}

.images {
	width: 675px;
	height: 275px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.desc {
	position: absolute;
	width: 554px;
	margin: 314px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	color: #999;
	float: left;
	z-index: 101;
	overflow: hidden;
}

.desc-overlay {
	position: absolute;
	width: 554px;
	height: 30px;
	margin: 318px 0 0 0;
	background-color: #000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 100;
	float: left;
	overflow: hidden;
}

.image-overlay {
	position: absolute;
	width: 554px;
	height: 348px;
	margin: 0;
	padding: 0;
	z-index: 99;
	float: left;
	overflow: hidden;
}

.slideshow-overview .secondary-text {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 32px 20px 32px;
	width: 490px;
	height: 30px;
	text-align: center;
	overflow: hidden;
}

.slideshow-overview .secondary-text p {
	padding-bottom: 0;
	font-size: 12px;
	color: #ff0099;
}

.slideshow-overview .secondary-text p.title {
	font-size: 12px;
	padding-bottom: 20px;
	color: #b4c5e6;
	/* font-weight: bold; */
}

.slideshow-overview .secondary-text ul {
	width: 360px;
}

.slideshow-overview .secondary-text ul li {
	line-height: 20px;
}

.slideshow-overview .secondary-text ul li a:link,
.slideshow-overview .secondary-text ul li a:visited,
.slideshow-overview ul li a:hover,
.slideshow-overview ul li a:active,
.slideshow-overview ul li a:focus { text-decoration: none; }

ul.dot-nav { 
	position: relative; 
	z-index: 100;
	height: 11px;
	clear: both;
}

ul.dot-nav li {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999px; 
	overflow: hidden;
	display: block;
	height: 11px;
	width: 13px; 
	float: left;
}

ul.dot-nav li a {
	text-indent: -999px; 
	overflow: hidden;
	display: block;
	height: 11px;
	width: 13px;
}

ul.dot-nav li { background: transparent url(../images/dotnav-overview.gif); }
#slideshow-services ul.dot-nav li { background: transparent url(../images/dotnav-services.gif); }

ul.dot-nav li.jFlowSelected,
ul.dot-nav li.jFlowControl.hover {
	background-position: 0px -11px;
}

.jFlowPrev,
.jFlowNext {
	cursor:pointer;
}