@charset "utf-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
background-color:#2b2b2b;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}
p.thanks{
	color:#03C;
	font-weight: bold;
}

a{
font-weight:bold;
color:#000000;
}
a:hover{
color:#000686;
}

#headerbg{
margin: 0;
padding: 0;
height: 196px;
width: 100%;
background-image:url(images/header-bg.jpg);
background-repeat:repeat-x;
}
#headerbgSub{
margin: 0;
padding: 0;
height: 264px;
width: 100%;
background-image:url(images/header-sub-bg.jpg);
background-repeat:repeat-x;
}

#headerTopper{
margin:0;
padding:0;
height: 3px;
width: 100%;
background-image:url(images/header-topper.jpg);
background-position:center;
background-repeat:no-repeat;
}
#headerTopperSub{
margin:0;
padding:0;
height: 3px;
width: 100%;
background-image:url(images/header-sub-topper.jpg);
background-position:center;
background-repeat:no-repeat;
}

#homeLogo{
margin:0 auto;
padding:0;
height: 132px;
width: 400px;
text-indent:-3333px;
background-image:url(images/logo-home.jpg);
background-position:center top;
background-repeat:no-repeat;
}

/*navigation ******************************************/

#navTopper{
margin:0 auto;
padding:0;
height: 7px;
width: 100%;
background-image:url(images/menu-topper.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#navTopperSub{
margin:0 auto;
padding:0;
height: 6px;
width: 100%;
background-image:url(images/menu-sub-topper.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#navBopper{
margin:0 auto;
padding:0;
height: 7px;
width: 100%;
background-image:url(images/menu-bopper.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}
#navBopperSub{
margin:0 auto;
padding:0;
height: 6px;
width: 100%;
background-image:url(images/menu-sub-bopper.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

#nav{
margin:0 auto;
padding: 0;
height:25px;
width:780px;
}

#nav li{
margin: 0 auto;
float:left;
list-style:none;
}

#nav li a {
margin:0;
float:left;
text-indent:-3000px;
overflow:hidden;
font:11px Arial, Helvetica, sans-serif;
position:relative;
border:0;
}

#nav a.home{
height: 25px;
width: 93px;
background:url(images/nav-home.jpg) no-repeat;
}
#nav a.about{
height: 25px;
width: 131px;
background:url(images/nav-about.jpg) no-repeat;
}
#nav a.team{
height: 25px;
width: 137px;
background:url(images/nav-team.jpg) no-repeat;
}
#nav a.services{
height: 25px;
width: 129px;
background:url(images/nav-services.jpg) no-repeat;
}
#nav a.partners{
height: 25px;
width: 133px;
background:url(images/nav-partners.jpg) no-repeat;
}
#nav a.contact{
height: 25px;
width: 153px;
background:url(images/nav-contact.jpg) no-repeat;
}


#nav li a:hover {
background-position:0 50%;
}


/*nav page states ******************************************/

body#home-page #nav li a.home{
background-position: 0 bottom;
}
body#about-page #nav li a.about{
background-position: 0 bottom;
}
body#services-page #nav li a.services{
background-position: 0 bottom;
}
body#partners-page #nav li a.partners{
background-position: 0 bottom;
}
body#team-page #nav li a.team{
background-position: 0 bottom;
}
body#contact-page #nav li a.contact{
background-position: 0 bottom;
}


/*main page  ******************************************/

#bodyCont{
margin:0;
padding:0;
width:100%;
background-color:#f2f2f2;
}

#banner{
margin:0 auto;
padding: 5px 0 15px 0;
height: 38px;
width: 100%;
text-indent:-3333px;
background-image:url(images/home-banner2.jpg);
background-position:center;
background-repeat:no-repeat;
}

#homeImages{
margin: 0 0 23px 0;
padding: 0;
height: 218px;
width: 100%;
text-indent:-3333px;
background-image:url(images/home-photos.jpg);
background-position:45% 0;
background-repeat:no-repeat;
background-color:#dddddd;
}

#textHome{
margin:0 auto;
padding: 15px 45px 15px 15px;
width: 700px;
line-height:20px;
}

.psyche{
height:1px;
clear:both;
}


/*footer  ******************************************/

#footerHome{
margin:0;
padding: 0;
width: 100%;
background-image:url(images/home-text-bg.jpg);
background-repeat:repeat-x;
background-color:#d9d9d9;
}

#footerTopper{
margin:0 auto;
padding:0;
height: 3px;
width: 100%;
background-image:url(images/footer-topper.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#f2f2f2;
}
#footerTopperSub{
margin:0 auto;
padding:0;
height: 3px;
width: 100%;
background-image:url(images/footer-sub-topper.jpg);
background-position:center bottom;
background-repeat:no-repeat;
background-color:#2b2b2b;
}
#footerBopper{
margin:0 auto;
padding:0;
height: 3px;
width: 100%;
background-image:url(images/footer-bopper.jpg);
background-position:center;
background-repeat:no-repeat;
}

#footerGlobal{
margin:0;
padding:0;
width: 100%;
background-color:#2b2b2b;
}

#footerAddress{
margin:15px 0 15px 0;
padding:0;
width: 100%;
height: 17px;
background-image: url(images/footer-addy.gif);
background-position:center top;
background-repeat:no-repeat;
}

#footerNotes{
margin:0 auto;
padding:15px 0 30px 0;
width: 898px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#f9f4ee;
clear:both;
border-top: solid 1px #666666;
}
#footerNotes a:link, #footerNotes a:visited {
color:#bababb;
text-decoration:none;
font-weight:normal;
}

#footerNotes a:hover, #footerNotes a:active {
color:#ffffff;
text-decoration:underline;
font-weight:normal;
}

.footerLeft{
float:left;
}
.footerRight{
float:right;
padding-right: 29px;
background-position:right;
background-repeat:no-repeat;
background-image:url(images/cp-logo.gif);
}

#footerSub{
clear:both;
margin:0;
padding: 55px 0 0 0;
width: 100%;
background-image:url(images/footer-sub-bg.jpg);
background-repeat:repeat-x;
background-color:#d9d9d9;
}

#flashHeader{
margin:0 auto;
padding:0;
width:956px;
height:188px;
overflow-y:hidden;
}

#welcomeAbout{
margin:0;
padding:0;
width:100%;
height:33px;
background-image:url(images/welcome-to-kinetic.jpg);
background-position:center;
background-repeat:no-repeat;
}
#welcomeServices{
margin:0 auto;
padding:0;
width:920px;
height:33px;
background-image:url(images/services-at-kinetic.jpg);
background-repeat:no-repeat;
}
#welcomePartners{
margin:0 auto;
padding:0;
width:920px;
height:33px;
background-image:url(images/partners.jpg);
background-repeat:no-repeat;
}
#welcomeTeam{
margin:0 auto;
padding:0;
width:920px;
height:33px;
background-image:url(images/team.jpg);
background-repeat:no-repeat;
}


H1{ 
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#contactAbout{
margin:0;
padding:0;
width:100%;
height:33px;
background-image:url(images/contact-kinetic.jpg);
background-position:center;
background-repeat:no-repeat;
}


#subTextCont{
margin:0 auto;
width:915px;
}



#subRight{
float:right;
margin:0;
width:450px;

}

#subLeft{
float:left;
width:392px;
}


.subText{
margin: 0;
padding:5px 80px 5px 30px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.inset{
margin: 0;
padding:5px 80px 15px 90px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url(images/inset-bg.jpg);
background-position:center;
background-repeat:no-repeat;
}

.inset ul{
margin:-8px 0 0 0;
padding: 0 0 0 15px;
list-style:none;
list-style-type: disc;
list-style-image: url(images/bullet.gif);
list-style-position: inside;
text-indent: -15px;
line-height:18px;
}
.inset li{
margin: 0 0 10px 0;
}

#formTable{
padding: 10px;
border: 1px solid #CCCCCC;
}
.formText{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}

.hours{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000;
}

#serviceDiv, #serviceDiv p{
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#serviceDiv ul{
margin:-2px 0 0 0;
padding: 0 0 0 15px;
list-style:none;
list-style-type: disc;
list-style-image: url(images/bullet.gif);
list-style-position: inside;
text-indent: -15px;
line-height:12px;
}
#serviceDiv li{
margin: 0 0 10px 0;
}

#serviceDiv .service1{
padding:5px 80px 15px 90px;
background-image:url(images/services-bg1.gif);
background-position:center top;
background-repeat:no-repeat;
}
#serviceDiv .service2{
padding:5px 80px 15px 90px;
}
#serviceDiv .service3{
padding:5px 80px 15px 90px;
background-image:url(images/services-bg2.gif);
background-position:center top;
background-repeat:no-repeat;
}

.bioC{
	margin-top:10px;
	padding:5px 80px 15px 90px;
	background-image:url(images/bigteambg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:visible;
}
.bioA{
	margin-top:10px;
	padding:5px 80px 15px 90px;
	overflow:visible;
}
.bioP{
	margin-top:10px;
	padding:5px 80px 15px 90px;
	background-image:url(images/smteambg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:visible;
}

.bio p{
	font-size:12px;
}



#smCont{
	width:700px;
	height:40px;
	margin:0 auto;
}
.email{
	background-image:url(images/sm-newsletter.gif);
	width:113px;
	height:39px;
	overflow:hidden;
	background-position:top;
	text-indent:-3333px;
	float:left;
	margin:5px 15px 5px 15px;
}

.facebook{
	background-image:url(images/sm-facebook.gif);
	width:197px;
	height:39px;
	overflow:hidden;
	background-position:top;
	text-indent:-3333px;
	float:left;
	margin:5px 15px 5px 15px;
	}

.yelp{
	background-image:url(images/sm-yelp.gif);
	width:117px;
	height:39px;
	overflow:hidden;
	background-position:top;
	text-indent:-3333px;
	float:left;
	margin:5px 15px 5px 15px;
}

.twitter{
	background-image:url(images/sm-twitter.gif);
	width:147px;
	height:39px;
	overflow:hidden;
	background-position:top;
	text-indent:-3333px;
	float:left;
	margin:5px 15px 5px 15px;
}


.email:hover, .facebook:hover, .yelp:hover, .twitter:hover{
	background-position:bottom;
	cursor:pointer;
}