@charset "utf-8";
@import url(reset.css);


/* common */
body, html {
	height: 100%;
	width: 100%;
}
body {
	background: #a7d3cf url(../images/bg_body.png) 0 0 repeat-x;
	font: normal 0.9em/150% Arial, Helvetica, Verdana, sans-serif;
}

a {
	color: #d7fbff;
	text-decoration: underline;
}
a:hover {
	color: #fff;
}

ul.bulleted {
	padding: 0 0 0.8em 15px;
}
ul.bulleted li {
	padding: 0 0 0.5em 15px;
}

.quoteSource {
	color: inherit;
	font-style: italic;
	font-size: 0.8em;
	font-weight: bold;
}


/* headings */
h1 {
	font-size: 3em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 0.8em;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.8em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0.8em;
}


/* main structure */
#bgWrap {
	height: 100%;
	position: relative;
	width: 100%;
}
.bgBodyRight {
	background: url(../images/bg_body_right.png) 0 0 repeat-x;
	height: 100%;
	position: absolute;
	right: 0;
	width: 49%;
}

#contentTop {
	margin: 0 auto;
	padding-bottom: 0px;
	position: relative;
	width: 960px;
	z-index: 9998;
}
#contentBottom {
	background: url(../images/bg_content_btm.png) 0 100% repeat-x;
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 9999;
}
#contentBottom .bgContentBottomRight {
	background: url(../images/bg_content_btm_right.png) 0 100% repeat-x;
	height: 100%;
	position: absolute;
	right: 0;
	width: 49%;
}
#contentBottom .body {
	min-height: 230px;
	padding-bottom: 300px;
}

.header {
	background: url(../images/bg_header.png) 0 0 no-repeat;
	height: 440px;
	position: relative;
	width: 960px;
}
.body {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
.footer {
	background: url(../images/bg_footer.png) 0 0 repeat-x;
	height: 160px;
	position: relative;
	width: 100%;
}

.column {
	float: left;
	margin-right: 30px;
	width: 290px;
}


/* header */
.header h1,
.header p {
	margin-left: 450px;
	text-indent: -9999em;
	width: 500px;
}
.header h1 {
	background: url(../images/header_title.png) 0 95px no-repeat;
	min-height: 50px;
	padding-top: 95px;
}
.header p {
	padding-top: 20px;
}
.home .header p,
.thanks .header p {
	background: url(../images/header_intro.png) 0 20px no-repeat;
	min-height: 100px;
}
.order .header p {
	background: url(../images/header_order.png) 0 20px no-repeat;
	min-height: 160px;
}
.corner {
	position: absolute;
	right: 0; bottom: 0;
	width: 510px;
}
.home .corner {
	background: url(../images/header_corner_bg.png) 0 0 no-repeat;
	height: 140px;
}
.home .corner a {
	display: block;
	height: 60px;
	position: absolute;
	right: 40px; bottom: 60px;
	text-indent: -9999em;
	width: 175px;
}
.order .corner,
.thanks .corner {
	background: url(../images/header_corner_form_bg.png) 0 0 no-repeat;
	height: 90px;
}
.wave {
	background: url(../images/header_wave.png) 0 0 no-repeat;
	height: 90px;
	position: absolute;
	left: 0; bottom: 0;
	width: 450px;
}


/* body */
.body h2 {
	height: 27px;
	margin-bottom: 0.75em;
	text-indent: -9999em;
}
.body p {
	margin-bottom: 1.25em;
}

.theBand,
.theRecord,
.theMusic,
.formPersonal,
.formAddress,
.formAmount {
	color: #fff;
}
.theBand h2 {
	background: url(../images/h2_ajavares.png) 0 0 no-repeat;
}
.theRecord h2 {
	background: url(../images/h2_ulmama.png) 0 0 no-repeat;
}
.theMusic h2 {
	background: url(../images/h2_kuula.png) 0 0 no-repeat;
}
.theMusic ul {
	font-weight: bold;
	padding-top: 20px;
	width: 175px;
}
.theMusic ul li {
	background: url(../images/song_bullet.png) 0 3px no-repeat;
	padding: 0 0 10px 30px;
}
.theMusic ul li a {
	text-decoration: none;
}
.theMusic .image {
	background: url(../images/music_image.png) 0 0 no-repeat;
	height: 134px;
	margin-top: 20px;
	width: 160px;
}

#audioPlayer {
	display: block;
	margin-top: 25px;
}

.testimonials {
	width: 480px;
}
.testimonials a {
	color: #000;
	text-decoration: none;
}
.testimonials h2 {
	background: url(../images/h2_teisedarvavad.png) 0 0 no-repeat;
}
.testimonials ul li {
	background: url(../images/star_testimonials.png) 0 0 no-repeat;
	padding: 0 0 1em 40px;
}

.peopleNames,
.peopleNames #namesAltContent {
	height: 300px;
	position: absolute;
	left: 0; bottom: 0;
	width: 505px;
}
.peopleNames {
	background: url(../images/bg_people.png) 0 100% no-repeat;
}
.peopleNames ul li {
	height: 60px;
	text-indent: -9999em;
	position: absolute;
}
.peopleNames ul li a {
	display: block;
	height: 18px;
	position: absolute;
	bottom: 0; left: 26px;
	text-indent: -9999em;
	width: 78px;
}
.peopleNames ul .liina {
	background: url(../images/people_liina.png) 0 0 no-repeat;
	top: 60px;; left: 0;
	width: 135px;
}
.peopleNames ul .danel {
	background: url(../images/people_danel.png) 0 0 no-repeat;
	top: 130px; left: 75px;
	width: 157px;
}
.peopleNames ul .teet {
	background: url(../images/people_teet.png) 0 0 no-repeat;
	top: 210px; left: 10px;
	width: 169px;
}
.peopleNames ul .paul {
	background: url(../images/people_paul.png) 0 0 no-repeat;
	top: 225px; left: 210px;
	width: 153px;
}
.peopleNames ul .mingo {
	background: url(../images/people_mingo.png) 0 0 no-repeat;
	top: 145px; left: 285px;
	width: 182px;
}
.peopleNames ul .ahto {
	background: url(../images/people_ahto.png) 0 0 no-repeat;
	height: 42px;
	top: 75px; left: 215px;
	width: 165px;
}

.peopleImage,
.peopleImage #imageAltContent {
 	height: 520px;
	position: absolute;
	right: 0; bottom: 0;
	width: 455px;
}
.peopleImage {
	background: url(../images/people_image.png) 100% 100% no-repeat;
}
.peopleImage a {
	background: url(../images/email.png) 0 0 no-repeat;
	display: block;
	height: 70px;
	position: absolute;
	right: 0; bottom: 10px;
	text-indent: -9999em;
	width: 280px;
}

.thanks #contentTop .body {
	color: #fff;
	padding: 30px 0 80px;
}
.thanks #contentTop .body h2 {
	background: url(../images/h2_thanks.png) 0 0 no-repeat;
	margin: 0 auto 20px;
	width: 372px;
}
.thanks #contentTop .body p {
	text-align: center;
}
.thanks #contentTop .body ul {
	text-align: center;
}
.thanks #contentTop .body ul li {
	display: inline;
	padding: 0 40px;
}


/* footer */
.footer a {
	color: #407c84;
	text-decoration: none;
}
.footer a:hover {
	color: #005f6c;
}

.footer .body {
	background: url(../images/footer_image.png) 0 0 no-repeat;
	font-size: 0.8em;
	height: 160px;
}

.footer .body ul {
	padding-left: 35px;
	position: absolute;
	top: 22px; right: 0;
	width: 290px;
}
.footer .body ul li {
	padding-bottom: 4px;
	position: relative;
}
.footer .body ul .title {
	background: url(../images/h2_saadasobrale.png) 0 0 no-repeat;
	height: 115px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0; left: 0;
	width: 15px;
}
.footer .body ul li label {
	color: #444;
	display: block;
	font-size: 1.2em;
	height: 20px;
	padding: 3px 0 0 6px;
	position: absolute;
	width: 174px;
}
.footer .body ul .submit {
	background: url(../images/friend_send.png) 0 0 no-repeat;
	height: 94px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 10px; right: 0;
	width: 96px;
}
.footer .body ul .submit a {
	display: block;
	height: 30px;
	position: absolute;
	top: 31px; right: 0;
	text-indent: -9999em;
	width: 64px;
}

.adm {
	background: url(../images/adm_logo.png) 50% 0 no-repeat;
	display: block;
	height: 45px;
	line-height: 140%;
	padding-top: 45px;
	position: absolute;
	top: 40px; left: 350px;
	text-align: center;
	width: 170px;
}

#tfloader,
#tfready,
#tferrors {
	color: #E66A41;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	top: 70px; right: 0;
	width: 290px;
}
#tferrors {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	text-align: left;
	top: 0px; right: 0;
	width: 290px;
}



/* forms */
form {
	font-size: 1em;
}

.inText {
	background: #fff url(../images/bg_input_text.png) 0 0 repeat-x;
	border: 1px solid;
	border-color: #fff #86aaae #86aaae #fff;
	color: #444;
	display: block;
	height: 20px;
	padding: 4px 0 0 4px;
}
.inText:focus {
	border-color: #478188 !important;
}

.send2friendForm .inText {
	width: 174px;
}

.orderForm {
	background: url(../images/bg_orderform.png) 0 0 no-repeat;
	min-height: 400px;
}
.orderForm li {
	padding-bottom: 10px;
	position: relative;
}
.orderForm label {
	display: block;
	width: 264px;
}
.orderForm label.required {
	background: url(../images/star.png) 0 0 no-repeat;
	padding-left: 18px;
	width: 246px;
}
.orderForm .inText {
	width: 264px;
}
.orderForm .inText:focus {
	border-color: #195c64 !important;
}
.orderForm #phone {
	width: 144px;
}
.orderForm #zip,
.orderForm #amount {
	width: 94px;
}
.orderForm #priceLabel {
	position: absolute;
	top: 23px; left: 110px;
	width: 50px;
}
.orderForm .formAmount li div {
	background: url(../images/bg_totalprice.png) 0 0 repeat-x;
	color: #000;
	font-weight: bold;
	height: 70px;
	line-height: 185%;
	margin-top: 20px;
	padding-top: 15px;
	text-align: center;
	width: 270px;
}
.orderForm .formAmount li div span {
	font-size: 1.4em;
}
.orderForm .submit {
	clear: both;
	margin: 40px auto 60px;
}
.orderForm .submit a {
	background: url(../images/btn_saadatellimus.png) 0 0 no-repeat;
	display: block;
	font-weight: bold;
	height: 60px;
	margin: 0 0 0 320px;
	text-indent: -9999em;
	width: 270px;
}
.orderForm .note {
	background: url(../images/star.png) 0 0 no-repeat;
	margin-top: 25px;
	padding-left: 15px;
}

.hideLabel {
	display: none !important;
}

.error {
	color: #fff;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
}
input.error {
	background: #fff url(../images/bg_input_text_error.png) 0 0 repeat-x;
	color: #444;
	font-weight: normal;
	padding-bottom: 0;
	text-align: left;
}

#formloader {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 40px 0 100px;
	text-align: center;
}

.order .homeLink {
	display: block;
	margin-top: -15px;
	text-decoration: none;
	width: 80px;
}