/* BODY */

html {
	background:#0e4490 url('/static/images/bg.png') repeat-x top left;
}

body {
	margin:0 auto;
	/*background:url('/static/images/glow.png') no-repeat top left;*/
	color:#c0daff;
	font-family:Arial;
	font-size: 85%;
}

ul li {
	list-style-type: none;
}

a {
	color:#78bdff;
	font-weight:bold;
	text-decoration:none;
}

/* HEADER */

#header {
	width:960px;
	margin:0 auto;
	padding:25px 0 0 0;
	position:relative;
}

#header > h1 {
	margin:0 0 0 99px ;
}

#header > h1 > a.logoReplace {
	width:256px;
	height:49px;
	background:url('/static/images/logo.png') no-repeat top left;
	text-indent:-9999px;
	display:block;
}

#header > .twitter {
	position:absolute;
	top:28px;
	right:77px;
}

#header > .twitter > a.twitterButton {
	width:202px;
	height:37px;
	background:url('/static/images/buttonTwitter.png') no-repeat top left;
	text-indent:-9999px;
	display:block;
}

#header > .twitter > a.twitterButton:hover {
	background:url('/static/images/buttonTwitter.png') no-repeat 0 -37px;
}

#header > .twitter > a.twitterButton:active {
	background:url('/static/images/buttonTwitter.png') no-repeat 0 -74px;
}

/* CONTENT */

#content {
	width:960px;
	margin:13px auto 0 auto;
	background:url('/static/images/shelf.png') no-repeat top left; 
}

#content > .slides {
	height:472px;
}

#content > .slides > .container {
	height:420px;
	margin:10px auto;
	padding:1px 0 0 0;
	position:relative;
}

#content > .slides > .container > .main {
	display:block;
}

#content > .slides > .container > .main > .mainContent {
	width:838px;
	height:420px;
	background:url('/static/images/slideMain.jpg') no-repeat top left;
	text-indent:-9999px;
}

/*
#content > .slides > .container > .storage {
	display:none;
}
*/

#content > .slides > .container > .storage > .storageContent {
	width:838px;
	height:420px;
	background:url('/static/images/slideStorage.jpg') no-repeat top left;
	text-indent:-9999px;
}

/*
#content > .slides > .container > .context {
	display:none;
}
*/

#slides-window {
    position:relative; 
    overflow:hidden; 
    width: 838px;
    margin-left: 61px;
}

#slides-wrap {
    width:20000em; 
    position:absolute; 
}

#slides-wrap div.slide {
    float:left; 
	width:838px; 
    margin-top: -11px;
}

#content > .slides > .container > .context > .contextContent {
	width:838px;
	height:420px;
	background:url('/static/images/slideContext.jpg') no-repeat top left;
	text-indent:-9999px;
}

/*
#content > .slides > .container > .sdk {
	display:none;
}
*/

#content > .slides > .container > .sdk > .sdkContent {
	width:838px;
	height:420px;
	background:url('/static/images/slideSdk.jpg') no-repeat top left;
	text-indent:-9999px;
}

#content > .slides > .container a.advanceButton {
	width:166px;
	height:37px;
	text-indent:-9999px; 
	display:block;
    margin-top:-40px;
    margin-left:656px;
    cursor:pointer;
}

#content > .slides > .container a.advanceButton.find { 
	background:url('/static/images/buttonFind.png') no-repeat 0 0;
/*
	margin-top:-80px;
	margin-left:600px;
*/
}

#content > .slides > .container a.advanceButton.find:hover  {
	background:url('/static/images/buttonFind.png') no-repeat 0 -37px;
}

#content > .slides > .container a.advanceButton.find:active  {
	background:url('/static/images/buttonFind.png') no-repeat 0 -74px;
}

#content > .slides > .container a.advanceButton.next {
	background:url('/static/images/buttonNext.png') no-repeat top left;
}

#content > .slides > .container a.advanceButton.next:hover {
	background:url('/static/images/buttonNext.png') no-repeat 0 -37px;
}

#content > .slides > .container a.advanceButton.next:active {
	background:url('/static/images/buttonNext.png') no-repeat 0 -74px;
}

#content > .slides > .container a.advanceButton.back {
	background:url('/static/images/buttonBack.png') no-repeat top left;
}

#content > .slides > .container a.advanceButton.back:hover {
	background:url('/static/images/buttonBack.png') no-repeat 0 -37px;
}

#content > .slides > .container a.advanceButton.back:active {
	background:url('/static/images/buttonBack.png') no-repeat 0 -74px;
}

#content > .pageDots {
	width:136px;
	margin:0px auto 10px; 
	clear:both;
}

#content > .pageDots > a {
	height:16px;
	width:16px;
	margin:0 9px;
	display:block;
	float:left;
	background:url('/static/images/pageDot.png') no-repeat top left;
}

#content > .pageDots > a.active {
	background:url('/static/images/pageDotLight.png') no-repeat top left;
}


#content > .pageDots > a:hover {
    cursor: pointer;
}

/* INFO */

#content > .info {
	width:840px;
	margin:52px auto 0;
	clear:both;
}

#content > .info > .infoBox {
	width:370px;
	height:248px;
	padding:16px;
	background:url('/static/images/infoBox.png') no-repeat top left;
	float:left;
    position:relative;
}

#content > .info > .infoBox > form {
	
}

#content > .info > .infoBox > form > table > tbody > tr > td {
	border:none;
	padding:1px 0 2px;
}

#content > .info > .infoBox > form > table > tbody > tr > td.label {
	padding:6px 8px 0 0;
	text-align:right;
	vertical-align:top;
}

.infoBox form input, .infoBox form textarea {
	border:1px solid #1f3d7c;
	padding:4px 6px;
	width:264px;
}

.infoBox form textarea {
	height:46px;
}

.infoBox form input.submitButton {
	background:url('/static/images/buttonSubmit.png') no-repeat top left;
	width:140px;
	height:33px;
	text-indent:-9999px;
	border:none;
	cursor: pointer;
}

.infoBox form a.submitButton {
	background:url('/static/images/buttonSubmit.png') no-repeat top left;
	width:140px;
	height:33px;
	text-indent:-9999px;
	border:none;
    display:block;
	cursor: pointer;
}

.infoBox form a.submitButton:hover {
	background:url('/static/images/buttonSubmit.png') no-repeat 0 -33px;
}

.infoBox form a.submitButton:active {
	background:url('/static/images/buttonSubmit.png') no-repeat 0 -66px;
}

#content > .info > .infoBox.about {
	float:right;
}

#content > .info > .infoBox > h3.titleBeta {
	width:269px;
	height:30px;
	margin:0 0 8px;
	background:url('/static/images/titleBeta.png') no-repeat top left;
	text-indent:-9999px;
}

#content > .info > .infoBox > h3.titleAbout {
	width:124px;
	height:24px;
	margin:0 0 10px;
	background:url('/static/images/titleAbout.png') no-repeat top left;
	text-indent:-9999px;
}

#content > .info > .infoBox > h3.titleContact {
	width:149px;
	height:25px;
	margin:34px 0 6px;
	background:url('/static/images/titleContact.png') no-repeat top left;
	text-indent:-9999px;
}

#content > .info > .infoBox > p.email {
	font-size:131%;
	margin:0 0 2px;
}

#content > .info > .infoBox > p.email > em {
	font-style:normal;
	font-weight:bold;
}

/* FOOTER */

#footer {
	width:838px;
	margin:30px auto;
	padding:8px 0 0;
	clear:both;
}

#footer hr {
	height:1px;
	margin:0 0 16px;
	background-color:#3a71c7;
	border:0px;
}

#footer p {
	margin:0 0 1px;
}

.message {
    color:#fff;
    width:248px;
    height:33px;
    padding:8px 0 0 14px;
    background:url('../images/message.png') no-repeat top left;
    position:absolute;
    bottom:37px;
    left:246px;
    z-index:1000;
}

span.success {
    padding:0 0 0 20px;
    background:url('../images/check.png') no-repeat top left;
}

span.fail {
    padding:0 0 0 20px;
    background:url('../images/error.png') no-repeat top left;
}