/* CSS <<LAYOUT>> Style Sheet------------------------------------------------------
project: Sun Yi Tai Kwon Do & Yoga Studio
version: 2.0.1
author: Michel Joanisse
email: michel.joanisse@mountainmamma.com
website: http://www.mountainmamma.com
last updated: December 24th, 2009
----------------------------------------------------------------------------------*/



/*OVERALL AND GENERAL PROPERTIES
-----------------------------------------------*/

* {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:14px;
	margin:0;
	padding:0;
}

.clearboth {clear:both;}
a, a:hover {outline:none;}
body {background:#161715 url(../Images/bg-tile.gif);}

#frame {
	margin:0 auto;
	margin-top:-35px;
	width:833px;
}

#wrapper {
	width:833px;
	min-height:850px;
	float:left;
	background:url(../Images/wrapperbg.jpg) center repeat-y;
}

/*TOP NAVIGATIONAL PROPERTIES
-----------------------------------------------*/


#topbanner, #bottombanner, #topnavcontainer {
	width:100%;
	height:25px;
	background:#161715;
}

#topbanner {
	background-image:url(../Images/topborder-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#161715;
	height:45px;
}

#topnavcontainer p {
	width:79px;
	height:9px;
	background:url(../Images/telephone.gif) top left no-repeat;
	margin:10px 0 0 40px;
	color:#fff;
	float:left;
} 

#frame ul#topnavigation {
	margin-bottom:5px;
	margin-top:10px;
	float:right;
	background-color:#161715;
}

#frame ul#topnavigation li a.tabs, #frame li a.tabs:hover {
	background-position:left;
	background-repeat:no-repeat;
	height:11px;
	display:block;
	float:left;
	margin-left:10px;/*Adjusts the margin on sides of icons*/
	margin-right:10px;/*Adjusts the margin on sides of icons*/
}

#bottombanner {float:left;}
#topnavcontainer p span {display:block;text-indent:-1000em;}
* html #topnavcontainer p {margin-left:20px;}
#frame ul#topnavigation li {display:inline;}
#frame ul#topnavigation li a.tabs span {display:none;}

/*Image replacements for top navigational elements*/
#frame li a.tabs#homepage {background-image:url(../Images/topnav-homepage.gif);}
#frame li a.tabs#contactus {background-image:url(../Images/topnav-contactus.gif);}
#frame li a.tabs#facility {background-image:url(../Images/topnav-facility.gif);}
#frame li a.tabs#location {background-image:url(../Images/topnav-location.gif);}
#frame li a.tabs#hours {background-image:url(../Images/topnav-hours.gif);}
#frame li a.tabs#philosophy {background-image:url(../Images/topnav-philosophy.gif);}
#frame li a.tabs#linksresources {background-image:url(../Images/topnav-linksresources.gif);}

/*Different width for selected tabs/images*/
#frame li a.tabs#homepage {width:35px;}
#frame li a.tabs#contactus {width:64px;}
#frame li a.tabs#facility {width:40px;}
#frame li a.tabs#location {width:49px;}
#frame li a.tabs#hours {width:35px;}
#frame li a.tabs#philosophy {width:64px;}
#frame li a.tabs#linksresources {width:95px;}


/*MAIN CONTENT PROPERTIES
-----------------------------------------------*/

#frame #maincontentwrapper {
	float:left;
	width:658px;
	padding-bottom:15px;
	background-image:url(../Images/contentbg.jpg);
	background-repeat:repeat-y;
}

#frame #maincontentwrapper a.images img {
	border:0;
	outline:none; 
	margin-right:10px;
	float:left;
} 

#frame #maincontentwrapper, #frame #sidebar {margin-top:-1px;}

#frame #maincontentwrapper p {margin: 5px 45px 15px 45px;}

#frame #maincontentwrapper p.attn {
	color:red;font-size:12px;line-height:20px;letter-spacing:1px;
}


#frame #maincontentwrapper h1, 
#frame #maincontentwrapper h2, 
#frame #maincontentwrapper h3,
#frame #maincontentwrapper h5, 
#frame #maincontentwrapper ul, 
#frame #maincontentwrapper img {
	margin:5px 45px 5px 45px;
	float:left;*float:none;
}

#frame #maincontentwrapper ol {float:left;padding:5px 45px;}

* html #frame #maincontentwrapper h1, 
* html #frame #maincontentwrapper h2, 
* html #frame #maincontentwrapper h3,
* html #frame #maincontentwrapper h5,
* html #frame #maincontentwrapper ul,
* html #frame #maincontentwrapper ol, 
* html #frame #maincontentwrapper img,
* html #frame #maincontentwrapper dl {
	float:none;
	margin: 0;
	margin-left:45px;
}

#frame #maincontentwrapper dl {
	width:570px;
	padding:15px 0;
	border-bottom:1px solid #aaa;
	margin:0 45px;
}

#frame #maincontentwrapper dl.lastitem {border-bottom:0;}
#frame #maincontentwrapper dl#address {margin-bottom:20px;}
#frame #maincontentwrapper dl dt {font-:12px;font-weight:bold;}
#frame #maincontentwrapper#links-resources dl dd {padding-top:10px;}
#frame #maincontentwrapper#links-resources dl dd.links {padding-top:0;}

#frame #maincontentwrapper dl dd.links a {
	padding-right:10px;
	background:url(../Images/externallink-icon.jpg) #fff top right no-repeat;
}

#frame #maincontentwrapper h1 span, #frame #maincontentwrapper h2 span{display:none;}

#frame #maincontentwrapper h1, #frame #maincontentwrapper h2 {
	margin-bottom:0px;
	margin-top:0px;
}

/*Image replacements for content main headers(h1)*/
#frame #maincontentwrapper h1#twdinstructors {background-image:url(../Images/h1headers-twdinstructors.gif);}
#frame #maincontentwrapper h1#yinstructors {background-image:url(../Images/h1headers-yogainstructors.gif);}
#frame #maincontentwrapper h1.philosophy {background-image:url(../Images/h1headers-philosophy.gif);}
#frame #maincontentwrapper h1#facility {background-image:url(../Images/h1headers-facility.gif);}
#frame #maincontentwrapper h1.lnksresources {background-image:url(../Images/h1headers-linksresources.gif);}
#frame #maincontentwrapper h1.location {background-image:url(../Images/h1headers-location.gif);}
#frame #maincontentwrapper h1.schedulehrs {background-image:url(../Images/h1headers-schedulehrs.gif);}
#frame #maincontentwrapper h1#membership {background-image:url(../Images/h1headers-membership.gif);}
#frame #maincontentwrapper h1#bnftsyoga {background-image:url(../Images/h1headers-bnftsyoga.gif);}
#frame #maincontentwrapper h1#bnftskwondo {background-image:url(../Images/h1headers-bnftskwondo.gif);}
#frame #maincontentwrapper h1.contactus {background-image:url(../Images/h1headers-contactus.gif);}
#frame #maincontentwrapper h1#sitemap {background-image:url(../Images/h1headers-sitemap.gif);}

/*Image replacements for content sub headers(h2)*/
#frame #maincontentwrapper h2#masterlewis {background-image:url(../Images/h2headers-masterlewis.gif);}
#frame #maincontentwrapper h2#mickilewis {background-image:url(../Images/h2headers-mickilewis.gif);}
#frame #maincontentwrapper h2#gabrielthomas {background-image:url(../Images/h2headers-gabrielthomas.gif);}
#frame #maincontentwrapper h2#monikarosicka {background-image:url(../Images/h2headers-monikarosicka.gif);}
#frame #maincontentwrapper h2#masterchae {background-image:url(../Images/h2headers-masterchae.gif);}

#frame #maincontentwrapper p span.important {font-weight:bold;}

#frame #maincontentwrapper h1 {
	background-repeat:no-repeat;
	width:570px;
	height:29px;
	margin-bottom:5px;
}

#frame #maincontentwrapper h2 {
	background-repeat:no-repeat;
	width:570px;
	height:36px;
}

#frame #maincontentwrapper h3 {
	font-size:12px;
	float:left;
	font-weight:bold;
	padding:5px 0;
	color:#830406;
	width:570px;
}

#frame #maincontentwrapper h3.alt {
	font-size:12px;
	margin-bottom:5px;
	width:570px;
	color:#000;
	font-weight:bold;
}

#frame #maincontentwrapper img {float:left;}

#frame #maincontentwrapper img#badges {margin-top:5px;margin-bottom:5px;}

#frame #maincontentwrapper a {
	color:#830406;
	text-decoration:underline;
}

#frame #maincontentwrapper ul {
	margin-bottom:40px;
}

#frame #maincontentwrapper ul li {
	color:#000000;
	clear:left;
	margin:5px 0;
	margin-left:15px;
	margin-right:45px;
}

#frame #maincontentwrapper ul li ul {
	margin:0 15px;
}

#frame #maincontentwrapper ul li ul li {
	clear:left;
	list-style:circle;
	padding:5px 0;
	margin-bottom:0;
	margin-right:45px;
	font-weight:normal;
}

#frame .mainimage {
	float:left;
	width:658px;
	margin-bottom:20px;
	background-repeat:no-repeat;
}

/*Image replacements for main images*/
#frame .mainimage#home {background-image:url(../Images/mainimage-home.jpg);}
#frame .mainimage#tiertwo {background-image:url(../Images/mainimage-2ndtier-b.jpg);}

/*height replacements for main images*/
#frame .mainimage#home {height:435px;}
#frame .mainimage#tiertwo {height:127px;}

/*KEYELEMENTS OF TAEKWONDO 
DEFINITION LISTS PROPERTIES
-----------------------------------------------*/

#keyelements {float:left;}

#keyelements dl {
	float:left;
	width:570px;
}

#keyelements dt {
	font-size:13px;
	color:#990033;
	margin-bottom:5px;
}

#keyelements dd {
	padding-bottom:3px;
}

#frame #maincontentwrapper #keyelements dd.images img {
	float:left;
	margin:0;padding:0;
	margin-right:10px;
	padding:5px;
	border:1px solid #aaa;
	
}

/*KEYELEMENTS OF TAEKWONDO 
DEFINITION LISTS PROPERTIES
-----------------------------------------------*/

ol#rules {
	list-style:decimal;
}


/*WRAPPER CLASS, ANYTHING NEEDED TO BE WRAPPED
IN DIV GETS THESE PROPERTIES APPLIED TO THEM, 
PLUS ANY OTHER ADDITIONAL PROPERTIES SPECIFIED
ACCORDINGLY TO ADDITIONAL CLASS NAME
-----------------------------------------------*/

#frame .wrapper {
	float:left;
	width:658px;
	margin-bottom:15px;
}


/*TABLE PROPERTIES - HOURS/SCHEDULES CHART
-----------------------------------------------*/

table.gnrltables {
	width:560px;
	float:left;
	margin: 5px 45px 20px 45px;
	border:1px dotted #333333;
}

* html table.gnrltables {
	border:1px solid #333333;
	margin-left:22px;
	margin-right:0;
}

table.gnrltables caption {
	width:inherit;
	text-transform:uppercase;
	font-size:11px;
	font-style:italic;
	padding-bottom:5px;
	margin-left:auto;
	padding-top:20px;
	color:#830406;
	margin-right:auto;
	text-align:right;
}

table.gnrltables th {
	height:30px;
	color:#FFFFFF;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:2px 10px;
	border-right:1px solid #500000;
	background-color:#830406;
	text-align:left;
	text-transform:uppercase;
}

table.gnrltables td {
	padding:5px 10px;
	border-left:1px solid #222222;
	line-height:14px;
	border-top:1px solid #222222;
	border-bottom:0;
}

table.gnrltables td.alt {
	border-left:0;
	background-color:#90bee1;
	text-decoration:underline;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

table#schedulehrs tr td#MMA {text-transform:uppercase;text-align:center;}
table.gnrltables th#unique {text-indent:-1000em; background:0; border-right:0;}
table.gnrltables tr th.brdrclear {border-right:0;}
table.gnrltables td span {text-decoration:underline; font-style:italic;}
table.gnrltables td ol {padding-left:15px;}
table.gnrltables colgroup col#productionrolecol {width:35%;}
table.gnrltables tr.alt {background-color:#DDDDDD;}
table.gnrltables tr.altunique>td,
table.gnrltables td.altunique {background-color:#AAAAAA; font-style:italic;}
/*LOGO/REDIRECT IMAGE PROPERTIES
-----------------------------------------------*/

#frame .mainimage a span {display:none;}

#frame .mainimage a.logo#index {
	display:block;
	background-image:url(../Images/logo.jpg);
	background-repeat:no-repeat;
	width:153px;
	height:108px;
	margin-top:16px;
	margin-left:42px;
}

#frame .mainimage a.logo#tier2 {
	display:block;
	background-image:url(../Images/logo-2ndtier-b.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:94px;
	margin-top:12px;
	margin-left:43px;
}

/*SIDEBAR PROPERTIES
-----------------------------------------------*/

#frame #sidebar {
	background-image:url(../Images/sidebarbg.jpg);
	width:175px;
	height:inherit;
	float:left;
}

#frame #sidebar ul {
	background-color:#716868;
}

#frame #sidebar h2.headers {
	background-repeat:no-repeat;
	width:175px;
}

#frame #sidebar h2.headers#taekwondo {
	background-image:url(../Images/header-taekwondo.jpg);
	height:48px;
}

#frame #sidebar h2.headers#yoga {
	background-image:url(../Images/header-yoga.jpg);
	height:34px;
}

#frame #sidebar h2.headers span {display:none;}

#frame #sidebar ul, 
#frame #sidebar blockquote, 
#frame #sidebar p.author {margin:0 15px 10px 15px;}

#frame #sidebar ul li.lastitem {
	padding-bottom:10px;
}

#frame #sidebar p, #frame #sidebar ul li {
	list-style:none;
	padding-top:5px;
}

#frame #sidebar p, #frame #sidebar ul li a, #frame #sidebar blockquote {
	color:#ffffff;
	text-decoration:none;
}

#frame #sidebar ul li a:hover {
	color:#90bee1;
	text-decoration:underline;
}

#frame #sidebar img {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	border:none;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
	padding-top:10px;
	border-top:1px solid #ffffff;
}

#frame #sidebar p.author {
	text-align:right;
	margin-bottom:150px;/*zoom fix*/
	max-height:14em;
}

/*CONTACT US FORM - 
-----------------------------------------------*/

#frame #maincontentwrapper ul.contacts {width:540px;margin-bottom:5px;}
ul.contacts li {line-height:10px;}

form#contact {
	margin-left:45px;
	margin-right:15px;
	width:100%;
	float:left;
}

* html form#contact {float:none; width:600px; margin-right:0;}

form#contact fieldset {
	width:45%;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #aaaaaa;
}

form#contact fieldset#comments {
	width:85%;
}

form#contact label {
	margin-left:15px;
}

form#contact label span {color:#990000;}
form#contact label span.italiced {font-style:italic; color:#000000;}

form#contact input {
	margin-top:3px;
	margin-bottom:10px;
	margin-left:15px;
	border:1px solid #aaaaaa;
}

form#contact fieldset#comments textarea {
	margin-top:3px;
	margin-bottom:10px;
	margin-left:15px;
	width:95%;
	border:1px solid #aaaaaa;
}

form#contact input:focus, form#contact input:active, 
form#contact fieldset#comments textarea:focus, 
form#contact fieldset#comments textarea:active {
	background-color:#FFFFCC;
	border:1px solid #aaaaaa;
}


/*FOOTER ELEMENT PROPERTIES
-----------------------------------------------*/
body #bottombanner {
	background-image:url(../Images/bottomborder-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#161715;
	float:left;
	width:100%;
	height:85px;
}

body #copyright {
	margin-right:auto;
	margin-left:auto;
	margin-top:-2px;
	padding-top:25px;
	background-image:url(../Images/copyrightbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#161715;
	height:40px;
	width:831px;
	clear:both;/*Important property, playing a big role
	in the text flowing at bottom of page when page is
	scrolled*/
}

body #copyright ul {
	float:left;
	padding-left:20px;
}

body #copyright ul li {
	display:inline;
	
}

body #copyright ul li a {
	color:#ffffff;
	float:left;
	display:block;
	margin-right:10px;
}

body #copyright ul li a:hover {
	color:#90bee1;
}

body #copyright p {
	color:#ffffff;
	text-align:right;
	padding-right:20px;
}

body #copyright p span.bold {
	color:#ffffff;
	font-weight:bold;
}

/*Properties affecting all 
btns on website within content*/

button {
	margin-top:0;
	margin-left:15px;
	padding:5px;
	border:0;
	outline:0;
	color:#fff;
	cursor:pointer;
	clear:both;
	float:left;
	background-color:#990000;
}

button:hover {background-color:#691B1B;}

/*Image and width Replacements 
for selected buttons*/