/*Copyright The Forge Martial Arts Centre + David Trindade 2009 - www[dot]davidtrindade[dot]com
 * Authored by david.trindade[at]davidtrindade[dot]com - Jun/09
 */

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, 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;
}
/* CSS Reset (above) from Eric Meyer */


	html {
		height: 100%;
		}

	body {
		background: #ccc url(images/body_bg.jpg) repeat-x fixed top left;
		font: 90%/150% Arial, Verdana, Helvetica, sans-serif;
		color: #333;
		text-align: center;
	}
	
	#outer_wrapper {
		width: 884px;
		margin: 0 auto 0 auto; 
		/*padding-top: 320px;*/
		background: transparent url(images/bolts_bg.jpg) repeat-y top left;
		border-left: 1px solid #393939;
		border-right: 1px solid #393939;
		}
		
	#inner_wrapper {
		width: 850px;
		margin: 0 17px 0 17px;
		padding: 0;
		background: transparent url(images/main_container_bg.jpg) repeat-y top left;
		border-bottom: 1px solid #000;
		/*border: 1px solid red;*/
		}
		
	#wrapper {
		padding: 20px 15px;
		text-align:left
				/*margin-top: 320px;*/
		}
		
	#header_section {
		width: 850px;
		display: block;
		height: 297px;
		background: transparent url(images/picture_collage_forge_ma.jpg) no-repeat top left;
		margin: 0;
		
	}
	
	#header_section_internal {
		width: 850px;
		display: block;
		height: 180px;
		background: transparent url(images/picture_collage_forge_ma_internal.jpg) no-repeat top left;
		margin: 0;
		
	}
	
	.forge_logo {
		 display: block;
		 width: 233px;
		 float: left;
		 height: 119px;
		 background: transparent url(images/forge_ma_logo.png) no-repeat bottom left;
		 margin-left: 30px;
		 text-indent: -4000px;
		}
		
	.graciebarra_logo {
		 display: block;
		 width: 171px;
		 float: right;
		 height: 83px;
		 background: transparent url(images/gracie_barra_sheffield_logo.png) no-repeat bottom left;
		 margin-right: 30px;
		 text-indent: -4000px;
		}	
	
	#main_content {
		display: block;
		width: 550px;
		*width: 590px;
		float: right;
		margin: 10px 5px 10px 5px;
		border: 1px solid #e0e0e0;
		padding: 15px 20px;
		background: #fff url(images/main_content_bg.jpg) no-repeat bottom center;
	}
	
	#left_section {
		display: block;
		width: 200px;
		float: left;
		margin: 10px 5px 10px 5px;
		}
		
	.sidebar {	
		border: 1px solid #e0e0e0;
		background: #fff url(images/side_block_bg.jpg) no-repeat bottom center;
	}
	
	.footer {
		display: block;
		background: transparent url(images/bolts_bottom_bg.jpg) no-repeat top left;
		padding-top: 20px;
		font-size: 75%;
		width: 884px;
		margin: 0 auto 0 auto;
		color: #ccc;
		margin-bottom: 30px;
		}
		
		
		/*------------------------------------------------------------------------------------------*/
/* main_nav styles */
/* PLEASE DO NOT MESS WITH THIS */
/*------------------------------------------------------------------------------------------*/		
		
	#main_nav {
		width: 850px;
		display: block;
		background: transparent url(images/menu_bg.jpg) no-repeat top left;
		border-top: 6px solid #000;
		border-bottom: 6px solid #000;
		padding: 0;
		margin: 0;
		/*height: 60px;*/
		}
		
	#main_nav ul {
		list-style-type: none;
		width: 850px;
		/*float: right;*/
		margin:0; 
		padding:0;
		}
	
	#main_nav li {
		display: block;
		float: left;
		color: #fff;
		width:141px;
		}
		
	#main_nav a {
		display: block;
		width:141px;
		padding-top:39px;
		height:0;
		color:#fff; 
		text-decoration:none; 
		overflow:hidden;
		}
	
	#main_nav li.main_link_1 {
		background: transparent url(images/mainnav_home.gif);
		}


	#main_nav li.main_link_2 {
		background: transparent url(images/mainnav_about.gif);
	}
	

	#main_nav li.main_link_3 {
		background: transparent url(images/mainnav_bjj.gif);
	}
	
	
	#main_nav li.main_link_4 {
		background: transparent url(images/mainnav_classes.gif);
	}
	
	
	#main_nav li.main_link_5 {
		background: transparent url(images/mainnav_gallery.gif);
	}
	
	
	#main_nav li.main_link_6 {
		background: transparent url(images/mainnav_contact.gif);
	}
	
		
	
	#main_nav a#home_link {
		background: transparent url(images/mainnav_home.gif) -141px -39px no-repeat;
	}

	#main_nav a#about_link {
		background: transparent url(images/mainnav_about.gif) -141px -39px no-repeat;
	}

	
	#main_nav a#bjj_link {
		background: transparent url(images/mainnav_bjj.gif) -141px -39px no-repeat;
	}
	
	#main_nav a#classes_link {
		background: transparent url(images/mainnav_classes.gif) -141px -39px no-repeat;
	}
	
	#main_nav a#gallery_link {
		background: transparent url(images/mainnav_gallery.gif) -141px -39px no-repeat;
	}
	
	#main_nav a#contact_link {
		background: transparent url(images/mainnav_contact.gif) -141px -39px no-repeat;
	}


	#main_nav a#home_link:hover {
		background-position: 0% 50%;
		z-index:50;
		}
	
	#main_nav a#about_link:hover {
		background-position: 0% 50%; 
		z-index:50;
		}

	#main_nav a#bjj_link:hover {
		background-position: 0% 50%;
		z-index:50;
		}
		
	#main_nav a#classes_link:hover {
		background-position: 0% 50%;
		z-index:50;
		}
		
	#main_nav a#gallery_link:hover {
		background-position: 0% 50%;
		z-index:50;
		}
		
	#main_nav a#contact_link:hover {
		background-position: 0% 50%;
		z-index:50;
		}			
		

		
/* On page states */		
		
	#main_nav li.home_on {
		background: transparent url(images/mainnav_home.gif) no-repeat 0% 100%; 
	}	

	#main_nav li.about_on {
		background: transparent url(images/mainnav_about.gif) no-repeat 0% 100%; 
	}
	
	#main_nav li.bjj_on {
		background: transparent url(images/mainnav_bjj.gif) no-repeat 0% 100%; 
	}
	
	#main_nav li.gallery_on {
		background: transparent url(images/mainnav_gallery.gif) no-repeat 0% 100%; 
	}
	
	#main_nav li.classes_on {
		background: transparent url(images/mainnav_classes.gif) no-repeat 0% 100%; 
	}
	
	#main_nav li.contact_on {
		background: transparent url(images/mainnav_contact.gif) no-repeat 0% 100%; 
	}



		
/*Hack for Internet Explorer 6 - adapted from  http://www.cssplay.co.uk/main_navs/flickerfree_mk3.html */


	* html #main_nav a:link, * html #main_nav a:visited {
		height:39px; 
		he\ight:0;
		padding-top:17px;
		text-indent: -4000px;

		} 	
	
	* html #main_nav a:hover {
		height:39px; 
		he\ight:0;
		padding-top:17px;
	}

/* This hack sets values for IE7 - Which was offsetting the hover strangely, no idea why this happens or why the 510%  */
		
	* +html #main_nav a#front_about:hover, * +html #main_nav a#front_portfolio:hover, * +html #main_nav a#front_contact:hover {			background-position: 0px 510%;
		}





/*  end of main_navs  */
/*------------------------------------------------------------------------------------------*/
		
		
		
	#main_content h1 {
	color: #f00;
	font-size:160%;
	padding: 10px 0 10px 0;
	}
	
	
	#main_content h2 {
	color: #333;
	font-size:130%;
	padding: 10px 0 15px 0;
	}	
	
	#main_content p {
	font-size:95%;
	padding: 10px 0 15px 0;
	}
	
	.clear {
		clear: both;
		display: block;
		height: 1px;
		font-size: 1px;
		border: none;
		margin:0; padding:0;
		background: transparent;
	}
	
	
	.sidebar_header {
		display: block;
		background: transparent url(images/side_block_header_bg.jpg) no-repeat top left;
		height: 41px;
		text-align: center;
		color: #fc0;	
}
	
	.submenu_header {
		display: block;
		background: transparent url(images/submenu_block_header_bg.jpg) no-repeat top left;
		height: 41px;
		text-align: center;
		color: #fc0;	
	}
	
	.h3_pic_header, .h3_submenu_header {
		display: block;
		width: 200px;
		text-indent: -4000px;
	}
	
	
	.forge_news_header {
		background: transparent url(images/news_side_header.gif) no-repeat 50% 50%;
		padding-top: 20px;
		}
		
	.forge_about_header {
		background: transparent url(images/aboutus_side_header.gif) no-repeat 50% 50%;
		padding-top: 20px;
		}
		
	.bjj_header {
		background: transparent url(images/bjj_side_header.gif) no-repeat 50% 50%;
		padding-top: 20px;
		}
		
	.gallery_header {
		background: transparent url(images/gallery_side_header.gif) no-repeat 50% 50%;
		padding-top: 20px;
		}	
		
	.side_contents {
		padding: 10px 10px 20px 10px;
		
		}
		
	.side_contents p {
		font-size: 87.5%;
		line-height: 140%;	
		}
		
	.submenu {
		background: #242424 url(images/submenu_bg_bottom.gif) no-repeat bottom left;
		padding-bottom: 30px;
		}
		
	.left_footer {
		display: block;
		width: 350px;
		float: left;
		text-align: left;
		}

	.right_footer {
		display: block;
		width: 350px;
		float: right;
		text-align: right;
		}	
		
	.design_credit {
		background: transparent url(images/davidtrindade_logo.gif) no-repeat 0 50%;
		padding-left: 20px;
		}
		
	.footer a {
		color: #ccc;
		text-decoration: none;
		}
		
	.footer a:hover {
		color: #000;
		text-decoration: underline;
		}	
		
		
	.submenu ul {
		list-style-type: none;
		}
	
	.submenu li {
		display: block;
		padding: 5px 0;
		border-bottom: 1px solid #333;
		font-size: 90%;
	}
		
	.submenu li a {
		display: block;
		color: #fc0;
		font-weight: bold;
		text-decoration: none;
		padding-left: 10px;
		}
		
	.submenu li a:hover, li.submenu_on a {
		color: #fff;
		}
		
	#main_content ul {
		margin-left: 40px;
	}
	
		
	.classes_table	{
		width: 550px;
		border-collapse: collapse;
		margin: 20px 0 10px 0;
		}
		
	.classes_table th {
		text-align: center;
		width: 78px;
		color: #333;
		padding: 10px 2px;
		font-weight: bold;
		border-right: 1px solid #ccc;
		text-transform:capitalize;
	}
		
	.classes_table td {
		border: 1px solid #ccc;
		text-align: center;
		font-size: 82.5%;
		padding: 10px 2px;
		/*border-collapse: collapse;*/
		}
		
	.th_row {
		background: transparent url(images/classes_table_bg.jpg) no-repeat bottom center;
		border-left: 1px solid #ccc;
		}

	.classes_table .odd {
		background: #FFFDEF;
	}
	
	.main_class {
		color: #f00;
	}
	
	#google_map {
		border: 1px solid #999;
	}
	
	.gallery_home_block {
		/*width: 255px;
		float: left;*/
		margin: 0 0px 10px 0;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
	.gallery_home_block img {
		display: block;
		float:left;
		width: 120px;
		margin-right: 10px;
		}
	
	.gallery_home_block a img {
		border: 1px solid #009;
	}
	
	.gallery_home_block a:hover img {
		border: 1px solid #f00;
	}
	 
	.gallery_home_block h3 {
		color: #000099;
		padding: 0 0 5px 5px;
	}
	
	.gallery_home_block h3 a {
		color: #009;
		text-decoration: none;
	}
	
	.gallery_home_block h3 a:hover {
		color: #f00;
		text-decoration:underline;
	}
	
	.gallery_thumbs a img {
		border: 2px solid #999;
		margin: 0 3px 3px 0;
	}
	
	.img_left {
	float: left;
	margin: 10px 10px 10px 0;
	}
	
	.block_divider hr {
		display: none;
	}
	
	.block_divider {
		display: block;
		height: 1px;
		border-top: 1px solid #ccc;
		margin: 10px 0;	
	}
	
	.facebook_link {
		display: block;
		background: transparent url(images/facebook_icon.gif) no-repeat 0 50%;
		padding: 10px 0 10px 70px;
		text-decoration:none;
		color: #f00;
	}
	
	.facebook_link:hover {
		color: #003;
		text-decoration:underline;	
	}
	.instructors_profile {
		display: block;
		margin: 10px 0 10px 0;
		background: #ececec url(images/fighter_block_bg.jpg) no-repeat bottom center;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.profile_top {
		display: block;
		padding: 10px 0;
		background: transparent url(images/fighter_block_bg.jpg) no-repeat top center;
	}

	*html .profile_top {
		display: inline-block;
	}
	
	.profile_pic {
		/*margin: 10px 10px 10px 10px;*/
		border: 1px solid #cacaca;
	}
	
	.instructors_profile h3 {
		color: #FF0000;
		font-size: 115%;
		border-bottom: 1px solid #999;
		padding: 5px 0;	
		}
	
	.instructors_belt {
		display: block;
		width: 150px;
		float: left;
		padding: 15px 0;
		text-align: center;
		}
	
	.instructor_data {
		display: block;
		float: left;
		width: 380px;
		padding: 15px 5px;
	}
	
	.belt_black {
		display: inline-block;
		text-indent: -4000px;
		width: 132px;
		height: 45px;
		background: transparent url(images/belt_icon_blackbelt.gif) no-repeat top left;
	}
	
	.belt_brown {
		display: inline-block;
		text-indent: -4000px;
		width: 132px;
		height: 45px;
		background: transparent url(images/belt_icon_brownbelt.gif) no-repeat top left;
	}
	
	.infographic_block {
		display: block;
		float: right;
		text-align: center;
		font-size: 90%;
		padding: 5px;
		margin: 10px 0 10px 10px;
		border: 1px solid #ccc;
		background: #eff5f4;
	}
	
	.bjj_belt_order {
		display: block;
		background: #eff5f4 url(images/bjj_belts_order.gif) no-repeat 50% 50%;
		padding: 20px 10px;
		width: 550px;
		text-indent: -4000px;
		border: 1px solid #ccc;
		margin: 20px 0;
	}
	
	
	.team_pics  {
		list-style-type: none;
	}
	
	.team_pics li {
		display: inline-block;
		width: 80px;
		float: left;
		margin: 0 10px 10px 0;
		font-size: 85%;
		text-align:center;
		line-height: 105%;
		/*border: 1px solid #f7f7f7;*/
		padding: 5px;
		}
	
	.team_brown_belts li img, .team_purple_belts li img, .team_blue_belts li img {
		border: 4px solid #ccc;
	}
	
	.team_brown_belts li span {
		background: transparent url(images/team_brown_belt.gif) no-repeat top center;
		padding-top: 30px;
		margin-top: 3px;
		width: 80px;
		display: block;
	}

	.team_purple_belts li span {
		background: transparent url(images/team_purple_belt.gif) no-repeat top center;
		padding-top: 30px;
		margin-top: 3px;
		width: 80px;
		display: block;
	}
	
	.team_blue_belts li span {
		background: transparent url(images/team_blue_belt.gif) no-repeat top center;
		padding-top: 30px;
		margin-top: 3px;
		width: 80px;
		display: block;
	}
	
	.news_bit {
		margin: 0 0px 10px 0;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
	.news_bit img {
		display: block;
		float:left;
		margin-right: 10px;
		border: 1px solid #009;
	}
	 
	.news_bit h3 {
		color: #000099;
		padding: 0 0 5px 5px;
	}
	
	.news_bit small {
		font-size: 80%;
	}