@charset "utf-8";
@import url("form.css");
/* CSS Document */

BODY {
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin:0
}
a { outline:none; }
#home {
	background:url(images/page-bg.png) repeat-x
}
#inside {
	background:url(images/inside-bg.png) repeat-x
}
#subscribeIMG {
	position:absolute;
	top:0px;
}
h1 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
}
h5 {
	color: #3785A9;
}
#home .header {
	height:111px; overflow:hidden;
}
#tabs {
	margin-top:45px;
}
#tabs A {
	display:block;
	float:left;
	margin-left: 20px;
	color:#8b8b8b;
	text-decoration:none;
	font-size:15px;
	padding-bottom:10px
}
#tabs A:hover, #tabs A.active {
	background:url(images/tab_on.png) center bottom no-repeat;
	display:block;
	color:#000000;
	padding-bottom:10px
}
#tabs {
	float:right;
	margin-right:15px;
}
#logo {
	display:block;
	float:left;
	clear:both;
}
#login {
background:transparent url(images/loginbar.png) repeat scroll 0 0;
color:white;
float:right;
height:35px;
margin:6px auto auto;
text-align:center;
width:326px;
}

#login input{

	background:transparent url(images/box.png) repeat scroll 0 0;
	border:0 none;
	font-family:verdana;
	font-size:10px;
	height:17px;
	margin-right:2px;
	padding:4px 2px 2px 4px;
	width:85px;

}

#login form p { position:relative; margin:0px; padding:0px; }
#login label  { 
	position:absolute; top:0; left:0; color:#333333;	font-size:9px;
	margin-right:1px; 
	padding-top:4px;
	padding-left:3px;
	padding-right:2px;}
#container {
	width:983px;
	margin:0 auto 0 auto;
	position:relative;
}
.item {
	float:left;
	margin-right:85px;
	position:relative;
}

.item .image {
 height:141px;
 width:206px;
 background:url(images/bgBorder.png);
 margin-left:8px;
 margin-top:15px;
}

.item2 {
	float:left;
	margin-right:24px;
	position:relative;
	text-align:center;
}

.item2 .image {
 height:141px;
 width:206px;
 background:url(images/bgBorder.png);
 margin-left:8px;
 margin-top:15px;
}
.learn {
	display:block;
	border:0;
	margin-top:5px;
	margin-left:55px;
	position: absolute;
	top: 170px;
}
.emailInput {
	width:360px;
	height:20px;
	border:1px solid #cccccc;
	font-size:14px;
	padding:6px;
	margin-right:6px;
}
#title h2 {
	color:white;
	margin-top:38px;
	font-size:32px;
	font-weight:normal;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}
h1 {
	color:#000000;
	font-size:1.8em;
	font-weight:normal;
	color:#3987AB
}
h2 {
	color:#000000;
	font-size:1.4em;
	font-weight:normal;
	color:#3987AB
}
h3 {
	color:#000000;
	font-size: 1.2em;
	font-weight:normal;
	color:#3987AB
}
#tools A.active {
	font-weight:bold
}

img.label { margin-bottom:6px;}


#screenshots { margin-bottom:0px;}

#title {
	clear:both;
	padding-top:25px;
}

/*Image Replacement*/

#inside h2.faq { background:url(images/title-faq.png) no-repeat; height: 60px;}
#inside h2.about { background:url(images/title-about.png) no-repeat; height: 60px;}
#inside h2.login { background:url(images/title-login.png) no-repeat; height: 60px;}
#inside h2.app { background:url(images/title-approbations.png) no-repeat; height: 60px;}
#inside h2.contact { background:url(images/title-contact.png) no-repeat; height: 60px;}
#inside h2.faq { background:url(images/title-faq.png) no-repeat; height: 60px;}
#inside h2.reg { background:url(images/title-registration.png) no-repeat; height: 60px;}
#inside h2.signup { background:url(images/title-signup.png) no-repeat; height: 60px;}

#inside h2 span {display:block; margin-left:-1000px;}

.image A:hover {margin-bottom:1px; display:block; }
.image A:hover img {border:1px solid #fff; display:block; margin-top:-1px; margin-left:-1px;}


#homeText {
	clear:both;
	position:absolute;
	top: 470px;
}
#textFrame {
	width:660px;
	border:1px solid #CCC;
	padding:10px;
	margin-right:10px;
	margin-top:20px;
}
.clear {
	clear:both;
}
td.footer {
	padding-top:20px;
}
#inside #container #title {
	clear:both;
	padding-top:5px;
	position:relative;
}
#inside #container #title .signUpButton {
	float:right;
	position:absolute;
	top: 15px;
	right:10px;
}
#screenshots {
	margin-bottom:12px;
}
#home #container #homeText tr td #basicInfo {
	width:460px;
	border:1px solid #CCC;
	padding:10px;
	float:left;
	margin-right:18px;
}
#whatis{
	background-image:url(images/whatis.png);
	background-position:0 0;
	background-repeat:none;
	display:inline-block;
	float:left;
	height:132px;
	margin-right:20px;
	padding-left:8px;
	padding-right:8px;
	padding-top:45px;
	position:relative;
	text-align:justify;
	width:459px;
}
#testimonials{
	background-image:url(images/testimonials.png);
	background-position:0 0;
	background-repeat:none;
	display:inline-block;
	float:left;
	height:137px;
	padding-left:8px;
	padding-right:8px;
	padding-top:40px;
	position:relative;
	text-align:left;
	width:459px;
	font-size:0.9em; 
}

#video_link{position:absolute;width:98px;height:30px;top:131px;left:365px;}
.mikvah_link{position:absolute;height:30px;top:131px; }

#footer{ margin-top:20px; margin-bottom:10px; font-weight:bold; float:left; text-align:center;width:100%; }
#footer A, #footer A:hover, #footer A.active{color:#1e6383}
#footer A:hover {text-decoration:underline;}

#footer_text{font-size:11px;
width:100%; float:left;}

.htestimonial{ text-align:right; font-size:15px;}

#displaybox {
	z-index: 10000;
	filter: alpha(opacity=70); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;

}

#displaybox2 {
	z-index: 10001;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
	padding-top:5%;
}