/***************** GENERAL *******************************/


* 	{
	margin:0;
	padding:0;

	}
	
p 	{

	padding-top: 10px;

	}

.header li {
	list-style-type: none;
	}

.promo li {
	list-style-type: none;
	}



h3 {
	color: #c20202;
	font-size: 150%;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 10px;
	
	}



a:link {

	color: #c20202;
	}

a:hover {

	color: #ffffff;

	}
a:visited {

	color: #c20202;

	}

a:focus {

	outline:0;

}

body {

background-color: #373636;
padding-bottom:20px;

}

.wrapper {
	width: 900px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	color: #ffffff;
	background-color: #000000;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 20px;
	background-image: url(images/hebrew-bg1.gif);
	background-repeat:no-repeat;




}


#bd-home .wrapper {

	padding-bottom: 0px;




}

.home {
	position: relative;
	<!--background:url(images/container-bg.gif) repeat-y 675px 0px;->
	height: 100%;
	width: 900px;


}



.container {
	background-image:url(images/header-bg.gif);
	background-repeat:no-repeat;
	background-position: top right;
	height: 100%;


}



	

#bd-home .content {
	position: relative;
	top:261px;
	background-image:url(images/content-bg1.gif);
	background-position: top right;
	background-repeat:no-repeat;
	min-height:500px;
	height: auto !important;
	height: 525px;

	

	}


.content {
	position: relative;
	top:261px;
	padding-bottom: 15px !important;
	padding-bottom: 261px;
	margin-bottom: 261px !important;
	margin-bottom: 0px ;
	height: 100%;


	}



ul {

list-style:none;
padding-left:10px;

}

a img
 {
 border: none;
 }


/***************** HEADER *******************************/


.header{

width: 900px;
position: absolute;




}

h1.logo  {
position: relative;
height: 260px;
width: 800px;
left: 150px; 
top: 50px;
background:url(images/kravfitlogoweb.gif) no-repeat 0px 30px;
text-indent:-9999em;
	
z-index: 1 !important;



}


/***************** NAV *******************************/



#nav-box {
	
	position: relative;
	height:30px;
	background:  url(images/nav-logo1.gif) #4c4c4c no-repeat;
	width: 560px;
	top: -60px;
	left:0px;
	z-index: auto !important;
	z-index: 0;
	
	





}

#nav {
position: relative;
width: 600px;
display:block;
left: 60px;
top: -90px;
z-index:50;

}



ul#nav li {


height: 30px;
z-index:50;
padding: 0px;


}

#nav li#nav-home{
  list-style-type:none;
background:  url(images/home.gif) no-repeat;
  float:left;
  width:72px;
  height:30px;
z-index:50;
	
  }

#nav #nav-home a{

  list-style-type:none;
  float:left;
  width:72px;
  height:30px;
text-indent:-9999em;
z-index:50;

	
  }

#nav li#nav-classes {
  list-style-type:none;
background:  url(images/classes.gif) no-repeat;
  float:left;
  width:94px;
  height:30px;
z-index:50;
  }

#nav #nav-classes a {
  list-style-type:none;
  float:left;
  width:94px;
  height:30px;
text-indent:-9999em;
z-index:50;
  }

#nav li#nav-faqs {
  list-style-type:none;
background:  url(images/faqs.gif) no-repeat;
  float:left;
  width:74px;
  height:30px;
z-index:50;
  }

#nav #nav-faqs a {
  list-style-type:none;
  float:left;
  width:74px;
  height:30px;
text-indent:-9999em;
z-index:50;
  }

#nav li#nav-gallery {
  list-style-type:none;
background:  url(images/gallery.gif) no-repeat;
  float:left;
  width:88px;
  height:30px;
z-index:50;
  }

#nav #nav-gallery a {
  list-style-type:none;
  float:left;
  width:88px;
  height:30px;
text-indent:-9999em;
z-index:50;
  }

#nav li#nav-about {
  list-style-type:none;
background:  url(images/about.gif) no-repeat;
  float:left;
  width:101px;
  height:30px;
z-index:50;
  }

#nav #nav-about a{
  list-style-type:none;
  float:left;
  width:101px;
  height:30px;
text-indent:-9999em;
z-index:50;
  }

#nav-home a:hover{

	background:  url(images/home-hover.gif) no-repeat;

}

#nav-classes a:hover{

	background:  url(images/classes-hover.gif) no-repeat;

}

#nav-faqs a:hover{

	background:  url(images/faqs-hover.gif) no-repeat;



}



#nav-gallery a:hover{

	background:  url(images/gallery-hover.gif) no-repeat;

}

#nav-about a:hover{

	background:  url(images/about-hover.gif) no-repeat;

}

#bd-home  li#nav-home{

	background:  url(images/home-hover.gif) no-repeat ;

}

#bd-classes li#nav-classes{

	background:  url(images/classes-hover.gif) no-repeat;

}
#bd-faqs li#nav-faqs{

	background:  url(images/faqs-hover.gif) no-repeat;

}

#bd-gallery li#nav-gallery{

	background:  url(images/gallery-hover.gif) no-repeat;

}
#bd-about li#nav-about{

	background:  url(images/about-hover.gif) no-repeat;

}





/***************** CONTENT *******************************/


/********sidebar*********/
.promo {
	
	width: 157px;
	float: left;	
	clear: left;
	margin-right: 40px;
	margin-left: 20px;
	display: inline;
		z-index: 100;
		

	

	}

#promo-nav li#free-lesson{

	width: 157px;
	height:150px;
	background:  url(images/lesson.gif) no-repeat;
	z-index: 100;
		
}

#free-lesson  a{
	display:block;
	width: 157px;
	height:150px;
	text-indent:-9999em;
	z-index: 100;
		

	

	}

#free-lesson a:hover{

	background:  url(images/lesson-hover.gif) no-repeat;	
	width: 157px;
	height:150px;

	}

#promo-nav li#proshop{
	position:relative;
	width: 157px;
	height:150px;
	background:  url(images/proshop.gif) no-repeat;
}
#promo-nav #proshop img{

	position: relative;
	top:-100px;
	left: 37px;
	border-width: 0px;

}

#proshop  a.bg {
	display:block;
	width: 155px;
	height:150px;
	text-indent:-9999em;
	z-index:3;


	

	}

#proshop  a.image {
	display:block;
	width: 155px;
	height:150px;
	text-indent:0px;
	z-index:3;

	

	}

#proshop a:hover.bg {

	background:  url(images/proshop-hover.gif) no-repeat;
	width: 155px;
	height:150px;	

	}
	
	
#promo-nav li#newsletter{

	width: 157px;
	height:150px;
	background:  url(images/newsletter.gif) no-repeat;
	z-index: 100;
		
}

#newsletter  a{
	display:block;
	width: 157px;
	height:150px;
	text-indent:-9999em;
		z-index: 100;
		

	

	}

#newsletter a:hover{

	background:  url(images/newsletter-hover.gif) no-repeat;	
	width: 157px;
	height:150px;

	}
	
	
#follow li{
position: relative;
float:right;

}

#follow p{

 	background:url(images/follow-us.gif) no-repeat 0px 0px;
	width: 157px;
	height:26px;
	text-indent:-9999em;
	
	}

#follow {
	position:relative;
	width: 157px;
	left:-5px;
	font-size:9px;
}




/*******home content**********/

.news {
	
	width: 315px;
	float: left;
	border: 1px solid #c20202;
	padding: 0 20px 20px 20px;


	}

.news h2 {
	position:relative;
	height: 52px;
	background:url(images/news.gif) no-repeat 100% 0%;
	text-indent:-9999em;
	margin-top: -25px;
	
	
	



}

.clearfix {
    
    height: 0;
    clear: both;

}

#free-lesson {
	
	}


/*******about content**********/

.about {

	
	float: left;
	width: 600px;
	margin-left: 20px;
	margin-right: 30px;

}

.about h2 {

	position:relative;
	height: 55px;
	background:url(images/about-header.gif) no-repeat top left;
	text-indent:-9999em;


}


 .about h4 img {
	float:left;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	margin-top: 5px;
	margin-right: 5px;
	
	
	}

.about h4 {

	font-size: 150%;
	font-weight: normal;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 10px;
}

.about h5 {

	font-size: 100%;

}

/******faq content*******/

.faqs {

	
	float: left;
	width: 600px;
	margin-left: 20px;
	margin-right: 30px;

}

.faqs h2 {

	position:relative;
	height: 55px;
	background:url(images/faqs-header.gif) no-repeat top left;
	text-indent:-9999em;


}

.faqs dt {

	color: #c20202;
	font-size: 150%;
	clear: both;


}



#TJK_ToggleON,#TJK_ToggleOFF {
	display:none
	}

li#TJK_ToggleON{
	position:relative;
	height: 25px;
	width: 100px;
	background:url(images/faq-open-all.gif) no-repeat top left;
	float: left;



}

li#TJK_ToggleOFF{
	position:relative;
	height: 25px;
	width: 100px;
	background:url(images/faq-close-all.gif) no-repeat top left;
	float: left;




}

#TJK_ToggleON a{
	position: relative;
	height: 25px;
	width: 100px;
	text-indent:-9999em;
	float: left;

	
	}

#TJK_ToggleOFF a{
	position: relative;
	height: 25px;
	width: 100px;
	text-indent:-9999em;
	float: left;


	}

#TJK_ToggleON a:hover{
	background:url(images/faq-open-all-hover.gif) no-repeat top left;
	
	}

#TJK_ToggleOFF a:hover{
	background:url(images/faq-close-all-hover.gif) no-repeat top left;


	}

#TJK_DL {

	position: relative;
	left: 30px;
	top: 15px;

}

/******classes content*******/

.classes {

	
	float: left;
	width: 600px;
	margin-left: 20px;
	margin-right: 30px;

}

.classes h2 {

	position:relative;
	height: 55px;
	background:url(images/classes-header.gif) no-repeat top left;
	text-indent:-9999em;


}

strong {
	font-size: 140%;

}


.classes h3 img {
	float: right;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	margin-top: 5px;
	margin-right: 50px;
	margin-left: 5px;
	
	
	}

.times {
	
	position: relative;
	left: 25px;
	width: 350px;

}

/******lesson and thanks  and newsletter content*******/

.lesson, .thanks, .newsletter {

	
	float: left;
	width: 530px;
	margin-left: 20px;
	margin-right: 30px;

}

.lesson h2, .thanks h2 {

	position:relative;
	height: 55px;
	background:url(images/lesson-header.gif) no-repeat top left;
	text-indent:-9999em;


}

.newsletter h2, .thanks-newsletter h2 {

	position:relative;
	height: 55px;
	background:url(images/newsletter-header.gif) no-repeat top left;
	text-indent:-9999em;


}

.thanks h3 {

border: none;

}



label {
	
	display: block;


}

input	{

	width: 200px;

}

input.checkbox, input.submit	{

	width: auto;

}

input.checkbox {
	margin-left: 1em;
	margin-right: 1em;



}




textarea {

	width: 300px;
	height: 100px;

}


textarea#Additional_Comments {

	display: block;


}

input.submit{
	position:relative;
	height: 35px;
	width: 125px;
	background:url(images/submit.gif) no-repeat top left;
	border: none;
	text-indent:-9999em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	color: transparent;




}




#submit input:hover{
	background:url(images/submit-hover.gif) no-repeat top left;


	}

fieldset {

	margin: 1em 0;
	padding: 1em 2em;
	border: 1px solid #c20202;

}

legend {

	font-weight: bold;
	color: #c20202;
	font-size: 150%;


}

#info-request label {
	float: none;
	display: inline;

}

#first, #city-p, #state-p  {

	float: left;
	margin-right: 15px;

}



input#State {

	width: 35px;	

}


input#d_Zip_Code {

	width: 75px;	

}

input#Address_1, input#Address_2 {

	width: 415px;	

}

input#re_Email{

	width: 275px;	

}


/******GALLERY*******/

.gallery {

	
	float: left;
	width: 530px;
	margin-left: 20px;
	margin-right: 20px;

}


.gallery h2 {

	position:relative;
	height: 55px;
	background:url(images/gallery-header.gif) no-repeat top left;
	text-indent:-9999em;


}




.gallery ul{
	list-style-type:none;
	margin: 0 auto;
	padding: 0;
	overflow:auto;
	}
	
.gallery li {
	position:relative;
	float:left;
	width: 200px;
	height: auto;
	padding: 2em 0;
	
	
	}


	
.gallery h3 {


	border-bottom-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 125%;

	
	}

a:hover.gallery h3{


	color: white;

	
	}

	
.gallery h3 img {
	float: right;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	margin-top: 5px;
	margin-left: 5px;

	
	
	}