/* ====== CSS Reset ================================================================= */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, 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-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}




/* ====== General ================================================================= */


html, body { font-family: Helvetica, Arial, sans-serif; color: #fff; font-size: 16px; min-width: 960px;}

table tr td { font-family: Helvetica, Arial, sans-serif; font-size: 14px; }

.left { float:left; }
.right { float:right; }
.center { text-align:center !important; }
.clear { clear:both; }

.alignleft { float:left; margin:0 25px 25px 0; }
.alignright { float:right; margin:0 0 25px 25px; }

body p {line-height: 26px; margin-bottom: 20px;}

h1 { font-weight: normal; font-size: 30px; color: #6b6a6a; }
h2 { font-weight: normal; font-size: 25px; color: #808080; font-weight: normal; font-style: italic; margin-bottom: 45px; }
h3 { font-weight: normal; font-size: 22px; font-style: italic; color: #000; margin-bottom: 28px; }
h3.blue { font-weight: normal; font-size: 22px; font-style: italic; color: #0488b9; margin-bottom: 20px; }
h4 { font-weight: normal; font-size: 22px; font-style: italic; color: #fff; line-height: 32px; }
h5 { font-weight: normal; font-size: 16px; color: #6b6a6a; }
#second-section h4 { font-weight: normal; font-size: 19px; font-style: italic; color: #fff; line-height: 30px; }
#signup-form p { font-size: 15px; color: #808080; }
.tooltip { cursor: pointer; }
.icon-info { top: 12px; right: 0; }




/* ====== Links ================================================================= */


#signup-form a:link { color: #0a97be; }
#signup-form a:hover { color: #00799b; }
#signup-form a:focus { color: #0a97be; }
#signup-form a:visited { color: #0a97be; }

#first-section a:link, #third-section a:link, #fifth-section a:link, #faq a:link { color: #69a42d; }
#first-section a:hover, #third-section a:hover, #fifth-section a:hover, #faq a:hover { color: #72c61d; }
#first-section a:focus, #third-section a:focus, #fifth-section a:focus, #faq a:focus { color: #72c61d; }
#first-section a:visited, #third-section a:visited, #fifth-section a:visited, #faq a:visited { color: #69a42d; }

#second-section a:link, #fourth-section a:link { color: #69a42d; }
#second-section a:hover, #fourth-section a:hover { color: #72c61d; }
#second-section a:focus, #fourth-section a:focus { color: #72c61d; }
#second-section a:visited, #fourth-section a:visited { color: #69a42d; }

#footer a:link { color: #69a42d; }
#footer a:hover { color: #72c61d; }
#footer a:focus { color: #72c61d; }
#footer a:visited { color: #69a42d; }




/* ====== Global ================================================================= */


.story { display: block; position: relative; margin: 0 auto; min-width: 960px; width: 960px; }
#first-section .content, #second-section .content, #third-section .content, #fourth-section .content, #fifth-section .content { padding-top: 195px; }
.section-title { margin-bottom: 56px; }
.plus-for-divider { margin: 14px 0; }
.circle-long-and { margin-bottom: 25px; }
.circle-long-and-winners { margin: 25px 0; }
.circle-plus-white { background: url(../images/circle-plus-white.png) top left no-repeat; width: 285px; height: 38px; margin: 20px 0; }
.circle-plus-blue { background: url(../images/circle-plus-blue.png) top left no-repeat; width: 285px; height: 38px; margin: 20px 0; }




/* ====== Navigation ================================================================= */


.navigation-wrapper { z-index: 100; position: fixed; margin-top: 0px; background: url(../images/navigation-bg.jpg) top center repeat-x; height: 88px; width: 100%; }
.navigation-wrapper .navigation { margin: 0 auto; width: 960px ; }
.navigation-wrapper .navigation a.marriagetoday-logo { float: left; display: block; background: url(../images/marriagetoday-logo.png) top left no-repeat; text-indent: -999px; width: 200px; height: 54px; margin-top: 24px; }

#nav { float: right; margin-top: 19px; }
#nav li { float: left; margin-left: 0px; }
#nav li a { display: block; }
#nav #overview { background: url(../images/nav1.png) top left no-repeat; width: 101px; height: 54px; }
#nav #overview:hover, #nav #overview.link-active { background-position: 0 -54px; }
#nav #samples { background: url(../images/nav2.png) top left no-repeat; width: 151px; height: 54px; }
#nav #samples:hover, #nav #samples.link-active { background-position: 0 -54px; }
#nav #testimonies { background: url(../images/nav3.png) top left no-repeat; width: 118px; height: 54px; }
#nav #testimonies:hover, #nav #testimonies.link-active { background-position: 0 -54px; }
#nav #downloads { background: url(../images/nav4.png) top left no-repeat; width: 116px; height: 54px; }
#nav #downloads:hover, #nav #downloads.link-active { background-position: 0 -54px; }
#nav #buynow { background: url(../images/nav5.png) top left no-repeat; width: 83px; height: 54px; }
#nav #buynow:hover, #nav #buynow.link-active { background-position: 0 -54px; }




/* ====== Section One ================================================================= */


#first-section { position: relative; background: url(../images/sectionone-bg.png) top left repeat-x; color: #333; margin: 0 auto; overflow: hidden; padding: 0 0 0 0; height: 1260px; }

#first-section h3 { position: absolute; top: 190px; left: 400px; background: url(../images/sectionone-headline.png) top left no-repeat; width: 560px; height: 204px; text-indent: -20000px; }

#sectiononemaintext { position: absolute; top: 425px; left: 408px;  background: url(../images/sectionone-maintext.png) top left no-repeat; width: 536px; height: 81px; text-indent: -20000px; }

#sectiononebuynow a { position: absolute; top: 552px; left: 417px;  background: url(../images/sectionone-buynow.png) top left no-repeat; width: 153px; height: 42px; text-indent: -20000px; }

#sectiononewatch a { position: absolute; top: 552px; left: 589px;  background: url(../images/sectionone-watch.png) top left no-repeat; width: 358px; height: 42px; text-indent: -20000px; }

#sectiononequote { position: absolute; top: 649px; left: 406px;  background: url(../images/sectionone-quote.png) top left no-repeat; width: 557px; height: 204px; text-indent: -20000px; }

#sectiononecover { position: absolute; top: 130px; left: -225px; }

#sectiononefortext { position: absolute; top: 737px; left: 0px;  background: url(../images/sectionone-fortext.png) top left no-repeat; width: 330px; height: 100px; text-indent: -20000px; }

#sectiononebulletsone { position: absolute; top: 937px; left: 0px;  background: url(../images/sectionone-bulletsone.png) top left no-repeat; width: 327px; height: 149px; text-indent: -20000px; }

#sectiononebulletstwo { position: absolute; top: 937px; left: 407px;  background: url(../images/sectionone-bulletstwo.png) top left no-repeat; width: 328px; height: 163px; text-indent: -20000px; }

#sectiononedvd { position: absolute; top: 927px; left: 700px; }




/* ====== Section Two ================================================================= */


#second-section { position: relative; background-color: #fff; color: #333; margin: 0 auto; overflow: hidden; padding: 0 0 70px 0; height:950px; }

#second-section h3 { position: absolute; top: 170px; left: 0px; background: url(../images/sectiontwo-title.png) top left no-repeat; width: 600px; height: 186px; text-indent: -20000px; }

#video-one {  position: absolute; top: 292px; left: 0px; width: 460px; height: 259px; }

#video-two {  position: absolute; top: 292px; left: 490px; width: 460px; height: 259px; }

#video-three {  position: absolute; top: 581px; left: 0px; width: 460px; height: 259px; }

#video-four {  position: absolute; top: 581px; left: 490px; width: 460px; height: 259px; }

#sectiontwosamples { border-bottom-color: #e7eded; border-bottom-style: solid; border-top-color: #e7eded; border-top-style: solid; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 1px; position: absolute; top: 875px; left: 0px; width: 960px; padding: 30px 0 30px 0; }



/* ====== Section Three ================================================================= */


#third-section { position: relative; background-color: #fff; color: #333; margin: 0 auto; overflow: hidden; padding: 0 0 70px 0; height: 1000px;  }

#third-section h3 { position: absolute; top: 170px; left: 0px; background: url(../images/sectionthree-title.png) top left no-repeat; width: 399px; height: 62px; text-indent: -20000px; }

#sectionthreetestimonialone { position: absolute; top: 285px; left: 0px; background: url(../images/testimonial-one.png) top left no-repeat; width: 960px; height: 244px; text-indent: -20000px; }

#sectionthreetestimonialtwo { position: absolute; top: 545px; left: 0px; background: url(../images/testimonial-two.png) top left no-repeat; width: 960px; height: 247px; text-indent: -20000px; }

#sectionthreetestimonialthree { position: absolute; top: 805px; left: 0px; background: url(../images/testimonial-three.png) top left no-repeat; width: 960px; height: 229px; text-indent: -20000px; }





/* ====== Section Four ================================================================= */


#fourth-section { position: relative; background-color: #fff; color: #333; margin: 0 auto; overflow: hidden; padding: 0 0 70px 0; height: 1500px;}

#fourth-section h3 { position: absolute; top: 170px; left: 0px; background: url(../images/sectionfour-title.png) top left no-repeat; width: 376px; height: 70px; text-indent: -20000px; }

#sectionfourtext { border-bottom-color: #e7eded; border-bottom-style: solid; border-top-color: #e7eded; border-top-style: solid; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 1px; position: absolute; top: 292px; left: 0px; width: 960px; padding: 30px 0 30px 0; }

#sectionfourletter { position: absolute; top: 530px; left: 0px; background: url(../images/sectionfour-jimmyletter.png) top left no-repeat; width: 960px; height: 410px; text-indent: -20000px; }

#sectionfourcopyright { position: absolute; top: 1000px; left: 0px; width: 460px; height: 30px; font-size: 12px; }

#sectionfourmtlink { position: absolute; top: 1000px; left: 480px; width: 480px; height: 30px; font-size: 12px; }