/* css browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:Arial, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#fe4591;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

#wrapper{width:900px; margin:0 auto;}
	#header{width:900px; height:500px; background:url(../images/header-bg.png) no-repeat;}
		#nav{position:absolute; margin:100px 0 0 130px;}
		#header-list{position:absolute; margin:155px 0 0 337px;}
		#big-button{position:absolute; margin:385px 0 0 170px;}
	#content{width:650px; padding:30px 125px; background:url(../images/fill.png) repeat-y;} 
	#effects{width:900px; height:409px; background:url(../images/effects-bg.png) no-repeat;}
		#effects-text{width:320px; position:absolute; margin: 0 0 0 470px;}
	.testimonial-1{width:900px; height:304px; background:url(../images/testimonial-1.png) no-repeat;}
	.testimonial-2{width:900px; height:304px; background:url(../images/testimonial-2.png) no-repeat;}
	.testimonial-3{width:900px; height:304px; background:url(../images/testimonial-3.png) no-repeat;}
		.monial-text-right{width:400px; position:absolute; margin:20px 0 0 370px;}
		.monial-text-left{width:400px; position:absolute; margin:20px 0 0 125px; font-family: 'Annie Use Your Telescope', arial, serif; font-weight:bold; font-size:20px; line-height:32px;}
	#guarantee{width:610px; padding:10px 20px; border:dashed #F00 2px; margin:20px 0px;}
	#buy-table{width:900px; height:672px; background:url(../images/buy-table-bg.png) no-repeat;}
		#buttons{position:absolute; margin:155px 0 0 580px;}
		.button-form{margin-bottom:105px;}
	#livechat{position:fixed; top:100px; margin-left:-40px;}

/*h*/
h1{font-family: 'Ultra', arial, serif; color:#c70052; text-align:center; font-size:32px; margin-bottom:15px; }
h2{font-family: 'Ultra', arial, serif; color:#c70052; text-align:center; font-size:24px; margin-bottom:15px; }

/*p*/
p{font-size:13px; line-height:28px; margin-bottom:20px;}
#effects-text p{line-height:24px;}
p.monial{font-family: 'Annie Use Your Telescope', arial, serif; font-weight:bold; font-size:20px; line-height:32px;}
p.monial-name{text-align:right; font-weight:bold;}
p.question{font-weight:bold; margin-bottom:5px;}
p.answer{margin:0 0 10px 20px; font-style:italic;}
p.guarantee-text{font-weight:bold; text-align:center; font-size:16px;}
p.footer{text-align:center;}
p.footer a{text-decoration:none;}
#phone p{color:#fff; font-weight:bold; margin-left:15px;}

/*list*/
#nav ul{}
	#nav ul li{display:inline; list-style:none; margin-right:40px;}
	#nav ul li a{font-size:13px; color:#666; text-decoration:none; font-weight:bold;}
	#nav ul li a:hover{color:#c70052;}
#header-list ul{}
	#header-list ul li{font-family: 'Ultra', arial, serif; color:#c70052; font-size:13px; list-style:none; margin-bottom:34px; }

/*img*/
img.left{float:left; margin:0 15px 15px 0;}
img.guarantee{margin-bottom:20px;}

.clear{clear:both;}
.bold{font-weight:bold;}
.red{color:#F00;}
.ing{font-size:15px;}

form#email-contact-form{padding:15px; background:#62a4d4; width:93%;}
form#email-contact-form label{display:block; margin:4px 0px; font-size:14px;}
form#email-contact-form input{width:40%;}
form#email-contact-form input#submit{width:125px;}
form#email-contact-form textarea{width:100%; margin-bottom:10px;}

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: fixed;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: fixed;
	z-index: 50;
	right: 0; top: 0;
	background: url(../images/secure.png) no-repeat right top;
	text-indent: -9999px;
}