/* 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;

	letter-spacing: 2px;

	line-height: 1.6em;

	font-weight: bolder;

	color: #333333;

	margin-bottom: 12px;

	margin-left: 340px;

	}

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/KShomebackground.jpg);	

	}



#text {

	position: absolute;

	top: 66px;

	left: 387px;

	text-align: left;

	font-size:.8em;

	width: 393px;

	height: 202px;

	}

	

	#text a {

	text-decoration: underline;

	color: #81988e;

	}

	

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

	color: #81988e;

	}



#text a:hover {

	color: #999;

	}



#adone {

	position: absolute;

	top: 322px;

	left: 373px;

	text-align: left;

	font-size:.7em;

	width: 412px;

	height: 136px;

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

	background-repeat:no-repeat;

	background-position:top;

	}

	

	#adtwo {

	position: absolute;

	top: 469px;

	left: 373px;

	text-align: left;

	font-size:.7em;

	width: 412px;

	height: 136px;

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

	background-repeat:no-repeat;

	background-position:top;

	}



#adteaser {

	position: absolute;

	top: 316px;

	left: 376px;

	text-align: left;

	font-size:.7em;

	width: 118px;

	height: 154px;

	}

	

	#adteasertwo {

	position: absolute;

	top: 448px;

	left: 653px;

	text-align: left;

	font-size:.7em;

	width: 136px;

	height: 172px;

	}





#titleone {

	position: absolute;

	top: 333px;

	left: 587px;

	text-align: left;

	font-size:.7em;

	width: 186px;

	height: 36px;

	}

	#titletwo{

	position: absolute;

	top: 481px;

	left: 391px;

	text-align: left;

	font-size:.7em;

	width: 186px;

	height: 36px;

	}

	

	

	#teaserone {

	position: absolute;

	top: 379px;

	left: 498px;

	text-align: left;

	font-size:.7em;

	width: 256px;

	height: 50px;

	}

	#teasertwo{

	position: absolute;

	top: 528px;

	left: 402px;

	text-align: left;

	font-size:.7em;

	width: 235px;

	height: 36px;

	}

	

	p.teaser{

	font-size: .9em;

	line-height: 1.5em;

	text-align:left;

	font-style:italic;}

	

	

	#teaserone a {

	text-decoration:underline;

}

#teaserone a:link, #teaserone a:visited {

	color: #81988e;

	}



#teaserone a:hover {

	color: #333;

	}

	

		

	#teasertwo a {

	text-decoration:underline;

}

#teasertwo a:link, #teasertwo a:visited {

	color: #81988e;

	}



#teasertwo a:hover {

	color: #333;

	}

	

	

	#newsletter{

	position: absolute;

	top: 463px;

	left: 22px;

	text-align: left;

	font-size:.7em;

	width: 325px;

	height: 117px;

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

	background-repeat:no-repeat;

	padding-top: 44px;

	}

	

	p.newsletter{

	font-size: 1em;

	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,

	.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;

}

		

		

#footer {

	height: 100px;

	position: absolute;

	border-top-style:solid;

	border-top-width: 1px;

	border-top-color: #999999;

	left: 22px;

	top: 618px;

	width: 764px;

	}

	

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{

	height: 100px;

	position: absolute;

	top: 0px;

	width: 184px;

	}

	

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;

	}