/* CSS Document */



* { /* this eliminates those extra spaces between divs */

	margin: 0;

	padding: 0;

	}



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	background-color: #FFF;

	background-image:url(images/ksgradient.jpg);

	background-repeat:repeat-x;

	}

	

h1 {

	font-size: 1.3em;

	text-align: left;

	line-height: 1.6em;

	font-weight: bold;

	color: #333333;

	margin-bottom: 12px;

	}

	

h2 {

	font-size: 1em;

	text-align: left;

	line-height: 1.6em;

	font-weight: bold;

	color: #333333;

	margin-top: 18px;

	margin-bottom: 6px;

	text-transform:uppercase;

	}

	

h3 {/*use this for hedline with bkgd*/

	font-size: .9em;

	text-align: center;

	line-height: 1.6em;

	color: #FFFFFF;

	margin-top: 12px;

	margin-bottom: 12px;

	background-color:#333;

	padding:6px;

	}

	

h4 {/*store heders*/

	font-size: .9em;

	line-height: 1.4em;

	color: #333;

	text-transform: uppercase;

	padding-bottom: 3px;

	}

	

h5 {/*use this for next event heder*/

	font-size: .8em;

	text-align: center;

	line-height: 1.6em;

	color: #FFFFFF;

	margin-bottom: 6px;

	background-color:#81988e;

	padding:6px;

	}

		

p {

	font-size: 90%;

	text-align: left;

	line-height: 1.7em;

	padding-bottom: 9pt;

		}

	

#container {

	width: 800px;

	height: 600px;

	margin: 0px auto 0px auto;

	background-repeat: no-repeat;

	position: relative;

	background-image:url(images/ksinteriorbackground.jpg);	

	}



#top {position: relative;

height: 100px;

}



#text {

	position: relative;

	padding-left: 295px;

	padding-right: 80px;

	text-align: left;

	font-size:.8em;

	}



#text a {

	text-decoration: underline;

	color: #81988e;

	}

	

#text a:link, #text a:visited {

	color: #81988e;

	}



#text a:hover {

	color: #999;

	}



#testbkgd{

	position: absolute;

	top: 485px;

	text-align: right;

	width: 209px;

	border-bottom-color:#81988e;

	border-bottom-style:solid;

	border-bottom-width:thin;

	background-color:#CCCCCC;

	background-image:url(images/clientcommentsSM.jpg);

	background-position:top;

	background-repeat:no-repeat;

	left: 33px;

	}

	

#testimonial{

	position: relative;

	padding-top:40px;

	text-align: right;

	width: 188px;

	padding-right:9px;

	padding-left:9px;

		}

		

p.testimonial{

	font-size: .7em;

	line-height: 1.6em;

	text-align:right;

	font-style:italic;

	}

	

	

#testimonial a {

	text-decoration: underline;

	}



#testimonial a:link, #testimonial a:visited {

	color: #81988e;

	}



#testimonial a:hover {

	color: #333;

	}



		

#nextbkgd{

	position: absolute;

	top: 485px;

	text-align: right;

	width: 209px;

	border-bottom-color:#81988e;

	border-bottom-style:solid;

	border-bottom-width:thin;

	background-color:#CCCCCC;

	left: 33px;

	}

	

#event{

	position: relative;

	width: 188px;

	padding-right:9px;

	padding-left:9px;

	font-size:.8em;

		}

		

		

#event a {

	text-decoration: underline;

	}



#event a:link, #event a:visited {

	color: #333;

	}



#event a:hover {

	color: #666;

	}

	



#storetable {/*For Online Store image*/

	width: 420px;

	text-align: left;

	position: relative;

	height: 196px;

	}

	

#storetableshort {/*For Online Store image short*/

	width: 420px;

	text-align: left;

	position: relative;

	height: 160px;

	}



#storetabletwo {/*For Online Store description*/

	text-align: left;

	position: absolute;

	padding-left:110px;

	left: 12px;

	top: 1px;

}



	

p.table{

	font-size: .9em;

	padding-bottom:0em;

	line-height: 1.8em;

	}







#newsletter{

	position: absolute;

	top: 341px;

	left: 29px;

	text-align: left;

	font-size:.7em;

	width: 220px;

	background-image:url(images/kssignupnewsletterSM.jpg);

	background-repeat:no-repeat;

	padding-top: 40px;

	}

	

p.newsletter{

	font-size: .9em;

	line-height: 1.5em;

	text-align:right;}



#navcontainer {

	position: absolute;

	top: 16px;

	height: 50px;

	width: 770px;

	line-height: 2.5em;

	font-size:.65em;

	text-align:right;

	}

	

#navcontainer ul { 

	text-align: right;	



		}





#navbar li {

	display: inline;

	}



#navbar a {

	text-decoration: none;

	font-weight:bold;

	}



#navbar a:link, #navbar a:visited {

	color: #FFF;

	padding:0px 0px 0px 18px; /*top right bottom left*/



	}



#navbar a:hover{

	color: #333;

	padding: 0px 0px 0px 18px; /*top right bottom left*/

	text-decoration: underline;

	}

	

	

#navbar a:active,

.home #navbar #home a,

	.about #navbar #about a,

	.store #navbar #store a,

	.coaching #navbar #coaching a,

	.speaking #navbar #speaking a,

	.events #navbar #events a,

	.classes #navbar #classes a,

	.contact #navbar #contact a,

	.portfolio #navbar #portfolio a{

	color: #333;

	padding: 0px 0px 0px 18px; /*top right bottom left*/

	text-decoration: underline;

		}

		

a:link {

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center;

}

a:visited {

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center;

}

a:hover {

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center;

}

a:active {

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center;

}



#subnav {

	position: absolute;

	top: 62px;

	height: 24px;

	width: 475px;

	font-size:.7em;

	line-height: 2.4em;

	text-align:center;

	left: 296px;

		background-color:#999;

	}

	

		



#subnav ul { 

	text-align: center;	

		}





#navbartwo li {

	display: inline;

	}



#navbartwo a {

	text-decoration: none;

	font-weight:bold;

	}



#navbartwo a:link, #navbartwo a:visited {

	color: #333;

	padding:0px 15px 0px 15px; /*top right bottom left*/



	}



#navbartwo a:hover {

	color: #FFF;

	padding: 0px 15px 0px 15px; /*top right bottom left*/

	}

	

	#navbartwo a:active{

	color: #FFF;

	padding: 0px 15px 0px 15px; /*top right bottom left*/

	}

		

		

#footer {

	height: 100px;

	position: relative;

	border-top-style:solid;

	border-top-width: 1px;

	border-top-color: #999999;

	margin-top: 10px;

	padding-left: 22px;

	width: 748px;

	}

	

p.footer {

	font-size: .7em;

	line-height: 1.7em;

	text-align: right;			

	padding-top:10px;

	color:#999999

	}



#footer a {

	text-decoration: underline;

	color: #999;

}

#footer a:link, #footer a:visited {

	color: #999;

	}



#footer a:hover {

	color: #81988e;

	}

	

	#jack{

	position: absolute;

	left: 0px;

	width: 184px;

	top: 0px;

	}

	

p.jack {

	font-size: 60%;

	line-height: 1.9em;

	text-align: left;			

	padding-top:10px;

	color:#ccc;

	}



#jack a {

	text-decoration: none;

	color: #ccc;

}

#jack a:link, #jack a:visited {

	color: #ccc;

	}



#jack a:hover {

	color: #81988e;

	}

