/* Feature and Slider */

#feature_title{
	display:			block;
	width:				115px;
	height:				115px;
	position:			absolute;
	text-indent:		-9999px;
	z-index:			1000;
	top:				0;
	left:				36px;
	background-image: url(../images/slider/webdesign.png);
	background-repeat: no-repeat;
	background-position: left top;
}

* html #feature_title{
	background-image: url(../images/slider/webdesign.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#feature_wrap{
	display:			inline;
	float:				left;
	height:				297px;
	background-image: url(../assets/sliderAssets/sliderBKG.jpg);
	background-repeat: no-repeat;
	background-position: 36px top;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 350px;
	position: relative;
}
#slider_wrap img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: default;
}


ul#feature_buttons{
	height:				27px;
	margin-top: 0;
	margin-right: 60px;
	margin-bottom: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: right;
	margin-left: 70px;
}

ul#feature_buttons li{
	display: 			block;
	float:				left;
	text-align: 		center;
	color:				#FFFFFF;
	font-size:			11px;
	font-weight:		normal;
	cursor: 			pointer;
	width:				20px;
	height:				15px;
	overflow:			hidden;
	background-repeat: no-repeat;
	background-position: left 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	border: 1px none #FFFFFF;
}

ul#feature_buttons li:hover {
	background-position:left -22px;
	color:				#FFFFFF;
	border: 1px none #333333;
}

ul#feature_buttons li.active {
	background-position:left -44px;
	color:				#9F0061;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: underline;
}

a#previous, a#next { 
cursor: 			pointer; 
display:			block;
width:				48px;
height:				48px;
text-indent:		-9999px;
z-index:			999;
position:			absolute;
border:				none;
overflow:			hidden;
}

a#previous, a#previous:visited{
	float: 				left;
	background-color: transparent;
	background-image: url(../assets/sliderAssets/left_slide.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 188px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

a#next, a#next:visited {
	sfloat: 				right;
	background-color: transparent;
	background-image: url(../assets/sliderAssets/right_slide.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 188px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 288px;
}

a#previous:hover, a#next:hover{
background-position: top right;
border:				none;
}

#slider_wrap {
	border: 			1px none #accfd6;
	width: 				265px;
	display:			block;
	z-index:			-1200;
	height:				179px;
	max-height:			266px;
	overflow:			hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 46px;
}

#slider_wrap div div { 
overflow: 			hidden;
height:				266px;
z-index:			-1200; 
}

#slider_wrap div div a{
border:				none;
}

.tool-tip {
color: 				#efefef;
width: 				180px;
z-index: 			13000;
margin:				-125px 0 0 -103px;
}

.tool-title {
	font-weight: 		bold;
	font-size: 			12px;
	margin: 			0;
	color: 				#FFFFFF;
	padding: 			12px 8px 2px 8px;
	text-align:			left;
	line-height:		11px;
	background-image: url(../assets/sliderAssets/tool_top.png);
	background-repeat: no-repeat;
	background-position: right top;
}


.tool-text {
	color:				#333333;
	font-size: 			12px;
	padding: 			6px 8px 30px 8px;
	line-height:		14px;
	background-image: url(../assets/sliderAssets/tool_bottom.png);
	background-position: left bottom;
}
#feature_title2 {
	display:			block;
	width:				115px;
	height:				115px;
	position:			absolute;
	text-indent:		-9999px;
	z-index:			1000;
	top:				0;
	left:				36px;
	background-image: url(../images/graphicSlider/graphisDesign.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#feature_buttons2 {
	width:				305px;
	height:				27px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul#feature_buttons2 li {
	display: 			block;
	float:				left;
	text-align: 		center;
	color:				#FFFFFF;
	font-size:			12px;
	font-weight:		normal;
	cursor: 			pointer;
	width:				20px;
	height:				17px;
	overflow:			hidden;
	background-repeat: no-repeat;
	background-position: left 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 5px;
	background-color: #277872;
	border: 1px solid #FFFFFF;
}
ul#feature_buttons2 li:hover {
	background-position:left -22px;
	color:				#FFFFFF;
	background-color: #77D2CC;
	border: 1px solid #333333;
}
ul#feature_buttons2 li.active {
	background-position:left -44px;
	color:				#333333;
	background-color: #77D2CC;
	border: 1px solid #333333;
}
