body
{
	margin: 0;
	padding: 0;
	background: #151515 url(../images/bg.png) repeat-x;
	min-width: 866px;
}
img {
	border: none;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}
.page {
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}
* html .page {
	overflow: visible;
}
/* invisible link */
.skip {
	display: none;
}
/* header page start */
.header-bg-holder {
	width: 100%;
	float: left;
	background: url(../images/header-bg.png) no-repeat 50% 52px;
	position: absolute;
	left: 0;
	top: 0;
}
.header-holder {
	margin: 0 auto;
	width: 866px;
}
#header {
	width: 866px;
	float: left;
	position: relative;
	height: 179px;
}
/* logo */
.logo {
	position: absolute;
	top: 0;
	left: 1px;
	margin: 0;
	padding: 0;
}
.logo a {
	display: block;
	width: 282px;
	height: 159px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/* demo-link */
#header .demo-link 
{
	position: absolute;
	top: 65px;
	right: 0px;
}
/* slogan */
#header .slogan {
	position: absolute;
	top: 137px;
	right: 8px;
	color: #fce4de;
	font: 18px Arial, sans-serif;
}
/* main navigation start */
#header ul {
	float: right;
	margin: 16px 0 0;
	padding: 0;
}
#header ul li {
	float: left;
	font: 11px Verdana, Arial, sans-serif;
	padding: 0 2px 0 15px;
	display: inline;
}
#header ul li a {
	text-decoration: none;
	color: #7a7a7a;
	background: url(../images/main-nav-bg.gif) no-repeat;
	float: left;
}
#header ul li a span {
	float: left;
	height: 18px;
	background: url(../images/main-nav-bg-right.gif) no-repeat 100% 0;
	padding: 3px 10px 0 10px;
	cursor: pointer;
}
/* rollover, active */
#header ul li a:hover,
#header ul li a.active ,
#header ul li a.menuItemSelected 
{
	color: #fff;
}

/* header page end */
.container-wrapper {
	margin: 179px 0 0;
}
/* main container */
.container-wrapper,
.container-bg-holder {
	width: 100%;
	float: left;
	background: #202020 url(../images/gradient.png) repeat-x;
	min-width: 866px;
}
.container-bg-holder {
	background: url(../images/container-bg.jpg) no-repeat 50% 200px;
	padding-bottom: 98px;
}
.container {
	margin: 0 auto;
	width: 866px;
}
.container h1
{
	font-family: Arial;
	font-size: 48px;
	color: Gray;
	font-weight: 400;
	letter-spacing: -4px;
	margin: 30px 0px -20px 0px;
	padding: 0px;
}
.container h2
{
	font-family: Arial;
	font-size: 72px;
	color: White;
	font-weight: normal;
	letter-spacing: -5px;
	margin: 0px;
	padding: 0px;
}

/* flash area */
.flash-area {
	float: left;
	margin: 24px 0 0;
}
.flash-area img,
.flash-area object {
	display: block;
}
/* three columns holder */
.columns-holder {
	float: left;
	background: url(../images/vert-lines.gif) repeat-y 268px 0;
	width: 866px;
	margin: 43px 0 0;
}
/* columns */
.col-1 {
	float: left;
	width: 233px;
	margin: -1px 0 0;
	padding: 0 77px 0 0;
	position: relative;
}
.col-3 {
	padding: 0 0 0 2px;
}
/* text styles */
.col-1 h3 {
	margin: 0;
	padding: 0 0 12px;
	color: #7bcbe8;
	font: 20px/20px Arial, sans-serif;
}
.col-1 p {
	margin: 0;
	padding: 0 0 14px;
	text-align: justify;
	color: #bababa;
	font: 12px/18px Arial, sans-serif;
}
/* three buttons */
.buttons {
	float: left;
	width: 100%;
}
/* button more */
#header .demo-link,
.buttons .button-more,
.buttons .button-watch-video 
{
	background: url(../images/btn-more.gif) no-repeat;
	width: 94px;
	height: 18px;
	text-transform: uppercase;
	color: #25a4d4;
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
	float: left;
	padding: 3px 0 0 9px;
}
#header .demo-link,
.buttons .button-watch-video 
{
	background: url(../images/btn-watch-video.gif) no-repeat;
	width: 154px;
	height: 21px;
}
/* main container end */
/* page footer start */
.footer-wrapper {
	float: left;
	width: 100%;
	background: #151515;
	min-height: 270px;
	min-width: 866px;
}
* html .footer-wrapper {
	height: 270px;
}
.footer {
	margin: 0 auto;
	width: 866px;
}
/* footer columns */
.footer-col-1 {
	float: left;
	width: 253px;
	padding-right: 57px;
}
.footer-col-3 {
	float: left;
	width: 230px;
	padding: 0 0 0 2px;
}
/* text styles */
.footer h3 {
	margin: 0;
	padding: 9px 0 15px;
	color: #3f3f3f;
	font: bold 11px Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
.footer p {
	margin: 0;
	padding: 0 0 5px;
	color: #757575;
	font: 12px/17px Arial, sans-serif;
}
.container p a,
.footer p a 
{
	text-decoration: none;
	background: url(../images/dotted-line.gif) repeat-x 0 100%;
	color: #25a4d4;
	padding: 0 0 1px;
}
.container p a:hover,
.footer p a:hover
{
	background: none;
}
/* page footer end */