/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
rest of the css file styles the demo page
*************************************************************************/
.aviaslider
{
	height: 387px;
/*this changes the height of the image slider*/
	width: 950px;
	overflow: hidden;
	position: relative;
	background: url(../images/layout/preload.gif) no-repeat center center;
}
.aviaslider LI, .aviaslider .featured
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.js_active .aviaslider LI, .js_active .aviaslider .featured
{
	display: none;
}
.aviaslider IMG, .aviaslider A IMG, .aviaslider A
{
	border: none;
	text-decoration: none;
}
.slidecontrolls
{
	margin: 20px auto 0;
	position: relative;
	float: left;
	display: none;
}
.slidecontrolls A
{
	height: 20px;
	width: 18px;
	display: block;
	cursor: pointer;
	background: transparent url(../images/layout/controlls.gif) no-repeat center bottom;
	float: left;
	outline: none;
}
.slidecontrolls A:hover, .slidecontrolls .active_item
{
	background: transparent url(../images/layout/controlls.gif) no-repeat center top;
}
.feature_excerpt
{
	width: 610px;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 14px 15px;
	font-size: 11.5px;
	line-height: 1.5em;
	cursor: pointer;
	background: #000;
	color: #FFF;
}
.feature_excerpt STRONG
{
	display: block;
	font-size: 15px;
	padding-bottom: 3px;
}
/************************************************************************
-) DEMO PAGE STYLING
************************************************************************
Small reset
***********************************************************************
-) BASIC CONTAINERS
*************************************************************************/
.wrapper_fullwidth
{
/*div for perfect centering of large scale background images*/
	width: 100%;
	position: relative;
	z-index: 1;
	background: #000;
	height: 40px;
	clear: both;
	font-size: 10px;
	color: #FFF;
}
.center
{
/*center content area*/
	position: relative;
	margin: 0 auto;
	width: 640px;
}
#main
{
/*main area, contains all content and sidebars*/
	float: left;
	position: relative;
	width: 100%;
	padding-top: 40px;
	float: left;
	padding-bottom: 40px;
}
.content
{
	position: relative;
	float: left;
	width: 340px;
	overflow: hidden;
}
.fullwidth .content
{
	width: 100%;
	padding: 0;
	margin: 0;
	background: transparent none;
}
.sidebar
{
	position: relative;
	width: 300px;
	float: left;
	overflow: hidden;
}
.fullwidth .sidebar
{
	display: none;
}
/************************************************************************
-) HEAD
*************************************************************************/
.logo, .logo A
{
	position: relative;
	margin: 28px auto;
	width: 283px;
	height: 110px;
	text-indent: -9999px;
}
DIV .logo A
{
	position: absolute;
	background: transparent url(../images/layout/logo.gif) no-repeat top left;
	z-index: 3;
	top: 0;
	left: 0;
	margin: 0;
	outline: none;
}
.wrapper_fullwidth A
{
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 40px;
}
.wrapper_fullwidth A:hover
{
	color: #999;
}
.tw
{
	background: transparent url(../images/layout/tw.gif) no-repeat center left;
	padding: 0 0 0 25px;
	margin-right: 20px;
}
.fb
{
	background: transparent url(../images/layout/fb.gif) no-repeat center left;
	padding: 0 0 0 25px;
}
.wrapper_fullwidth .kat
{
	float: right;
	color: #777;
}
/************************************************************************
-) CONTENT
*************************************************************************/
#main A IMG
{
	border: none;
}
#main A:hover IMG
{
	opacity: 0.7;
}
.sidebar UL
{
	list-style-position: outside;
	list-style-type: none;
}
#main H2, #main H3
{
	display: block;
	width: 310px;
	height: 55px;
	text-indent: -9999px;
}
#heading_examples
{
	background: transparent url(../images/layout/header_e.png) no-repeat center left;
}
#heading_features
{
	background: transparent url(../images/layout/header_f.png) no-repeat center left;
}
#heading_browser
{
	background: transparent url(../images/layout/header_bs.png) no-repeat center left;
}
#heading_docs
{
	background: transparent url(../images/layout/header_dd.png) no-repeat center left;
}
.content
{
	color: #666;
}
.content UL
{
	padding-bottom: 30px;
}
.content UL LI
{
	list-style-position: inside;
}
#download
{
	display: block;
	width: 290px;
	height: 90px;
	background: transparent url(../images/layout/download.jpg) no-repeat top left;
	text-indent: -9999px;
	position: relative;
	left: -4px;
	outline: none;
}
#download:hover
{
	background: transparent url(../images/layout/download.jpg) no-repeat bottom left;
}
#bottom
{
	font-size: 11px;
	color: #AAA;
}
#bottom A
{
	float: none;
	display: inline;
}