/* CSS Document */
html, body{ 
 background-image:url(images2/background.jpg);
 background-repeat:repeat;
 text-align:center;
}
#pagewidth{  
 width:670px;
 margin-left:auto; 
 margin-right:auto;
}
#wrapper{
 width:670px;
 text-align:left;
 margin:auto auto;
 margin-top:40px;
 clear:both;
 /*position:relative;*/
}
#photo{
 width:135px;
 height:178px;
 background-image:url(images2/trans_03.png);
 float:left;
 position:relative;
 background-repeat:no-repeat;

}
#title{
 width:535px;
 height:95px;
 background-image:url(images2/trans_04.png);
 float:right;
 position:relative;
 background-repeat:no-repeat;
}
/*navbar properites*/
#navbar{
 width:535px;
 height:83px;
 list-style:none;
 float:right;
 position:relative;
 background-repeat:no-repeat;
}
#nav {
 margin:0;
 padding:0px;
 width:535px;
 height:83px;
 list-style:none;
 display:inline;
 overflow:hidden;
}
#nav li {
	margin:0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;
	height:83px;
	width:535px;
}
#nav a {
 float: left;
 padding: 0px;
 overflow: hidden;
 height:83px;
 width:535px;
}
#nav a:hover {
 background-position: 0 -83px;
}
#nav a:active, #nav a.selected {
 background-position: 0 -83px;
}
#nav span {
 display:none;
}	
#nhome a {
	background:url(images2/home.png) no-repeat left top;
	width:67px;
	outline:none;
}  
#nabout a {
 background:url(images2/about.png) no-repeat left top;
 width:71px;
 outline:none;
}  
#nnews a {
 background:url(images2/news.png) no-repeat left top;
 width:62px;
 outline:none;
}  
#ngallery a {
 background:url(images2/gallery.png) no-repeat left top;
 width:81px;
 outline:none;
}  
#nmedia a {
 background:url(images2/media.png) no-repeat left top;
 width:85px;
 outline:none;
}  
#ncontact a {
 background:url(images2/contact.png) no-repeat left top;
 width:79px;
 outline:none;
}  
#nresume a {
 background:url(images2/resume.png) no-repeat left top;
 width:90px;
 outline:none;
}

#txtcontainer{
 width:500px;
 text-align:left;
 position:relative;
 float:right;
 margin-top:8px;
}

#container{
 width:35px;
 text-align:left;
 position:relative;
}

#box1{
 background:url(images2/trans_13.png);
 width:135px;
 height:195px;
 float:left;
 position:relative;
 }
 
 /*Email Updates rollover Properties*/
a.rollover1 {
	display: block;
	width: 135px;
	height: 115px;
	text-decoration: none;
	background: url(images2/emailupdates.png);
	float:left;
	outline:none;
	position:relative;
	background-repeat:no-repeat;
	}
a.rollover1:hover {
	background-position: 0 -115px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
	
 /*Voice Choaching rollover Properties*/
 a.rollover2 {
	display: block;
	width: 135px;
	height: 85px;
	text-decoration: none;
	background: url(images2/vocalcoach.png);
	float:left;
	outline:none;
	position:relative;
	background-repeat:no-repeat;
	}
a.rollover2:hover {
	background-position: 0 -85px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
	 
 /*Wonder Woman*/
 #box4{
 background:url(images2/soph_17.png);
 width:135px;
 height:125px;
 float:left;
 background-repeat:no-repeat;
 }
  #box5{
 background:url(images2/soph_18.png);
 width:135px;
 height:119px;
 float:left;
 background-repeat:no-repeat;
 }

 #footer{
 height:52px;
 width:670px;
 float:left;
 text-align:center;
 margin-bottom:50px;
 margin-left:60px;
}


 
/*--------------------------------------------------------------------------------*/
/*#header{
 position: relative; 
 height:57px; 
 width:800px;
 background-image:url(images/newKCheader_01.jpg);
 background-repeat:no-repeat;
}
 #footer{
 height:50px;
 width:800px;
 clear:both;
 background-image:url(images/KC_12.jpg);
 background-repeat:no-repeat;
 float:left;
 text-align:left;
} 

#container{
 width: 800px;
 height:388px;
 text-align:left;
 margin: auto auto;
 clear:both;
 background-image:url(images/KC_02.jpg);
 background-repeat:repeat-y;
}
#wrapper{
 width: 800px;
 height:480px;
 text-align:left;
 margin: auto auto;
 clear:both;
}

#iframe{
 padding-left:52px;
 padding-top:2px;
}



#boxes{
 background-image:url(images/boxes_07.jpg);
 width: 258px;
 height:26px;
 float: left;
 margin-left: 5px;
 margin-top: 0px;
 }
  

/*navbar properites
#navbar{
 width:535px;
 height:83px;
 clear:both;
 list-style:none;
}
#nav {
 margin:0;
 padding:0px;
 width:535px;
 height:83px;
 list-style:none;
 display:inline;
 overflow:hidden;
}
#nav li {
	margin:0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;
	height:83px;
	width:535px;
}
#nav a {
 float: left;
 padding: 0px;
 overflow: hidden;
 height:83px;
 width:535px;
}
#nav a:hover {
 background-position: 0 -83px;
}
#nav a:active, #nav a.selected {
 background-position: 0 -83px;
}
#nav span {
 display:none;
}	
#nhome a {
	background:url(images2/home.png) no-repeat left top;
	width:67px;
	outline:none;
}  
#nabout a {
 background:url(images2/about.png) no-repeat left top;
 width:71px;
 outline:none;
}  
#nnews a {
 background:url(images2/news.png) no-repeat left top;
 width:62px;
 outline:none;
}  
#ngallery a {
 background:url(images2/gallery.png) no-repeat left top;
 width:81px;
 outline:none;
}  
#nmedia a {
 background:url(images2/media.png) no-repeat left top;
 width:85px;
 outline:none;
}  
#ncontact a {
 background:url(images2/contact.png) no-repeat left top;
 width:79px;
 outline:none;
}  
#nresume a {
 background:url(images2/resume.png) no-repeat left top;
 width:90px;
 outline:none;
}
 
 #updates{
 float:right;
 margin-top:-40px;
 margin-right:20px;
 outline:none;
 }
 
 #copyright {
 text-align:left;
 font-size:16px;
 margin-top:10px;
 }

 
 
h1 {
 color:#ccc;
 text-align:left;
 font:65.75%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing:.05em;
 padding-left: 50px;
 padding-top:0px;
 }
 h2 {
 color:#ccc;
 text-align:;left;
 padding-right: 50px;
 font:70%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing:.05em;
 }
 a:link {
  color:#8b9daf;
  font:100%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-stretch:narrower;
  letter-spacing:.05em;
  }
 a:visited, a.selected {
  color:#8b9daf;
  font:100%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-stretch:narrower;
  letter-spacing:.05em;
  }
 a:hover, a:active {
  color:#bc95a6;
  font:100%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-stretch:narrower;
  letter-spacing:.05em;
  }