/* CSS Document */

body {

font-family: Georgia, "Times New Roman",Times, serif;
background-color: #000000;
font-size: 17px;
line-spacing: 22px;

}

#navigation 
{	
position: relative;
top: 165px;	
left: 	301px;
width:630px;	
height:33px;
padding: 0px;
z-index:6;
}


#home
{	
display: block;	
width: 105px;
height: 33px;  
background: url("home.gif") no-repeat 0 0;
}
#home:hover
{
background-position: 0 -33px;
}
#home span
{	
display: none;
}



#about
{
display: block;
width: 105px;
height: 33px;
background: url("about.gif") no-repeat 0 0;

}

#about:hover
{  
background-position: 0 -33px;
}
#about span
{  
display: none;
}


#products
{
display: block; 
width: 105px; 
height: 33px;
background: url("products1.gif") no-repeat 0 0;
}
#products:hover
{ 
background-position: 0 -33px;
}
#products span
{
display: none;
}

#services
{
display: block;
width: 105px;
height: 33px;
background: url("services.gif") no-repeat 0 0;
}
#services:hover
{
background-position: 0 -33px;
}
#services span
{
display: none;
}

#contact
{display: block;
width: 105px;
height: 33px;
background: url("contact.gif") no-repeat 0 0;
}
#contact:hover
{
background-position: 0 -33px;
}
#contact span
{
display: none;
}




#thumbnailstable

{
	background: url("tableback.gif");
	position: absolute;
	width: 566;
	height: 650;
	z-index: 7;

}

#close
{
	display: block;
	width: 20px;
	height:20.5px;
	background: url("close.jpg") no-repeat 0 0;
	
	
}

#close:hover
{
background-position: 0 -20.5px;
}
#close span
{
display: none;
}


#container
{
	margin:auto;
	width:900px;
	background: #CCC;
	height: 925px;
}
#banner 
{
width: 900px;
padding: 0px;
height: 197px;
z-index:1;background: url('CKWebsitebanner.jpg') no-repeat 0 0;	
 
}	
.style1 
{
	position: absolute;
	padding-top: 177px;
	padding-left:7px;
	color: #FFFFFF;
	letter-spacing: .5px;
	width: 300px;
	font-size: 14px;
	line-height:14px;
}


#bodycontent 
{
float: right;
top:197px;
height:644px;
padding-right:40px;
z-index:4;
line-spacing: 14px;
width:535px;
font-size:16px;


}

.heading
{
padding-left:150px;
padding-top: 5px;
font-size:25px;
color: #0066cc;
font-weight: 600;

}


.contact
{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}


#leftpanel 
{
float: left;
top:197px;
background: url('leftback.gif') no-repeat 0 0;
padding-top: 10px;
padding-bottom: 5px;
width:301px;
height: 637px;
font-size: 16px;
}
#leftpanel a:link {

color: #FFFFFF;
text-decoration: none;

}
#footer
{
clear:both;
padding-left: 250px;
top:766px;
height: 25px;
width:650px;
font-size:14px;
z-index: 3;

}


.footer {font-color: #000000;padding-left: 100px;padding-top:3px;} 




#leftpanel A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
#leftpanel A:visited { COLOR: yellow; TEXT-DECORATION: none; font-weight: normal }
#leftpanel A:active { COLOR: black; TEXT-DECORATION: none }
#leftpanel A:hover { COLOR: yellow; TEXT-DECORATION: underlined;  }

#bodycontent A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
#bodycontent A:visited { COLOR: yellow; TEXT-DECORATION: none; font-weight: normal }
#bodycontent A:active { COLOR: black; TEXT-DECORATION: none }
#bodycontent A:hover { COLOR: yellow; TEXT-DECORATION: underlined; font-weight: bold }

