@charset "UTF-8";

/* CSS Marjorie Lazaro 2010 */

/* 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none }
blockquote, q {	quotes: none }
blockquote:before, blockquote:after, q:before, q:after {	content: ''; content: none }

img { border: 0 }

:focus { outline: 0 }

/* remember to highlight inserts somehow! */
ins { text-decoration: none }
del { text-decoration: line-through }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; border: 0 }

.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-both { clear: both }
.sep-10 { height: 10px }
.sep-20 { height: 20px }
.marginT-10 { margin-top: 10px }
.marginL-10 { margin-left: 10px}
.marginR-10 { margin-right: 10px}

/* LAYOUT */
body {
	background-color: #bfbfbf;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #454545;
	text-align: center
}

a:link, a:visited, a:active { text-decoration: none; color: #a00101 }
a:hover { color: #000; text-decoration: underline }

h1 { margin: 20px 0 15px 0 }
h3 { margin: 20px 0 15px 0 }
h4 { color: #747171; margin-bottom: 10px }
h1 span, h2 span { display: none }
p { font-size: 14px; color: #454545; line-height: 24px; margin-bottom: 24px }
p.intro { font-size: 18px }
form label { color: #a00101 }

.txt-red { color: #a00101 }

#wrapper { width: 1000px; margin: 0 auto; text-align: left; background-color: #fff }
#header { width: 1000px; height: 125px; background: transparent url(images/bg-header.jpg) 0 0 no-repeat; float: right }
#content { height: 500px; height: auto }
#footer { width: 1000px; height: 112px; background: #d2d2d2 url(images/bg-footer.jpg) 0 0 no-repeat }
#left-column { float: left; width: 620px; padding: 20px 30px 0 20px; margin-top: -5px }
#right-column { float: left; width: 285px; margin-top: -5px; padding: 0 25px 0 20px; background: #fff url(images/bg-right-col.jpg) 0 100% no-repeat }

#header div { height: 70px }
.login { float: right }
.signin { float: right; width: 131px; margin-right: 10px }
.signup { float: right; margin: 0 12px 0 8px }

ul#navigation { float: left; width: 988px; height: 50px; padding-left: 12px; background: #e0e0e0 url(images/bg-navigation.jpg) 0 0 no-repeat }
ul#navigation li { display: inline; float: left }
ul#navigation li a { height: 50px; float: left }
ul#navigation li.sep { background: transparent url(images/bg-nav-sep.png) 0 0 no-repeat; width: 8px; height: 50px }
ul#navigation li.home a { background: transparent url(images/nav-home.png) 0 0 no-repeat; width: 78px }
ul#navigation li.work a { background: transparent url(images/nav-work.png) 0 0 no-repeat; width: 107px  }
ul#navigation li.tools a { background: transparent url(images/nav-tools.png) 0 0 no-repeat; width: 191px }
ul#navigation li.pricing a { background: transparent url(images/nav-pricing.png) 0 0 no-repeat; width: 65px }
ul#navigation li.roi a { background: transparent url(images/nav-roi.png) 0 0 no-repeat; width: 62px }
ul#navigation li.tour a { background: transparent url(images/nav-tour.png) 0 0 no-repeat; width: 125px }
ul#navigation li.world a { background: transparent url(images/nav-world.png) 0 0 no-repeat; width: 143px }
ul#navigation li.support a { background: transparent url(images/nav-support.png) 0 0 no-repeat; width: 156px }
ul#navigation li a span { display: none }
ul#navigation li a:hover, ul#navigation li a.current { background-position: 0 -50px }

#right-column p { width: 270px }
#right-column .width-260 { width: 260px }
#right-column a:link, #right-column a:visited, #right-column a:active { text-decoration: none; color: #454545 }
#right-column a:hover { color: #a00101; text-decoration: underline }

/* blog */
.home-blog h4.blog-title { margin: 10px 0 -10px 0; padding: 0 }
.home-blog p img { width: 200px; float: left; display: block }

dd.blog-title { margin-bottom: 15px }
.blog-title a { font-size: 16px; line-height: 18px; color: #747171 }
.blog-date { clear: left; color: #ababab; font-size: 14px }

/* testimonials */
.testimonial { padding: 15px 25px; font-size: 19px; line-height: 22px;  color: #747171; width: 73px; height: auto; background: transparent url(images/bg-testimonials.png) 0 0 no-repeat }
.testimonial-author { font-size: 14px; color: #b84444; font-weight: normal; line-height: 16px; margin: -30px 0 30px 25px }

.testimonials { float: left; width: 200px }
.testimonials blockquote { clear: left; margin-top: 20px }
.testimonials .testimonial { padding: 0 0 20px; margin: -15px 0 10px 20px; width: 120px; background: url(images/quote-close.png) 100% 100% no-repeat; height: auto; float: left }
.testimonials .testimonial-author { clear: both; text-align: right; width: 100px; margin: 10px 0 0 }


/* home */
.home-btns { width: 632px; height: 60px; margin: -20px -20px -25px; padding: 17px 20px; background: #fbfbfb url(images/bg-home-btns.gif) 0 0 repeat-x }
.bg-grey { width: 610px; padding: 0 30px; margin: 0 -20px; background-color: #fbfbfb }
.bg-will { float: right; width: 301px; height: 360px; padding: 10px 15px; margin: 0 -10px 0 0; font-size: 16px; background: url(images/bg-will.gif) 0 0 no-repeat }
.bg-will ul li { list-style-type: disc; padding-left: 10px; margin: 0 0 20px 20px }

.home-testimonial { float: left; width: 260px }
.home-testimonial blockquote { clear: left; margin-top: 20px }
.home-testimonial p { padding: 15px 20px; margin: 0 0 0 -40px; width: 210px  }
.home-testimonial .testimonial { background: url(images/quote-close.png) 55% 100% no-repeat; height: auto; float: left }
.home-testimonial .testimonial-author { float: right; margin: 0 }
.quote-open { float: left; width: 45px; height: 36px; background: url(images/quote-open.png) 0 0 no-repeat }


ul.links-social span { line-height: 30px }
ul.links-social img { float: left; margin: 0 10px 5px 0 }


/* FAQs */
dl.faqs dt { background: transparent url(images/faq-open.gif) 20px 16px no-repeat; padding: 15px 50px; margin: 0; font-size: 18px; color: #454545 }
dl.faqs dd { padding: 10px 50px; margin: 0; font-size: 14px; color: #454545 }
dl.faqs dt.alt { background-color: #f3f1eb; border-top: 1px solid #ccc3b4  }
dl.faqs dd.alt { background-color: #f3f1eb; border-bottom: 1px solid #ccc3b4 }

/* Calculator */
ul#tabs { list-style-type: none; margin: 30px 0 -17px 0; padding: 0 }
ul#tabs li { display: inline; padding-left: 10px }
ul#tabs li a { color: #747171; border: 1px solid #d3d2d2; background: #fff url(images/bg-tabs.jpg) bottom left repeat-x; text-decoration: none; padding: 3px 10px }
ul#tabs li a:hover { border: 1px solid #d3d2d2; color: #494949  }
ul#tabs li a.selected, ul#tabs li a:hover.selected { background-color: #fff; background-image: none; border: 1px solid #d3d2d2; border-bottom: 1px solid #fff; color: #747171 }
div.tabContent { border-top: 1px solid #d3d2d2; padding-top: 15px }
div.tabContent.hide { display: none }

.bg-calculator { background: transparent url(images/bg-calculator.gif) 0 0 no-repeat; width: 599px; height: auto; border-bottom: 1px solid #d2d1d1 }
.bg-calculator .first { padding-top: 10px }
.bg-calculator label { float: left; padding: 12px 40px 8px 45px; font-size: 23px; color: #747171; width: 355px }
input.field-calculator { 
	float: left; background: transparent url(images/bg-fieldCalculator.jpg) 0 0 no-repeat; border: 0; margin: 10px 10px 15px 10px;
	font-size: 24px; color: #747171; text-align: right; 
	padding: 10px; width: 79px; height: 33px
}
.bg-calculator label.fifth { float: left; padding: 60px 40px 8px 15px; width: 230px }
.bg-calculator label.fifth small { color: #9b9797 }
.box-calculator-datas { background-color: #e1e1e1; border: 1px solid #d3d2d2; margin: 10px 15px 0 270px; line-height: 40px; width: 310px; height: 44px; font-size: 24px; color: #747171; text-align: right; padding-right: 10px  }
input.field-calculatorBig { 
	float: right; background: transparent url(images/bg-fieldCalculatorBig.jpg) 0 0 no-repeat; border: 0; margin: 10px 10px 10px 0;
	font-size: 24px; color: #747171; text-align: right; padding: 10px; width: 242px; height: 33px
}
.field-totalImprovement { 
	float: left; background: transparent url(images/bg-field-totalImprovement.gif) 0 0 no-repeat; border: 0;
	font-size: 34px; color: #a00101; text-align: right; 
	padding: 30px 40px 40px; width: 178px; height: 46px
}
.divide { margin: 10px 20px 0 10px }

/* from the blog */
.tumblr { list-style: none; margin-bottom: 1em; padding: 0 }
.tumblr li { margin-bottom: 1em }
.tumblr img, .tumblr p, .tumblr em { display: none }
.tumblr h3 { border: 1px solid red; margin-top: 0.2em }
.tumblr-post-date{ display: block; clear: left; color: #ababab }

/* tools list */
.tools-list { margin: 20px 0 0 -20px; width: 650px; height: 433px; background: url(images/bg-tools.jpg) 0 0 no-repeat }
.tools-list h2 { display: none }
.tools-list ul { padding: 60px 0 0 85px }
.tools-list ul li { line-height: 36px }
.bg-saveTime { width: 263px; height: 201px; padding: 20px 10px; background: url(images/bg-calculator.png) 0 0 no-repeat }
.bg-saveTime p { padding-left: 85px; font-size: 14px; color: #747171; line-height: 20px }

.diaporama { width: 599px; height: 455px; background: transparent url(images/bg-diaporama.gif) 0 0 no-repeat }
.glidecontentwrapper { position: relative; width: 599px; height: 405px; overflow: hidden }
.glidecontent{ position: absolute; visibility: hidden; width: 599px }
.glidecontent p { width: 558px; padding: 5px 20px 0; margin-left: 1px; height: 35px; background-color: #666; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px }
.glidecontenttoggler { width: 599px; padding-top: 6px; height: 50px; background: url(images/bg-diaporama.gif) bottom left no-repeat }
.glidecontenttoggler a.toc { width: 40px; height: 40px; float: left; border: 0; margin: 0; padding: 0 }
.glidecontenttoggler a.toc.first { margin-left: 15px }
.glidecontenttoggler a.toc:hover, .glidecontenttoggler a.toc.selected { background: url(images/bg-btn-diaporama-hover.png) 0 0 no-repeat }

/* roi */ .roiTest { float: left; padding: 25px 35px; width: 265px; height: 435px; background: url(images/bg-roiTest.jpg) 0 0 no-repeat }

/* pricing */
.pricingNumbers { float: left; width: 260px; margin-right: 20px }
.pricingNumbers h2 { padding-bottom: 10px; border-bottom: 10px solid #e8e7e8 }
.pricingNumbers h3 { margin: 15px 0 10px 0 }
.pricingNumbers p { margin: 0 0 15px; padding-top: 10px; border-top: 1px dashed #a00101; line-height: 20px; font-size: 18px }
.pricingNumbers p.last { padding-bottom: 10px; border-bottom: 1px dashed #a00101 }
.guarantee { width: 310px; float: right; background-color: #ededed; border: 1px solid #d3d2d2; padding: 10px }
.guarantee img { border: 0; float: left }
.guarantee p { margin-left: 55px; line-height: 18px }

/* how it works */ 
img.illus-how { float: right; margin: 0 -30px 0 20px}
h2.use { margin-left: -20px }
ul.li-use { width: 189px; float: left; padding: 0 10px 0 0; margin: 0 }
ul.li-use.borders { border-left: 1px solid #dbd1be; border-right: 1px solid #dbd1be; width: 196px; height: 340px; padding-left: 8px; margin-right: 6px }


/* tour */
.videos { width: 564px; height: 565px; padding: 18px; background: url(images/bg-tour.gif) 0 0 no-repeat }
.thumbnail { float: left; width: 127px; height: 180px; padding: 10px 8px;  background: url(images/bg-videoth.jpg) 100% 0 no-repeat }
.thumbnail.first { margin-left: -10px }
.thumbnail.last { background-image: none }
.thumbnail:hover { background: url(images/bg-videoth-over.jpg) 0 0 no-repeat }
.thumbnail h3 { color: #a00101; font-size: 13px; margin: 10px 0 0 }
.tourcontentwrapper { width: 565px; height: 325px; overflow: hidden }
.tourcontenttoggler { width: 565px; padding-top: 6px; height: 200px }

/* contact form */
label.error, p.error { display: block; background-color: #ffebeb; border-left: 4px solid #a00101; padding: 2px 0 2px 10px; margin: 0; width: 250px }
.success { border: 1px solid #01a017; background-color: #f6fff7; padding: 10px } 
.success p { margin: 0 }
input.send-message  { width: 182px; height: 34px; background: url(images/btn-send-message.png) 0 0 no-repeat; border: 0 }


#footer ul { width: 880px; padding: 65px 0 0 100px }
#footer ul li { float: left; display: inline; list-style-type: none; margin-right: 28px }
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active { color: #b84444; font-size: 14px; text-decoration: none; white-space: nowrap }
#footer ul li a:hover { color: #000; text-decoration: underline }