body
{
	background-image: url(../images/backgroundIndex.jpg);
	overflow: scroll;
	text-align: center;
}

#pageHolder
{
	margin: auto;
	height:100%;
	width: 580px;
	position: relative;
	left: inherit;
	right: inherit;
	min-width: 580px;
	text-align: center;
}

#logoIndex
{
	background-position: center;
	background-image: url(../images/logoIndex.png);
	background-repeat: no-repeat;
	width: 580px;
	height: 107px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#top
{
	margin-top: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: inherit;
	width: 580px;
	height: 37px;
	background-image: url(../images/indexTop.jpg);
	background-repeat: no-repeat;
}

#mainPane
{
	border-right-color: #b3cfd2;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #b3cfd2;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #b3cfd2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(../images/blocBG.png);
	background-repeat: repeat-x;
	background-color: white;
	position: absolute;
	top: 137px;
	left: 0px;
	width: 578px;
	padding-top: 11px;
	padding-bottom: 0px;
	height: 400px;
}

#bottom
{
	top: 549px;
	left: 0px;
	width: 580px;
	height: 97px;
	bottom: inherit;
}

#buttonHolder
{
	width: 340px;
}

#tsandcsButton
{
	left: 100px;
}

#blogButton
{
	left: 60px;
}

#copyright
{
	left: 40px;
}

#shadowCenter
{
	width: 80px;
}

#container
{
	width: 500px;
	margin: auto;
	position: relative;
}

#topLeft
{
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(../images/indexCurveTL.png);
	background-repeat: no-repeat;
	top: -5px;
	left: -5px;
}

#bottomLeft
{
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(../images/indexCurveBL.png);
	background-repeat: no-repeat;
	bottom: -5px;
	left: -5px;
}

#bottomRight
{
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(../images/indexCurveBR.png);
	background-repeat: no-repeat;
	bottom: -5px;
	right: -9px;
}

#indexBadge
{
	width: 108px;
	height: 105px;
	background-image: url(../images/indexBadge.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -38px;
	top: -38px;
}

#screenshotWindow
{
	width: 500px;
	height: 380px;
	border: 2px solid #8da6ad;
	cursor: pointer;
}

#sliderWindow
{
	width: 500px;
	height: 15px;
	position: absolute;
	top: 320px;
	left: 13px;
}

#pointer
{
	background-image: url(../cbicons/16x16/menuDropdown.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 14px;
	height: 11px;
	top: 1px;
	left: 40px;
}

#thumbnails
{
	position: absolute;
	left: 0px;
	top: 335px;
	width: 500px;
	height: 75px;
}

#thumb1,
#thumb2,
#thumb3,
#thumb4,
#thumb5
{
	background-repeat: no-repeat;
	width: 119px;
	height: 82px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}

#thumb1
{
	background-image: url(../images/screenshots/screen1_tb.jpg);
	left: 0px;
}

#thumb2
{
	background-image: url(../images/screenshots/screen2_tb.jpg);
	left: 127px;
}

#thumb3
{
	background-image: url(../images/screenshots/screen3_tb.jpg);
	left: 254px;
}

#thumb4
{
	background-image: url(../images/screenshots/screen4_tb.jpg);
	left: 381px;
}

#thumb5
{
	background-image: url(../images/screenshots/go.png);
	left: 381px;
	display: none;
}

#screen1,
#screen2,
#screen3,
#screen4,
screen5
{
	background-repeat: no-repeat;
	width: 500px;
	height: 300px;
	display: none;
}

#screen5
{
	width: 493px;
	height: 364px;
	background-image: url(../images/screenshots/newIndex.png);
	display: block;
}

#screen1
{
	background-image: url(../images/screenshots/screen1.jpg);
	display: block;
}

#screen2
{
	background-image: url(../images/screenshots/screen2.jpg);
}

#screen3
{
	background-image: url(../images/screenshots/screen3.jpg);
}

#screen4
{
	background-image: url(../images/screenshots/screen4.jpg);
}

#createWindow
{
	height: 190px;
	width: 300px;
	border: 1px solid #c7e2e7;
	background-color: #FFFFFF;
	position: absolute;
	top: 11px;
	left: 15px;
}

#createBR
{
	background-image: url(../images/createBR.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 303px;
	top: 189px;
	width: 15px;
	height: 15px;
}

#createBL
{
	background-image: url(../images/createBL.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 14px;
	top: 189px;
	width: 15px;
	height: 15px;
}

#createIcicle
{
	background-image: url(../images/create.png);
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 77px;
}

#createInput
{
	width: 290px;
	height: 38px;
	border: 2px solid #819fa5;
	font-family: Arial, Tahoma, Verdana;
	font-size: 30px;
	color: #819fa5;
	position: absolute;
	top: 85px;
	left: 5px;
	padding-left: 5px;
	background-color: #e1eef0;
}

#createGo
{
	background-image: url(../images/createGo.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 36px;
	position: absolute;
	top: 135px;
	left: 70px;
	cursor: pointer;
}

#introWindow
{
	margin-top: 20px;
	height: 300px;
}

#bigMo
{
	background-image: url(../images/bigMo.png);
	background-repeat: no-repeat;
	width: 204px;
	height: 220px;
	position: absolute;
	top: 220px;
	left: 40px;
}

#introText
{
	line-height: 19px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 16px;	
	text-align: justify;
	color: #7a8e93;
	float: left;
}

#introText b
{
	font-size: 22px;
}



#errorPop
{
	width: 202px;
	height: 14px;
	border: 1px solid #981c1d;
	background-color: white;
	position: absolute;
	left: 125px;
	top: 55px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	padding: 6px;
	opacity: 0;
}

#go
{
	background-image: url(../images/buttons/go.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 415px;
	top: 89px;
	cursor: pointer;
}

#inviteScreen
{
	border: 2px solid #7a8e93;
	margin-left: 40px;
}

#rightPane
{
	left: 520px;
	height: 700px;
	bottom: auto;
}

#options
{
	left: 478px;
}

#videoTitle
{
	margin-top: 20px;
	background-image: url(../images/video.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 27px;
	display: none;
}

#videoBloc
{
	margin-top: 20px;
	width: 440px;
	height: 251px;
	border: 1px solid #7a8e93;
	display: none;
}

#features
{
}

#featuresHeader
{
	background-image: url(../images/features.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 27px;
}