/* 

Website name : Fight Fit Krav Maga
Description : Martial Art School
Version : 1
Author URL : 97display.com

*/


/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

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;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }



/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	background:#000;
	color:#f7f7f7;
	font:normal 13px/24px normal Helvetica, Arial, sans-serif;
	}
	

.bg_home{
	background:#000 url(../images/background.jpg) repeat-x 50% 3px;
}
.bg_pages{
	background:#000 url(../images/background.jpg) repeat-x 50% -430px;
}



/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	line-height:normal;
	}

h1{	font-size:60px; }
h2{	font-size:20pt; }
h3{	font-size:18pt; }
h4{	font-size:24px; }
h5{	font-size:18px; }
h6{	font-size:14px; }


/* -------------------------------------------------------------------------------------- HEADER */

#header{ background:url(../images/header_bg.png) repeat-x left top;}
	#header .content{
		background:url(../images/header_content_bg.png) no-repeat 50% top;
		margin:0 auto;
		width:950px; height:75px;
		position:relative;
		z-index:900;
	}
	
	
	/* LOGO
	-----------------------------------------------------------------------------------*/
	#header #logo{
		position:absolute;
		top:0;
		right:10px;
		width:393px; height:95px;
	}
	#header #logo a{
		background:url(../images/logo.png);
		display:block;
		float:left;
		width:393px; height:95px;
	}
	
	/* Navigation
	-------------------------------------------------------------------------------------- */
	.nav {
	position: absolute;
	top: 15px;
	left: 10px;
	z-index: 1000;
	width:545px; height:42px;
	}	

	/* Navigation first level */
	.nav li{
		margin:0;
	}
	.nav .navstyle{
		font-size:22px;
		line-height:38px;
		text-transform:uppercase;
	}
	.nav li a{
		color:#FFF;
		padding:6px 0;
		font-size:11px;
	}
	.nav li a:hover{ color:#005abf;}
	
	/* Navigation Second level (sub-menu) */
	.submenu_arrow{background:url(../images/arrow_submenu.png) no-repeat 165px 50%;}
	.nav ul {
		padding-left: 0;
		float: left;
		position: relative;
		text-transform:none;
	}
		
		.nav ul li {
			float: left;
			position: relative;
			margin:0;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 10px;
				line-height: 30px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 36px;
				left: -1px;
				display: none;
			}
			
				.nav ul li ul li {
					background:#000;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #353535;
					}
					
					/* Navigation 3rd level (sub-sub-menu) */
					.nav ul li ul li ul {
						top: 0px;
						left: 175px;
					}
	

/* -------------------------------------------------------------------------------------- SLIDER */
#slider{
	margin:0 auto;
	position:relative;
	width:960px; height:389px;
}
	#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
	

/* -------------------------------------------------------------------------------------- MAIN */
#main{ background:url(../images/main_bg.jpg) repeat-x 50% 63px;}
	#main .content{
		background:url(../images/shadow_main.png) no-repeat 50% top;
		margin:0 auto; padding:0 5px;
		width:950px;
	}
	#main .wrap{
		background:#000 url(../images/main_content_bg.png) no-repeat 50% top;
	}
	
	#main h4{ color:#666; font-size:18px; margin:0 0 15px 0; text-transform:uppercase;}
	
	#main .sloganHome{
		font-size:64px;
		text-align:center;
		padding:10px 0;
		text-transform:uppercase;
	}
	
	/* 3 columns
	-------------------------------------------------------------------------------------- */
	.cols_3{
		margin:0 20px; padding:15px 0;
	}
	.cols_3 .cols_3_1{
		display:block; float:left;
		margin:0 20px;
		width:262px;
	}
	

/* -------------------------------------------------------------------------------------- MAIN */
#footer{ background:url(../images/footer_glow_bottom.png) no-repeat 50% bottom;}
	#footer .content{
		background:url(../images/footer_glow_top.png) no-repeat 50% top;
		margin:0 auto; padding:110px 0 75px 0;
		width:950px;
	}
	
	#footer .cols_3_1 ul{
		width:120px;
		margin:0 10px 0 0;
		display:block; float:left;
	}
	#footer .cols_3_1 ul a{
		color:#FFF;
		display:block;
		border-bottom:1px solid #353535;
		padding:4px 6px;
	}
	#footer .cols_3_1 ul a:hover{
		color:#005abf;
	}
	.divLogoParent{position:relative; display:block;}
	.logo_bottom{
		position:absolute;
		top:170px;
		left:-60px;
		
		display:block;
		width:393px; height:95px;
	}
	.logo_bottom a{
		background:url(../images/logo.png);
		display:block;
		float:left;
		width:393px; height:95px;
	}

/* -------------------------------------------------------------------------------------- DESIGN */

.center{
	text-align:center;
}
.color_grey{ color:#999; }

a.button{
	background:url(../images/button_normal.png);
	display:block;
	width:112px; height:32px;
	line-height:35px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	margin:5px auto;
	font-size:11px;
	letter-spacing:1px;
}
a.button:hover{
	background:url(../images/button_hover.png);
	color:#ffc2c2;
}
a.button:active{
	background:url(../images/button_active.png);
	color:#000;
}

.margin_top_30px{
	margin:30px 0 0 0;
}

	/* Design text on innerpage block with .design class
	-------------------------------------------------------------------------------------- */

.design .biglines{
	color:#6e6e6e;
	clear:both;
	height:100%;
	font-size:16px;
	font-weight:bold;
	margin:15px 0;
}

.design p{
	padding:0 0 10px 0;
}
.design strong{ color:#999; font-size:12px; }/* theme file */
.design ul, .design ol{
	margin:10px 0 10px 50px;
}
.design ul li{
	font:normal 16px/23px Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.design ol {
	color:#999;
	font:italic 18px/23px Arial, Helvetica, sans-serif;
}
.design ol p {
	border:1px solid #323232; border-width:0 0 1px 0;
	color:#FFF;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.design .note{
	color:#ce3232;
	border:1px solid #7a0000; border-width:0 0 2px 0;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	padding:0 0 3px 0;
	margin:20px;
}
.design .img_left{
	border:1px solid #323232;
	float:left;
	margin:0 12px 0 0; padding:7px;
}
.design .img_right{
	border:1px solid #323232;
	float:right;
	margin:0 0 0 12px; padding:7px;
}
.design .listing_col{
	margin:0;
	padding:0;
}
.design .listing_col li{
	font-size:12px;
	line-height:normal;
	margin:0; padding:0;
}
.design .listing_col li a{
	color:#999;
	display:block;
	border-bottom:1px solid #353535;
	background:url(../images/list_arrow.jpg) no-repeat 2px 50%;
	padding:8px 0 8px 18px;
}
.design .listing_col li a:hover{
	color:#005abf;
}

.design a{
	color:#005abf;
}
.design a:hover{
	color:#f1e4c6;
}
	
	/* Nice title on Innerpages
	-------------------------------------------------------------------------------------- */
.title_page_block{
	background:url(../images/nicetitle_bg.png) no-repeat left top;
	position:relative;
	top:15px;
	left:-20px;
	width:948px; height:92px;
	margin:0;
}
.title_page_block h1{
	display:block;
	float:left;
	height:92px;
	line-height:92px;
	margin:0 20px 0 0;
	padding:0 20px 0 40px;
	position:relative;
	text-transform:uppercase;
	letter-spacing:-2px;
}

	
	/* LEFT PART 2 / 3
	-------------------------------------------------------------------------------------- */
	.leftpart{
		display:block; float:left;
		margin:30px;
		width:630px;
	}

	
	/* RIGHT PART  1 / 3
	-------------------------------------------------------------------------------------- */
	.rightpart{
		display:block; float:left;
		margin:30px 0;
		width:230px;
	}

	
	/* LIST PART 
	-------------------------------------------------------------------------------------- */
	.list_blocks{
		display:block; float:left;
		margin:30px 15px;
		width:920px;
	}
	.list_blocks ul{
		margin:0; padding:0;
	}
	.list_blocks ul li{
		display:block;
		float:left;
		margin:0 15px 50px 15px;
		width:276px;
	}
	.list_blocks a{
		color:#999;
		text-transform:uppercase;
	}
	.list_blocks a span{
		position:relative;
		display:block; float:left;
		width:276px; height:150px;
	}
	.list_blocks a span span{
		position:absolute;
		top:0;
		left:0;
		background:url(../images/zoom.png) no-repeat 50% 50%;
		display:none; float:left;
		width:276px; height:150px;
	}

.call_to_action {
background-color: black; padding: 4px; border-style:solid; border-width: 1px; border-color:blue; display: block; width: 80%; margin: 0 auto 0 auto; text-align: center; font-size: 18pt;
}

.call_to_action a {color: #005abf;}