/*Slider styles start here*/

body {
	background: #222222;
	padding-top: 40px;
	font-weight: normal;
}

/* Dotted line around active button in Firefox */
:-moz-any-link:focus {
    outline-style: none !important;
    outline-width: 0px !important;
}
/* End Dotted line around active button in Firefox */



#demo-bar {
	padding: 0px;
	width: 884px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
	position: relative;
	z-index: 500;
}
.navitem {
	float: right;
	height: 36px;
	width: 124px;
	position: relative;
	margin-right: 2px;
}
.logo {
	float: left;
	height: 102px;
	width: 123px;
	position: absolute;
	left: 15px;
	top: -15px;
	z-index: 500;
}


#demo-wrapper {
	overflow: hidden;
	height: 438px;
	width: 884px;
	position: relative;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}
.masktop {
	background: url(../images/mask_top.gif) no-repeat left top;
	float: left;
	height: 10px;
	width: 884px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.holder {
	height: 438px;
	width: 884px;
}
 
#demo-inner {
	width: 12376px;
	position: relative;
	z-index: 100;
}
 
#content0 {
	background-color: #CCCCCC;
	width: 884px;
	float: left;
	position: relative;
	height: 438px;
}
 
#content1 {
	width: 884px;
	float: left;
	position: relative;
	height: 438px;
}
 
#content2 {
	background-color: #2A2A2A;
	width: 884px;
	float: left;
	position: relative;
	height: 438px;
}
 
#content3 {
	height: 438px;
	width: 884px;
	float: left;
	background-color: #121212;
	position: relative;
}
 
#content4 {
	background-color: #2A2A2A;
	height: 438px;
	width: 884px;
	position: relative;
	float: left;
}

#content5 {
	background-color: #121212;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}
#content6 {
	background-color: #2A2A2A;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content7 {
	background-color: #121212;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content8 {
	background-color: #2A2A2A;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content9 {
	background-color: #121212;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content10 {
	background-color: #2A2A2A;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content11 {
	background-color: #121212;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content12 {
	background-color: #2A2A2A;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content13 {
	background-color: #121212;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}

#content14 {
	background-color: #2A2A2A;
	position: relative;
	float: left;
	height: 438px;
	width: 884px;
}
.maskbottom {
	background: url(../images/mask_bottom.gif) no-repeat left bottom;
	float: left;
	height: 10px;
	width: 884px;
	position: relative;
}
.menu1 {
	width: 203px;
	position: absolute;
	left: 0px;
	top: 35px;
	visibility: hidden;
	background: url(../images/trans.gif);
}
.menuitem {
	float: left;
	height: 25px;
	width: 193px;
	position: relative;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/menu_bg.gif) no-repeat;
	text-align: left;
	padding-top: 6px;
	padding-left: 10px;
	margin-bottom: 2px;
}
.menuitem a {
	color: #000000;
	text-decoration: none;
}
.menuitem a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.tempwrapper {
	width: 850px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	color: #ff7400;
	font-family: "Arial Black", Gadget, sans-serif;
}

.tempwrapper a {
	color: #FFF;
	text-decoration: underline;	
}
.smalltext {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
}