/*___ 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-left:5px;
	padding-top:19px;
	padding-bottom:5px;
}
#navArea p{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:20px;
	color:#202020;
	text-align:center;
}
#navArea p a{
	color:#535353;
	text-decoration:none;
}	
#navArea p a:hover{
	color:#000;
	text-decoration:underline;
}
h1{
	width:143px;
	height:85px;
	background:url(../images/ommwriter-logo.png) no-repeat left top;
	text-indent: -120000px;
	margin:0 auto;
}
h1 a{
	width:100%;
	height:100%;
	display:block;
}
ul#menu{
	margin:45px 0 0 72px;
	position:relative;
}
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;	
	font-size:9px;
}
ul#menu li span{
	width:97px;
	height:57px;
	padding-top:40px;
	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:#fff;
	text-decoration:none;
	width:72px;
	text-align:center;
	height:62px;
	padding:40px 15px 0 13px;
	display:block;
}
ul#menu li#item1 a, 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;}
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#menu li#item1:hover span{background-position:left bottom;}
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:hover span{ 	z-index:-1;}

/**---- estados activos --*/
#free-download #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{
	display:none;
}
#free-download #item1 span, #about-us #item2 span, #contact-and-feedback #item3 span, #share-this-project ul#menu #item4 span, #frequently-meditated-questions ul#menu #item5 span{
	z-index:-1;
	opacity:1;
}
#free-download #item1 span{	background-position:left bottom;} 
#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{background-position:-392px bottom;}
#li#item2.activo span{
	background-position:left bottom;
}
/**---- estados activos --*/
ul#menu li.activo span{
	z-index:-1;
	opacity:1;
}
ul#menu li:hover{
	position:relative;
	cursor:pointer;
}
h1{
	font-size:14px;
	text-transform:uppercase;
}
/*___ITEM MENU ACTIVO________________________*/
.itemActivo em{
	display:none;
}
/*___ ENLACES A INFO SOCIAL ________________________*/
#socialLinks{
	float:left;
	width:680px;
	height:25px;
	text-align:right;
	padding-top:40px;
	padding-bottom:12px;
}
#socialLinks ul{
	float:right;
}
#socialLinks li, #shareList li{
	float:left;
	font-size:10px;	
}
#socialLinks li a, #shareList li a{
	text-decoration:none;
	padding:0 10px;
}
#shareList{
	margin-top:60px;
}
#shareList li a{
	padding:40px 15px 0 15px;
	font-size:10px;
}
#shareList li#shareFacebook a{
	background:url(../images/share-facebook-bg.png) no-repeat 20px top;
	padding-left:0;
}
#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;
}

#shareList li#shareFacebook a:hover{
	background:url(../images/share-facebook-bg.png) no-repeat 20px -120px;
}
#shareList li#shareTwitter a:hover{
	background:url(../images/share-twitter-bg.png) no-repeat center -90px;
}
/*___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;
}
#contentArea p a{
	font-weight:bold;
	text-decoration:none;	
}
#contentArea p a:hover{
	text-decoration:underline;
}
#contentArea h2{
	margin-bottom:15px;
	font-size:15px;
	text-transform:uppercase;
}
h2.credits{
	padding-top:10px;
}

/*___DOWNLOAD________________________*/
#formDownload h3{
	margin-bottom:10px;
}
#formDownload form{
	width:400px;
}
#formDownload button{
	height:70px;
	line-height:70px;
	width:70px;
	background:url(../images/form-send-bg.png) no-repeat left top;
	border:none;
	color:#fff;
	position:absolute;
	left:420px;
	top:30px;
}
#formDownload button:hover{
	cursor:pointer;
	background:url(../images/form-send-bg.png) no-repeat left bottom;
}
#formDownload #d_check{
	width:14px;
	height:14px;
	border:1px solid #ccc;
}
#formDownload #checkTerms{
	color:#888;
}
/*___ SHARE FORM ________________________*/
#shareForm{
	margin:20px 0 0 180px;
	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 p input, #contact-and-feedback p select, #shareForm p input{
	line-height:10px;
	padding-bottom:0px;
	text-indent:4px;
	width:230px;
}
#contact-and-feedback h3{
	margin-top:20px;
}
#contact-and-feedback h3, #terms-of-service h3{
	padding-top:10px;
	padding-bottom:10px;
}
#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;
}
#free-download 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-bottom:4px;
	padding-right:18px;
}
#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;
}
#contentArea button{
	height:70px;
	width:70px;
	line-height:70px;	
	background:url(../images/form-send-bg.png) no-repeat left top;
	border:none;
	color:#fff;
}
#contact-and-feedback form button{
	position:absolute;
	left:390px;
	top:180px;
}
#contact-and-feedback .contDropdown {	width:100%;}
#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;
	display:block;
	width:20px;
	height:24px;
	color:#fff;
	line-height:24px;
	text-indent:0px;
	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;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
}
#footer a{
	color:#777;
	text-decoration:none;
}
#footer p{
	margin-right:40px;
	padding-bottom:4px;
}
#footer a:hover{text-decoration:underline;}
/*___ FAQ__*/
.faq {
	font-size:12px;
	margin-top:50px;
}
.faq dt{
	text-transform:uppercase;
	color:#202020;
	background:url(../images/faq-li-bg.png) no-repeat left 8px;
	margin-bottom:10px;
	padding-left:15px;
}
.faq dt.activeQ{background:url(../images/faq-li-bg.png) no-repeat left -47px;}
.faq dd{	padding:0px 0 20px 15px;}
.faq dt:hover{
	cursor:pointer;
	color:#fff!important;
}