/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

body { background: #36140d url(../../i/bg.jpg) 0 0 repeat; font-family: tahoma, verdana, arial, sans-serif; font-size: 62.5%; }
#container { width:1025px; margin:0 auto; margin-top: 20px; font-size:1.5em; overflow:hidden; padding:0 20px; background: transparent url(../../i/bg.gif) 0 0 repeat-y; }

#header { width:1025px; height:213px; background: white url(../../i/header-bg.png) 0 0 repeat-x; position: relative; overflow: hidden; }
	h1.logo { width:168px; height:204px; background: transparent url(../../i/logo.png) 0 0 no-repeat; position: absolute; bottom:0; left:0px; overflow: hidden; }
	h1.logo a { display: block; height:204px; width:168px; text-indent:-9999px; }

	div.welcome-heading { position:absolute; z-index:95; height:56px; width: 393px; padding: 10px 15px 0 0; bottom:0; left:0; background: transparent url(../../i/welcome-bg.png) top right no-repeat; }
		div.welcome-heading h2 { color: white; text-align: right; }
		div.welcome-heading h3 { color: yellow; text-align: right; font-weight: normal; position: relative; top:-3px; font-size:1.1em; }

	ul.navigation { width:577px; height:35px; position: absolute; bottom:0px; right:0; list-style-type: none; list-style-position:outside; background: transparent url(../../i/nav-bg.png) 0 0 repeat-x; padding: 30px 20px 0 20px; }
	ul.navigation li { float: left; margin-right: 15px; font-size:1.2em; }
	ul.navigation li a { color:#b41100; text-decoration: none; border-right:1px dotted #8f8f8f; padding-right: 15px; position:relative; top:-1px; }
	ul.navigation li a.last { border-right:none; }
	ul.navigation li a:hover { color:yellow; }


	/* images in header */
	.karate-man { height:156px; width:293px; background: transparent url(../../i/karate-man.png) 0 0 no-repeat; position:absolute; top:10px; right:0; }
	.hai-uhhh { display:none; height:140px; width:252px; background: transparent url(../../i/hai-uhhh.png) 0 0 no-repeat; position:absolute; top:9px; left:170px; }


#content-container { background-color: black; height:1%; }
.content-container { clear:both; }
#sidebar { width: 236px; float:left; margin: 9px 18px 0 11px; background: transparent url(../../i/news-bg.png) 0 0 repeat-x; padding: 10px; }
	#sidebar h3 { color: yellow; font-size:1em; border-bottom:1px dotted white; padding-bottom:3px; margin-bottom:4px; }
	#sidebar dl { list-style-type: none; list-style-position: outside; }
	#sidebar dl dt { color:#8f0f02; font-size:.8em; font-weight:bold; }
	#sidebar dl dd h3 { border:none; color: white; font-size: .7em; margin:0; padding:0; }
	#sidebar dl dd p { color: white; font-size:.65em;  margin:0 0 10px; line-height:1.2em;  }

	#sidebar .karate-kid { height:368px; width:267px; background: black url(../../i/karate-kid.png) 0 0 no-repeat; position: relative; left:-20px; }

#content { width: 709px; float: left; background: #000 url(../../i/content-bg.png) 0 0 repeat-x; margin:9px 0 10px 0; padding: 10px; overflow: hidden; }
	#content .content-box { padding:10px; background: #000 url(../../i/content-box-bg.png) 0 0 repeat-x ; height:1%; }

		div.content-box div.intro { border-bottom:1px dotted #958f8e; padding-bottom:10px;  }
		div.content-box div.intro div.group_photo { height:221px; width:275px; background: transparent url(../../i/group_photo.png) 0 0 no-repeat; text-indent:-9999px; float: left; margin-right: 15px; margin-bottom:3px; }
		div.content-box div.intro h1 { color:#b41100; font-size: 1.2em; }
		div.content-box div.intro h2 { color:yellow; font-size:1em; margin-bottom:5px; }
		div.content-box div.intro p { color:white; font-size:.8em; line-height:1.3em; margin-top:10px; }
		div.content-box div.intro p.learn-more { text-align: right; margin-top:0 !important; padding:0; margin-right:10px; }
		div.content-box div.intro p.learn-more a { color:#b41100; text-decoration: none; padding-left: 15px; background: transparent url(../../i/red-square.png) 0 0 no-repeat; }
		div.content-box div.intro p.learn-more a:hover { color:yellow; }

		div.content-box div.content-left { width:344px; float:left; margin-top: 15px;  width:325px; }
			div.content-box div.content-left div.karate-kick { height:118px; width:342px; background: transparent url(../../i/karate-kick.png) 0 0 no-repeat; text-indent:-9999px; margin-bottom:10px; }
			div.content-box div.content-left h1 { color:#b41100; font-size: 1.2em; }
			div.content-box div.content-left h2 { color:yellow; font-size:1em; margin-bottom:0px; }
			div.content-box div.content-left p { color:white; font-size:.8em; line-height:1.3em; margin-top:5px; }
			div.content-box div.content-left p.learn-more { text-align: right; margin-top:5px !important; padding:0; margin-right:10px; }
			div.content-box div.content-left p.learn-more a { color:#b41100; text-decoration: none; padding-left: 15px; background: transparent url(../../i/red-square.png) 0 0 no-repeat; }
			div.content-box div.content-left p.learn-more a:hover { color:yellow; }

		div.content-box div.content-right {float:right; margin-top: 15px; }

			div.content-box div.content-right .box { width: 296px; overflow: hidden; }
			div.content-box div.content-right .box .box-top { width:296px; height:5px; background: transparent url(../../i/box-top.png) 0 0 no-repeat; overflow:hidden; }
			div.content-box div.content-right .box .box-content { width:276px; padding:2px 10px 2px; background-color:#290e0b; }
			div.content-box div.content-right .box .box-bottom { width:296px; height:5px; background: transparent url(../../i/box-bottom.png) 0 0 no-repeat; overflow:hidden; }

				.calendar-image { height:110px; width:95px; background: transparent url(../../i/calendar.png) 0 0 no-repeat; text-indent:-9999px; float: left; margin-right: 10px; }
				div.content-box div.content-right .box .box-content .schedule { float: left; width:171px; }
				
				div.content-box div.content-right .box .box-content h1 { color:#b41100; font-size: 1.2em; }

				div.content-box div.content-right .box .box-content dl { color:white; }
				div.content-box div.content-right .box .box-content dl dt { font-size:.9em; font-weight:bold; }
				div.content-box div.content-right .box .box-content dl dd { font-size:.7em; margin-bottom: 10px; }

				div.content-box div.content-right .box .box-content h2 { color:yellow; font-size:1em; margin-bottom:10px; }
				div.content-box div.content-right .box .box-content p.learn-more { text-align: right; margin-top:10px !important; padding:0; margin-right:0px; font-size:.8em; }
				div.content-box div.content-right .box .box-content p.learn-more a { color:#b41100; text-decoration: none; padding-left: 15px; background: transparent url(../../i/red-square.png) 0 0 no-repeat; }
				div.content-box div.content-right .box .box-content p.learn-more a:hover { color:yellow; }

				div.content-box div.content-right .gallery { margin-top: 15px; }


				ul.gallery { list-style-type:none; list-style-position:outside; margin-left:1px; }
				
				ul.gallery li { float: left; height:81px; width:81px; margin-right:15px; text-indent:-9999px; margin-bottom:5px; }
				ul.gallery li.gallery-image-1 { background: transparent url(../../i/gallery-image-1.png) 0 0 no-repeat; }
				ul.gallery li.gallery-image-2 { background: transparent url(../../i/gallery-image-2.png) 0 0 no-repeat; }
				ul.gallery li.gallery-image-3 { background: transparent url(../../i/gallery-image-3.png) 0 0 no-repeat; }
				ul.gallery li.last-image { margin-right:0; }

#footer { width:990px; margin:0 auto; margin-top:0; overflow:hidden; padding:10px 20px; text-align:center; background: transparent url(../../i/footer-bg.png) 0 0 repeat-x; color:yellow; font-size:1em; }	
	#footer p { margin-left: 150px; float:left; width:300px; margin-right:50px; }
	#footer ul { float: left; list-style-type:none; list-style-position:outside; }
	#footer ul li { float:left; margin-right: 15px; }
	#footer ul li a { color:yellow; text-decoration:none; }
	#footer ul li a:hover { color:white; }