/* MeFertil CSS 
* Copyright 2009 SignalFive LLC
*/

/* SignalFive CSS - version2
/* 02/02/98 - 11:57 PM */

/* This style sheet is for Base Styles that can be inherited across pages, such as fonts,
common widths, classes, etc. Below is reset styles... */

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;
}
noscript p { color: #f4892a; font-weight: bold; margin: 10px 10px 10px 0; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
: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;
}

* html img,
* html .png {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

* { border:0 none; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; text-decoration:none; }
a:link, a:visited { color:#a41136; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
hr { border: solid 1px #bbb; }

/* Block elements and body */
body { background:url(../../img/v1/pink-bg.jpg) #eea1b2 repeat-x 0px 0px; }

h2 {  color:#a6181d; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; font-weight:bold; padding-left:45px; padding-top:5px;	 }
.content h2 { padding-left:0px; }
.content h4 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px;  font-weight:bold; margin: 20px 0 0 0;  }
.content a:hover { color:#000; }

p.text_60 { width:60%; }
p.text_55 { width:55%; }
p.text_75 { width:75%; }
.right { float:right; text-align:left; }
.left { float:left; margin-top:10px; }

#wrapper { position:relative; display:block; margin:0 auto; width:1024px; height:550px; margin:0 auto; overflow:hidden; }
.content-wrapper { position:relative; margin:0 auto; width:1024px;  }

#header { background:url(../../img/v1/header.gif) repeat-x 0px 0px; height:550px; position:relative; }
a#logo { display:block; width:159px; height:26px; background:url(../../img/v1/signalfive-logo.gif) repeat-x 0px 0px; position:absolute; top:20px; left:100px; }
#white_line { background:url(../../img/v1/white-line.gif) repeat-x 0px 0px; height:98px; }
#pink_bg { position:relative; float:right; margin:0px 0px 0px 0px; background:url(../../img/v1/pink-header.gif) no-repeat 0px 0px; width:560px; height:166px; }
 
 ul#sub { position:absolute; bottom:115px; right:70px; font-family:"Helvetiva Neue", Helvetica, Arial, sans-serif; }
 ul#sub li { float:left; padding-left:20px; }
 ul#sub li a { color:#a41136; float:left;  } 

#iphone_promo { background:url(../../img/v1/iphone-promo.png) no-repeat; position:absolute; top:0px; left:0px; width:609px; height:540px; }
#nav { background:url(../../img/v1/nav-bg.png) no-repeat; position:absolute; top:180px; right:10px; width:288px; height:230px; }
	#nav ul { padding:10px 0px 0px 10px; }
	#nav ul li { border-bottom:1px solid #ccc; padding:15px 0px 15px 0px; width:260px; }
		#nav ul li.last { border-bottom:0px solid #ccc; }
	#nav ul li a, #pink_bg ul li a { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; color:#424242; margin-left:30px; }
		#nav ul li a:hover, #footer a { color:#a41136; }
	#nav ul li a span { color:#d7738c; }
		
a#signalfive { display:block; background:url(../../img/v1/brought-by-sig5.gif) no-repeat; width:97px; height:32px; position:absolute; bottom:10px; left:133px; }
	a#signalfive:hover { background:url(../../img/v1/brought-by-sig5.gif) 0px -37px no-repeat; }
a#purchase { display:block; background:url(../../img/v1/purchase.gif) no-repeat; width:184px; height:50px; position:absolute; bottom:20px; right:290px; }
	a#purchase:hover { background:url(../../img/v1/purchase.gif) no-repeat 0px -52px; }

a#mefertil_logo { display:block; background:url(../../img/v1/mefertil-logo.gif) no-repeat; position:absolute; width:177px; height:117px; left:115px; top:5px; z-index:999; }

a#purchase_app { display:block; margin-top:15px; background:url(../../img/v1/purchase.gif) no-repeat; width:184px; height:50px; position:relative; }
	a#purchase_app:hover { background:url(../../img/v1/purchase.gif) no-repeat 0px -52px; }

ul#links { position:absolute; right:10px; bottom:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:18px; }
ul#links li { padding:7px 0px 7px 0px; }
ul#links li a#rss { background:url(../../img/v1/rss-feed.gif) no-repeat 0px 0px; height:33px; color:#ec800b; padding-left:34px;  }
ul#links li a#facebook { background:url(../../img/v1/facebook-icon.gif) no-repeat 0px 0px; height:33px; color:#3b5998; padding-left:34px;  }
ul#links li a#twitter { background:url(../../img/v1/twitter-icon.gif) no-repeat 0px 0px; height:33px; color:#24bff5; padding-left:34px;  }
	ul#links li a#rss:hover, ul#links li a#facebook:hover, ul#links li a#twitter:hover  { color:#a41136; }

.tab { margin-top:35px; margin-left:20px;}
#tab_whatis { background:url(../../img/v1/tab.gif) no-repeat 0px 0px; width:260px; height:33px; }
#tab_how { background:url(../../img/v1/tab-how.gif) no-repeat 0px 0px; width:339px; height:33px; }
#tab_work { background:url(../../img/v1/tab-work.gif) no-repeat 0px 0px; width:368px; height:33px; }
#tab_get { background:url(../../img/v1/tab-get.gif) no-repeat 0px 0px; width:345px; height:33px; }
#tab_faq { background:url(../../img/v1/tab-faq.gif) no-repeat 0px 0px; width:116px; height:33px; }
#tab_medical { background:url(../../img/v1/tab-medical.gif) no-repeat 0px 0px; width:281px; height:33px; }

.content { position:relative; padding:20px; background:url(../../img/v1/content-bg.gif) repeat-y 0px 0px; width:980px; margin:0px 0px 0px 0px; height:auto; overflow:hidden; }
.content p { line-height:1.3em; color:#185366; font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; padding:5px 0px 5px 0px; }
#what_is { background:url(../../img/v1/what_is.gif) no-repeat 0px 0px; width:359px; height:289px; position:absolute; right:0px; top:0px; }
#iphone_entry { background:url(../../img/v1/iphone-entry.gif) no-repeat 0px 180px; width:292px; height:427px; position:absolute; right:0px; bottom:0px; }
a#iphone_badge { float:left; display:block; background:url(../../img/v1/iphone-badge.gif) no-repeat 0px 0px; width:200px; height:65px; }
a#faqlink, a#presslink { color:#A41136; font-size:18px; font-weight:bold; }
	a#faq:hover, #footer a:hover, a#press:hover { text-decoration:none; color:#000; }

a.arrow { display:block; background:url(../../img/v1/arrow.gif) no-repeat 0px 0px; width:119px; height:33px; }
	a.arrow:hover { display:block; background:url(../../img/v1/arrow.gif) no-repeat 0px -38px; width:119px; height:33px; }

/* FAQ */
ul#faq li { margin: 15px 0 0 0; }
/* ul#faq li dl dt:first-letter { font-size: 25px; font-weight: bold; color: #185366; } */
ul#faq li dl dt {color: #185366; font-weight:bold; }
/* ul#faq li dl dd:first-letter { font-size: 25px; color: #000; margin: 0 0 0 12px; } */
ul#faq li dl dd {color: #000; }

ul#faq ul.instructions { font-size: 13px; margin: 10px 0 10px 60px; color:#A41136; }
ul#faq ul.instructions li { margin: 0; list-style-type: decimal; }


.content ul { margin: 0 0 15px 10px; color:#185366; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.3em; padding:5px 0; }
ul.text_60 { width:60%; }


/* Footer */
.footer { text-align:center;  font-size:12px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#185366; }
.footer ul { margin:15px 0px 15px; } 
.footer ul li { display:inline; padding:15px 15px 15px 15px; }
.footer a { color:#A41136; text-decoration:none; }
.footer a:hover { color:#000; }