/* Kinetic Holding Site website css © 2005 Run Deep Ltd */

BODY	{
	margin:	0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 85%;
	color:#FFFFFF;
	background-color:#FFFFFF;
	background-image:url(../images/Kinetic_sparkler.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-position:top;
	}
	
.body	{ /* body class for bad browsers. apply this explicitly if the browser forgets the BODY tag */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 85%;
	color:#FFFFFF;
	}
div, p, th, td, li, dd, dl, dt    {
    	/* redundant selectors to help NS4 not forget */
    	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
    }
dt 	{
	font-weight: bold;
	}
ol, li, dl, dt, dd {
	line-height: 1.3em;
	}
p {
	margin-top: 0; padding-top: 0;
	line-height: 1.2em; /* set your leading here */
	margin-bottom: 	1em;
	font-size: 100%;
	}	
h1	{
	font-size:	2em;
	}
h2	{
	font-size:	1.75em;
	}
h3	{
	font-size:	1.5em;
	}
h4	{
	font-size:	1.25em;
	}
h5	{
	font-size:	1em;
	}
h6	{
	font-size:	0.8em;
	}		
h1, h2, h3, h4, h5, h6	{
	margin:	1.25em 0 0 0;
	font-family:	Helvetica, Arial, Verdana, sans-serif;
	}
img	{
		/* turns off gaps around images */
	border:	0
	}

code, tt, pre	{
	font: 85% "andale mono", monaco, courier, "courier new", monospace;
	color: #06c;
	background: transparent;
	}
	
/* positioning styles */

#container { 
	position: relative; 
	margin: 0 auto; 
	/*width:auto;*/
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	height:100%;
	}
	
#banner {
	/*position:relative;*/
	padding-top:36px;
	padding-left:30px;
	padding-bottom:32px;
	padding-right:38px;
	background-color:#66CC00;
	height:82px;
	}
	
#bannerIntro {
	background-color:#FF6600;
	/*position:relative;*/
	padding-top:36px;
	padding-left:30px;
	padding-bottom:32px;
	padding-right:38px;
	height:82px;
	}
	
#bannerLeft {
	float: left;
	position: relative;
	width:60%;
	
}

#bannerLogo {
 float:right;
 position:relative;
 text-align:right;
 
}

#mainContent01 {
	position:relative;
	width:740px;
	vertical-align:bottom;
	padding-left:30px;
	padding-top:150px;
	}
	
#introContent {
	position:relative;
	padding-left:30px;
	
	color:#FF3399;
	font-size:140%;
	
	
	}

#introLeftColumn {
	float: left;
	position: relative;
	padding-top:30px;
	padding-right:20px;
	display:inline;
	color:#FFFFFF;
	color:#FF3399;
	font-size:110%;
	width:400px;
	line-height:1.3em;
}

#introRightColumn {
	float: left;
	position: relative;
	color:#FFFFFF;
	font-size:80%;
	padding-top:30px;
	}
	
#contactContent {
	position:relative;
	width:740px;
	padding-left:30px;
	padding-top:30px;
	
	}

#contactLeftColumn {
	float: left;
	position: relative;
	display:inline;
	color:#FFFFFF;
	width:350px;
}

#contactRightColumn {
	float: left;
	position: relative;
	color:#FFFFFF;
	}

/* text styles */
	
.welcomeText {
	font-size:150%;
	}
	
.bannerText {
 color:#000000;
 }
 
.contactLocation {
 color:#FF3399;
 font-weight:bold;
}

.contactEmail {
color:#FFFFFF;
font-weight:normal;
}
	
/* links styles */
	
a {
	color:#000000;
	font-weight:bold;
	text-decoration: underline;
	}

a:hover {
	color:#FFFFFF;
	background-color:#000000;
	}

a.body:visited {
	color: #666666;
	}
	
a.bannerText {
 font-weight:bold;
 color: #000000;
 }
	
a.bannerText:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
a.contactEmail {
 text-decoration:underline;
 color:#FFFFFF;
 }
	
a.contactEmail:hover {
	color: #FF3399;
	text-decoration:none;
	}