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;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}

@font-face {
	font-family: 'QuicksandLight';
	src: url('fonts/Quicksand_Light-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Light-webfont.woff') format('woff'), url('fonts/Quicksand_Light-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light-webfont.svg#webfontbpxkzhcL') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfontaTtWxJ4l') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*___ ESTILOS GENERALES __*/
body{background:#dee3e6; font-family:Georgia, "Times New Roman", Times, serif}
em{	font-style:normal}
a{	color:#000}
#wrap{width:960px}


/*___INFO LEFT - LOGO AND MENU __*/
#navArea{float:left; width:242px; padding:19px 0 5px 5px}
#navArea p{font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 0 15px 0; color:#555;}
#navArea p a{ color:#535353; text-decoration:none; }	
#navArea p a:hover{color:#000; text-decoration:underline}

#ommwriter-logo a{ display:block}
ul#menu{ margin:45px 0 0 72px; position:relative; font: 9px/10px 'QuicksandBook', Arial, sans-serif; }
ul#menu li{	display:block; margin-top:-15px; height:97px; width:97px; position:relative; list-style-type:none; color:#fff; text-transform:uppercase; text-align:center;}
ul#menu li span{width:97px;	height:97px;  display:block; position:absolute; top:0;	left:0;	z-index:-2;	background:url(../images/menu_bg.png) no-repeat left top}
ul#menu li a{ color:#eee; text-decoration:none;	width:72px; height:62px; text-align:center;	padding:40px 15px 0 13px; display:block}
ul#menu li#item1 a{padding-top:40px; height:53px; color:#fff;} 
ul#menu li#item2 a{padding-top:45px; height:48px}

ul#menu li#item5 a{ padding-top:36px; height:57px}
ul li#item1 { margin-bottom:40px}
ul #item1 span{ opacity:1; background-position:-98px top!important;}
ul #item2 span{ opacity:0.7}
ul #item3 span{ opacity:0.5}
ul #item4 span{ opacity:0.25}
ul #item5 span{ opacity:0.15}
ul #item6 span{ opacity:0.10}
ul#menu li#item1:hover span{background-position:left bottom!important}
ul#menu li#item2:hover span{background-position:-98px bottom}
ul#menu li#item3:hover span{background-position:-196px bottom}
ul#menu li#item4:hover span{background-position:-294px bottom}
ul#menu li#item5:hover span{background-position:-392px bottom}
ul#menu li#item6:hover span{background-position:-490px bottom}
ul#menu li:hover span{ 	z-index:-1}

/**---- estados activos --*/
#free-download-pc #item1 a em,#free-download-mac #item1 a em,#free-download-ipad #item1 a em, #about-us #item2 a em, #contact-and-feedback #item3 a em, #share-this-project ul#menu #item4 a em, #frequently-meditated-questions ul#menu #item5 a em, #frequently-meditated-questions-pc ul#menu #item5 a em, #frequently-meditated-questions-mac ul#menu #item5 a em, #what-people-are-saying #item6 a em{display:none}
#about-us #item2 span, #contact-and-feedback #item3 span, #share-this-project ul#menu #item4 span, #frequently-meditated-questions ul#menu #item5 span, #frequently-meditated-questions-mac ul#menu #item5 span, #frequently-meditated-questions-pc #item5 span,   #what-people-are-saying #item6 span{z-index:-1; opacity:1}
#free-download-mac #item1 span, #free-download-pc #item1 span, #free-download-ipad #item1 span{	background-position:left bottom!important} 
#about-us #item2 span{background-position:-98px bottom}
#contact-and-feedback #item3 span{background-position:-196px bottom}
#share-this-project ul#menu #item4 span{background-position:-294px bottom}
#frequently-meditated-questions ul#menu #item5 span, #frequently-meditated-questions-mac ul#menu #item5 span, #frequently-meditated-questions-pc ul#menu #item5 span, #frequently-meditated-questions-ipad ul#menu #item5 span{background-position:-392px bottom}
#what-people-are-saying ul#menu #item6 span{background-position:-490px bottom}
#li#item2.activo span{	background-position:left bottom}
ul#menu li.activo span{ z-index:-1;	opacity:1}
ul#menu li:hover{position:relative;	cursor:pointer}
.itemActivo em{	display:none}

/*___ ENLACES A INFO SOCIAL ________________________*/
#socialLinks{float:left; width:680px; height:25px; text-align:right; padding:40px 0 12px 0}
#socialLinks ul{ float:right}
#socialLinks li, #shareList li{	float:right; font: 11px/12px 'QuicksandBook', Arial, sans-serif;}
#socialLinks li a, #shareList li a, #shareList li iframe{text-decoration:none; padding:4px 10px}
#share-fb{ margin:-3px 0 0 10px;}
.ommwriters_bt { margin-bottom:-2px;}

#shareList{	margin-top:60px; float:left; margin-left:-10px;}
#shareList li a{ padding:40px 15px 0 15px; font-size:10px}
#shareList li#shareFacebook a{background:url(../images/share-facebook-bg.png) no-repeat 27px top; }
#shareList li#shareTwitter a{background:url(../images/share-twitter-bg.png) no-repeat center top}
#shareList li#shareFriend a{background:url(../images/share-friend-bg.png) no-repeat center top}
#shareList li#shareFriend a:hover{background:url(../images/share-friend-bg.png) no-repeat center -177px; cursor:pointer;}
#shareList li#shareFacebook a:hover{background:url(../images/share-facebook-bg.png) no-repeat 27px -120px}
#shareList li#shareTwitter a:hover{	background:url(../images/share-twitter-bg.png) no-repeat center -90px}

/*___ VERSION NAV ________________________*/
#version-nav{ border-bottom:1px solid #c4c9cb; float:left; width:100%; font: 11px/10px 'QuicksandBook', Arial, sans-serif;}

#version-nav li{ float:left; }
#version-nav li a{text-transform:uppercase; text-decoration:none; float:left; padding:5px 26px 7px 26px; color:#797979; border-left:1px solid #c4c9cb;  margin-bottom:-1px;}
#version-nav li:first-child a{border-left:none;}
#version-nav li:first-child.active a{border-left:1px solid #c4c9cb;}
#version-nav li:last-child.active a, #version-nav li.last.active a{border-right:1px solid #c4c9cb;}

#version-nav li.active a{color:#202020; font-weight:bold; border-bottom:1px solid #dee3e6;}
#version-nav li.inactive a{color:#888; }
#version-nav li.inactive a strong{font-size:8px;}

#version-nav li a:hover{color:#000;}
h2 ~ #version-nav{margin-top:30px; }


/*___ BOTÓN DE WHAT'S NEW________________________*/
#whatsnew{position:fixed; right:-10px; top:100px;  height:24px; width:140px; background:url(../images/whatsnew-bg.png) no-repeat left top; margin-right:-15px; font: 11px/26px 'QuicksandBook', Arial, sans-serif; padding-left:10px; }
#whatsnew a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none; text-transform:uppercase; }

/*___RIGHT INFO ________________________*/
#wrapVideo{	margin-bottom:35px}
#contentArea{margin-left:30px; float:left}
.home #contentArea{margin-left:10px}
#contentArea{float:left; padding-top:10px; width:640px;	font: normal 12px/18px Georgia, "Times New Roman", Times, serif}
#contentArea ul{margin-bottom:20px}
#contentArea p{text-align:left;	margin-bottom:10px;	padding-right:10px}
#contentArea p a{font-weight:bold;	text-decoration:none}
#contentArea p a:hover{	text-decoration:underline}
#contentArea h1{font: 16px/26px 'QuicksandBook', Arial, sans-serif; margin-bottom:15px;	font-size:15px;	text-transform:uppercase; float:left; width:100%;}
h2.credits{padding-top:10px}

/*___DOWNLOAD________________________*/
#formDownload {padding:10px 0; margin-bottom: 20px; }
#formDownload h3{	margin-bottom:15px; background:url(../images/faq-li-bg.png) no-repeat left 13px; padding:5px 0 0 10px; font: 12px/24px 'QuicksandBook', Arial, sans-serif;}
#formDownload h3:hover{background:url(../images/faq-li-bg.png) no-repeat left -42px; }
#formDownload h3.activeQ{background:url(../images/faq-li-bg.png) no-repeat left -42px; }
#formDownload h3 a { text-decoration:none;}
#formDownload form{	width:490px; position:relative;}
#formDownload form#f_paypal{	width:490px}
#formDownload button{font: 10px/20px 'QuicksandBook', Arial, sans-serif; height:70px; line-height:70px; width:70px; border:none; color:#fff; position:absolute; left:470px; top:30px; background:url(../images/form-send-bg.png) no-repeat left top}
#formDownload button:hover{ cursor:pointer;	background:url(../images/form-send-bg.png) no-repeat left bottom}

#formDownload .checkTerms{ color:#888}
#formDownload .checkTerms input{	width:14px;	height:14px; border:1px solid #ccc}
#formDownload .checkTerms label{font-size:11px}

#formDownload div div{margin-bottom:40px;}
#formDownload h3:hover{ cursor:pointer; color:#000;}


#formDownload input{ width:50px}
#formDownload form#f_paypal #paypalBot{ position:absolute; left:465px; top:-10px; background:url(../images/paypal-icon.png) no-repeat right 50px; padding: 0 80px 20px 0; }
#formDownload form#f_paypal button{ position:relative; left:0; background:url(../images/form-send-bg.png) no-repeat left top;  height:70px;}
#formDownload form#f_paypal button:hover{background: url(../images/form-send-bg.png) no-repeat left -70px;}
#formDownload span.moneda {margin:0 -20px 0 10px}

#formDownload label.error {top:-3px}
.footnote{font-size:11px; font-style:italic; margin-top:-5px;}
#featuresBot {padding-top:4px}
#featuresBot a{ padding-left:15px; background:url(../images/collapsable-bg.png) no-repeat left 4px;}
#featuresBot a.activo{background-position:left -7px}
#featuresBot a:hover{text-decoration:underline;}

#requirements{padding:30px 0 30px 0; border-bottom:1px solid #D0D4D7; margin-bottom:0;}

#features{overflow:hidden}
#features p{padding-top:0}
#features div{width:330px; padding-top:5px;}
#features #audio-gal{width:280px;}
#features #audio-gal ul{padding-top:10px; margin-left:0;}

#features #audio-gal li{ float:left; margin-right:12px; list-style-type:none}

#features #audio-gal li a{display:block; width:28px; height:28px; background:url(../images/audio-bot-bg.png) no-repeat left top; line-height:25px; text-align:center; text-decoration:none; color:#fff;}
#features #audio-gal li:nth-child(2) a{line-height:27px}
#features #audio-gal li:nth-child(6) a{line-height:28px}
#features #audio-gal li a:hover{background:url(../images/audio-bot-bg.png) no-repeat left bottom;}

#bgs-gal {margin-right:30px}
dl #bgs-gal {margin-right:10px}
#bgs-gal ul{overflow:hidden; padding-top:10px; margin-left:0;}
#bgs-gal li{float:left; margin-right:11px; list-style-type:none}
#bgs-gal li a{text-indent:-9999px; display:block; height:30px; width:30px; background:url(../images/bgs-sprite.png) no-repeat left top;}
#bgs-gal li a#bg1{background-position:left top;}
#bgs-gal li a#bg2{background-position:left -30px;}
#bgs-gal li a#bg3{background-position:left -60px;}
#bgs-gal li a#bg4{background-position:left -90px;}
#bgs-gal li a#bg5{background-position:left -121px;}
#bgs-gal li a#bg6{background-position:left -151px;}
#bgs-gal li a#bg7{background-position:left -181px;}
#bgs-gal li a#bg8{background-position:left -211px;}

#bgs-gal li a#bg1:hover{background-position:right top;}
#bgs-gal li a#bg2:hover{background-position:right -30px;}
#bgs-gal li a#bg3:hover{background-position:right -60px;}
#bgs-gal li a#bg4:hover{background-position:right -90px;}
#bgs-gal li a#bg5:hover{background-position:right -121px;}
#bgs-gal li a#bg6:hover{background-position:right -151px;}
#bgs-gal li a#bg7:hover{background-position:right -181px;}
#bgs-gal li a#bg8:hover{background-position:right -211px;}

#wrapVideoIpad{	padding:30px 0 30px 0; border-top:1px solid #D0D4D7; margin-bottom:0;}


/*___ SHARE FORM ________________________*/
#shareForm{margin:20px 0 0 10px; position:relative}
#shareForm button{ float:right;	margin-right:25px}

/*___FEEDBACK & CONTACT________________________*/
form p{	position:relative}
#formFeedback, #shareForm{	clear:both;	padding-bottom:20px; height:300px; float:left}
#contact-and-feedback p input, #free-download-mac p input, #free-download-pc p input, #contact-and-feedback p select, #shareForm p input{ line-height:10px; padding-bottom:0; text-indent:4px;	width:230px}
#contact-and-feedback h3{ margin-top:20px}
#contact-and-feedback h3, #terms-of-service h3{	padding:10px 0 10px 0}
#contact-and-feedback form, #free-download form{padding-top:30px; position:relative}
#free-download form{ padding-top:20px}
label{padding-right:20px} 
label.l_required, label.l_required{	padding-left:10px; color:#999}
label.extraLabel{font-size:11px}
label.extraLabel span{font-weight:bold;}
#free-download-pc input, #free-download-mac input, #contact-and-feedback input, #shareForm input {border:none; background:none; padding-bottom:0; border-bottom:1px solid #ccc; font-family:Georgia, "Times New Roman", Times, serif}
#contact-and-feedback textarea, #contact-and-feedback p select, #shareForm textarea{ background:url(../images/form-field-bg.png) repeat; line-height:16px;	border:none}
#contact-and-feedback form p{ clear:both; height:20px}
#contact-and-feedback form p.contMessage{position:relative}
#contact-and-feedback form p.contMessage label, #shareForm p.contMessage label{ position:absolute; background:#dee3e6; padding: 0 18px 4px 0}
#contact-and-feedback form p.contMessage textarea, #shareForm textarea{ text-indent:70px; height:152px;	width:360px; padding-top:3px; line-height:20px;	font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; overflow:auto;}
#contentArea button{ height:70px; width:70px; line-height:70px;	border:none; color:#fff; background:url(../images/form-send-bg.png) no-repeat left top}
#contact-and-feedback form button{ position:absolute; left:390px; top:180px}

#contact-and-feedback .contDropdown {width:100%; position:relative; z-index:22;}
#contact-and-feedback .contDropdown label{float:left}
#contact-and-feedback form button:hover,  #shareForm button:hover{ cursor:pointer; background-position:left bottom}
label.error{ position:absolute; width:20px;	height:24px; color:#fff; line-height:24px; text-indent:0; padding-right:10px!important;	display:none; font-weight:bold;	left:-35px;	top:-2px; background:url(../images/required-bg.png) no-repeat left top!important}
ul.messagesKO{ background:url(../images/required-bg.png) no-repeat left center;	padding:10px 0 10px 40px}


/*==================================
CUSTOM SELECT
====================================*/
ul.newList {color:#000; width:235px; background:#fff; position:absolute;  border:1px solid #ccc; top:20px; left:0; overflow:auto; z-index:9999}
ul.newList li{	border-bottom:1px solid #ccc}
.newListSelected { width:235px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; height:22px; padding:0; 	float:left; border-bottom:1px solid #ccc}
.newListSelected span {width:240px; display:block}
ul.newList li {padding:2px 6px; border:none}
.selectedTxt {width:220px; overflow:hidden; height:22px; padding-left:10px; background:url(../images/select-bg.png) no-repeat right center}
.hiLite {background:#999; color:#fff!important}
.newListHover {background:#ccc; color:#000!important; cursor:default; border-bottom:1px solid #ccc}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default}
.newListOptionTitle {font-weight:bold}
.newListOptionTitle ul {margin:3px 0 0}
.newListOptionTitle li {font-weight:normal}

/*___ FOOTER ________________________*/
#footer{width:100%;	float:left;	text-align:right; font-size:9px; color:#999; padding:30px 0 60px 0; font-family:Arial, Helvetica, sans-serif}
#footer a{color:#777; text-decoration:none}
#footer p{ margin-right:40px; padding-bottom:4px}
#footer a:hover{text-decoration:underline}

/*___ FAQ__*/
.folded {font-size:12px; margin-top:50px; clear:both;}
/*#frequently-meditated-questions-mac .folded, #frequently-meditated-questions-pc .folded, #frequently-meditated-questions .folded{padding-top:40px;}*/


.folded dt{text-transform:uppercase; color:#202020;	margin-bottom:10px;	padding-left:15px; background:url(../images/faq-li-bg.png) no-repeat left 8px}
.faq dt{font: 12px/24px 'QuicksandBook', Arial, sans-serif;}
.folded dt.activeQ{background:url(../images/faq-li-bg.png) no-repeat left -47px}
.folded dd{ padding:0px 0 20px 15px}
.folded dd ul{	padding:15px 0 0 0; margin-bottom:0; margin-left:20px}
.folded dd p{padding-top:15px}
.folded dd li{ list-style-type:circle}
.folded dt:hover{cursor:pointer; color:#000;}

/*___ WHAT PEOPLE ARE SAYING __*/
#wrap-people h3{ font: 12px/20px 'QuicksandBook', Arial, sans-serif; text-transform:uppercase; padding-bottom:15px; padding-top:20px}

#mailsFold { margin-top:10px}
#mailsFold dt{ font-weight:bold; text-transform:none; font-weight:bold} 

#tweetsList dd{ border-bottom:1px solid #d0d4d7; padding-bottom:15px; margin-bottom:15px}
#tweetsList dd a{ font-weight:bold; text-decoration:none}

#storeReviews dd{ border-bottom:1px solid #d0d4d7; padding-bottom:15px; margin-bottom:15px}
#storeReviews dt{ font-weight:bold;}

ul#galeria{ overflow:hidden; width:770px; padding-top:10px}
ul#galeria li{ float:left; margin-right:20px; padding:5px 5px 5px 0; margin-bottom:5px; height:180px; width:300px}
ul#galeria li a:hover{ opacity:0.6}

#list-blogs{display:none; overflow:auto; margin-top:10px; margin-bottom:50px}
#list-blogs ul{	width:305px; float:left}
#list-blogs ul:first-child{margin-right:22px}
#list-blogs ul ul li:first-child{background:none}
#list-blogs li{	padding:4px 0;	border-bottom:1px solid #d0d4d7}
#list-blogs li a{ height:15px; padding:4px 0 0 10px; color:#626262;	font-size:12px;	text-decoration:none;	margin-top:1px;	line-height:10px}
#list-blogs li a:hover{	color:#000}


/*___ LIGHTBOX	__*/
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; zoom:1; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}

/*___ TERMS __*/
#terms h3{ text-transform:uppercase}

#terms p strong{	display:inline-block; float:left; padding:0 8px 0 6px; font-size:15px}
#terms p em{ font-weight:bold; text-decoration:underline; font-style:normal}