BODY {
	background: #3c4861  left top url(../images/bg.jpg) repeat-x;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #b7b7b7;
	margin: 0px;
	padding: 0px;
}
a:link {color: #b3b3b3; text-decoration: underline;}
a:visited {color: #b3b3b3; text-decoration: underline;}
a:hover {color: #b3b3b3; text-decoration: none;}
a:active {color: #b3b3b3; text-decoration: underline;}
p {	line-height: 18px;}
img {border: 0px;}
strong {color: #ffffff;}
.mainContainerBg {background: top center url(../images/body-bg.jpg) no-repeat; width: 100%;}

.header, .nav, .topAstronauts, .promoText, .carousel, .aboutBanner, .content, .footer, .cetnter404 {width: 990px; margin: auto;}
.cetnter404 {font-size: 18px; text-align: center; height: 150px; padding-top: 100px;}
.aboutBanner {font-size: 0px;}

.header {
	height: 130px;
	position: relative;
}
.header .symbol {
	position: absolute;
	left: 94px;
	top: 39px;
}

.header .seatsContainer {
	position: absolute;
	right: 0px;
	top: 20px;
	font-size: 9px;
}
ul.nav {height: 49px; padding: 0px; margin: 0px auto; font-size: 2px;}
ul.nav li img {border: 0px;}
ul.nav li {float: left; list-style: none;}

/*--------------------NAVIGATION-----------------*/

#navigation a * {
  display: none;
}

#navigation .intospaceLogo a * {display: block;}
#navigation .intospaceLogo span {display: none !important;}

#navigation a,
#navigation a .hover {
  height: 49px;
  position: relative;
  display: block;
  background: url(../images/menu.jpg) 0 0 no-repeat;
  cursor: pointer;
}

#navigation a.buy {
  background-position: 0 -98px;
  width: 199px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.buy:hover, 
#navigation a.buy .hover {
  background-position: 0 -196px;
  width: 199px;
}
#navigation a.flightlog {
  background-position: -199px -98px;
  width: 130px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.flightlog:hover, 
#navigation a.flightlog .hover {
  background-position: -199px -196px;
  width: 130px;
}

#navigation a.about {
  background-position: -329px -98px;
  width: 102px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.about:hover, 
#navigation a.about .hover {
  background-position: -329px -196px;
  width: 102px;
}
#navigation a.astronauts {
  background-position: -431px -98px;
  width: 141px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.astronauts:hover, 
#navigation a.astronauts .hover {
  background-position: -431px -196px;
  width: 141px;
}
#navigation a.contact {
  background-position: -572px -98px;
  width: 118px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.contact:hover, 
#navigation a.contact .hover {
  background-position: -572px -196px;
  width: 118px;
}

/*-----------------------------------------------*/

.topAstronauts {height: 415px; background: top center url(../images/space-bg.jpg) no-repeat; position: relative;}
h1 {font-family: "Century Gothic"; font-size: 38px; font-weight: normal; margin: 5px 0px;}
h1 .bold {font-size: 48px; font-weight: bold;}
h1 .small {font-size: 30px;}
h1 .big {font-size: 45px;}

.astroContainer {float: left; position: relative;//font-size: 0px !important; width: 22px; height: 22px;}
.smallThubm {margin: 1px; border: 1px solid #ffffff;  border-bottom: 3px solid #ffffff; height: 16px;}
.smallThubm img {border: 0px;}
.bubbleContainer {
	position: absolute;
	width: 158px;
	left: -70px;
	top: -180px;
	//top: -165px;
	z-index: 50;
}
.bubbleContainer .bottomArrow {
	height: 8px;
	background: top center url(../images/arrow-bottom.gif) no-repeat;
}
.bubbleContainer .logo {
	padding: 4px;
	background-color: #ffffff;
}
.bubbleContainer .logo .imgLogo {overflow-y: hidden; height: 130px;}
.bubbleContainer .logo a {color: #323232; font-size: 11px !important;}

.pagerContainer span {
	background: #0b0b0b none repeat scroll 0 0;
	color: #ffffff;
	font-weight: 700;
	margin: 2px 0px 2px 2px;
	padding: 1px 4px;
	font-size: 10px;
}
.pagerContainer a:link, .pagerContainer a:visited {
	border: 1px solid #acd6e9;
	color: #0089B3;
	font-weight: 700;
	line-height: 20px;
	margin: 2px;
	padding: 2px 5px;
	text-decoration: none;
	font-size: 11px;
}
.pagerContainer a:hover, .pagerContainer a:active {

	border: 1px solid #0089b3;
	color: #0089B3;
	font-weight: 700;
	line-height: 20px;
	margin: 2px;
	padding: 2px 5px;
	text-decoration: none;
}

.trigger {
	position: absolute;
}

.infiniteCarousel {
  width: 990px;
  margin: auto;
  position: relative;
  height: 127px;
  background: top url(../images/carousel-bg.gif) repeat-x;
}

.infiniteCarousel .wrapper {
  width: 946px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 85px;
  margin: 0 22px;
  position: absolute;
  top: 33px;
}

.infiniteCarousel ul a img {
  border: 1px solid #444444;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 2px;
  height: 81px;
  width: 81px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 127px;
  width: 20px;
 
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background: url(../images/right-arrow.gif) no-repeat 0 0;
  right: 0;
  top: 0px;
}

.infiniteCarousel .back {
  background: url(../images/left-arrow.gif) no-repeat 0 0;
  left: 0;
  top: 0px;
}
.topCarousel {
	color:#282828;
	height:25px;
	margin:auto auto -35px;
	padding-top:5px;
	position:relative;
	width:965px;
	z-index:22;
}
.topCarousel .left {float: left; padding-left: 25px;}
.topCarousel .right{float: right; padding-right: 25px; font-size: 11px;}
.topCarousel .right a {color: #3b3b3b;}
/*.infiniteCarousel .forward:hover {
  background-position: 0 0px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}*/


.imgLogo img {border: 0px;}
.mainText {float: left; width: 600px; padding-right: 20px;}
.news {float: left; width: 370px;}
.news h4 {font-family: "Century Gothic"; font-size: 16px; margin: 0px 0px 5px 0px; font-weight: normal;}
.news span {font-size: 10px; color: #999;}
.news p {font-size: 12px; margin: 3px 0px 7px 0px;}
.news p a {text-decoration: none;}
p.allnews {text-align: center;}
p.allnews a {text-decoration: underline;}
.clear {clear: both; width: 100% !important; height: 0px !important; float: none !important;}

.footer {border-top: 1px solid #b3b3b3; height: 85px; font-size: 11px; padding-top: 15px;}
.footer .commander {float: left; padding-top: 2px;}
.footer .commander h3 {font-size: 18px; font-weight: normal; margin: 0px;}
.footer .copyright {float: right;padding-top: 2px;  background: left url(../images/small-symbol.gif) no-repeat; padding-left: 45px;}

.allAstronauts {
	border: 10px solid #9a9a9b;
	border-bottom: 0px;
	width: 970px;
	margin: auto;
	margin-top: 3px;
}
.allAstronauts .allBg {
	background: -3px 0px url(../images/cell-bg.gif);
	margin: 6px 4px 6px 6px;
	height: 960px;
}
.pagerContainer {
	height: 17px;
	background-color: #9a9a9b;
	padding-top: 5px;
	text-align: right;
}
.available {font-size: 11px; color: #a7a7a7; margin-bottom: 20px;}
.available span{font-weight: bold; color: #ffffff;}
.availableInput {float: left; margin-right: 3px; height:24px;}
.availableInput input{
	background: left top url(../images/search.gif) no-repeat;
	height: 20px;
	width: 120px;
	border: 0px;
	padding-top: 4px;
	color: #9E9E9E;
}
.seatsImages {height: 211px; padding: 25px 25px 25px 0px;}
.seatsImages div {float: left; margin-left: 45px; height: 211px;}
.seatsImages div span {display: block; text-align: center; font-size: 11px; padding-top: 5px;}
.contactForm {float: left; width: 610px;}
.ticketTextContainer, .contactText {float: left; width: 380px; padding-top: 56px;}
.ticketTextContainer p {margin: 0px 0px 10px 0px;}
.contactText div { background-color: #202020; padding: 1px 7px;}
.mandatory {color: #666666; font-size: 11px; padding: 10px 0px 5px 0px;}
.contactForm label {display: block; font-weight: bold; margin: 10px 0px 5px 0px;}
.mandatory span, .contactForm label span {color: #007f72;}
.contactForm .capchaContainer div {float: left;}
.contactForm .capchaContainer img {margin-top: 2px;}
.contactInput {
	background: url(../images/contac-input.gif) no-repeat;
	width: 594px;
	height: 22px;
	color: #9e9e9e;
	border: 0px;
	font-size: 16px;
	padding-top: 5px;
}
.shortInput {
	background: url(../images/contac-short-input.gif) no-repeat;
	width: 295px;
	height: 22px;
	color: #9e9e9e;
	border: 0px;
	font-size: 16px;
	padding-top: 5px;
}
.contactTextarea {
	background: url(../images/contact-textarea.gif) no-repeat;
	width: 594px;
	height: 205px;
	font-size: 14px;
	color: #9e9e9e;
}
.contactTextarea textarea{background: transparent; border: 0px; width: 585px; padding: 5px; height: 185px; color: #9E9E9E;}
.contactInputCapcha {
	background: url(../images/contact-input-capcha.gif) no-repeat;
	width: 530px;
	height: 24px;
	font-size: 12px;
	color: #9e9e9e;
	border: 0px;
	margin-left: 4px;
}
.sendButton {
	margin: 10px 26px 20px 0px;
}
.errorContainer {
	background: url(../images/error-bg.gif);
	padding: 10px;
}
.errorContainer div {
	padding: 10px;
	background-color: #350204;
	color: #ffffff;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: bold;
}
.infoMessageContainer {
	background: url(../images/info-bg.gif);
	padding: 10px;
}
.infoMessageContainer div {
	padding: 10px;
	background-color: #155000;
	color: #ffffff;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: bold;
}
.selectElement {width: 594px; padding: 5px; border: 1px solid #5e5f60; background-color: #525254; color: #9e9e9e;}
.note {font-size: 10px; color: #999999;}
.important {color: #3c94cc; font-weight: bold;}
.jcrop-holder {width:700px; padding: 5px; border: 10px solid #9A9A9B;}
.previewPhoto {padding: 5px; border: 10px solid #9A9A9B; float: left;}
.leftColumn {width: 730px; float: left;}
.rightColumn {width: 250px; float: left; padding-left: 10px;}

.backDetails {border-top: 1px solid #B7B7B7; margin-top: 5px; padding-top: 5px; color: #ffffff; text-align: right;}
.cButtons {margin: 0px 0px 20px;}
.astronautLeft {width: 400px; float: left; margin: 10px 20px 0px 0px; padding: 5px; border: 10px solid #9A9A9B;}
.astronautRight {width: 540px; float: left; margin-top: 10px;}
.backButton {margin: 10px 0px;}
.ticketText {position: relative; background-color: #cacaca; padding: 1px 15px;}
.ticketText p {color: #323232;}
.ticketText p strong {color: #000000;}
.ticketText p strong.dotted { border-bottom: 1px dashed #000000;}
.ticketText .ticketArrow {position: absolute; left: -10px; top: 48px;}
.breadcrumb {background: top left url(../images/bread-crump.gif) no-repeat; height: 31px; margin-top: 10px;}
.breadcrumb div {float: left; color: #ffffff; font-weight: bold; width: 283px; padding: 8px 5px 5px 35px;}
.done {background: 5px 6px url(../images/done.gif) no-repeat;}
.step2 {background: 5px 4px url(../images/step2.gif) no-repeat;}
.step3 {background: 5px 4px url(../images/step3.gif) no-repeat;}
.imageHere {border: 1px dotted #CCC; text-align: center; padding: 300px 0px;}
.infoContainer {background-color: #202020; padding: 3px 5px; margin: 10px 0px;}
.news h4 a {color: #ffffff;}
.twoInputs {height: 56px;}
.leftInput {margin-right: 4px;}
.twoInputs div {float: left;}
.movieContainer {position: absolute; width: 480px; height: 407px; z-index: 1000; display: none;}
.searchTicket div {float: left;}
.videoTour {
	position: fixed;
	right: 0px;
	bottom: 0px;
	padding: 0px 10px 0px 15px;
}
.videoTour .tvset {
	width: 160px;
	height: 244px;
	background: left top url(../images/videotour-bg.png) no-repeat;
	position: relative;
	z-index: 2;
}
.videoTour .tvset .playBtn {
	position: absolute;
	top: 160px;
	left: 70px;
}
.closeBtn {
	left: 155px;
	position: absolute;
	top: 95px;
	z-index: 3;
}
.tribute a {text-decoration: none;}
.tribute a img {vertical-align: middle;}