/* CSS Document */

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #000000;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 880px;
  text-align: center;
}

a:link
{ 
	text-decoration: none; 
	color: #CC6600;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: none; 
	color: #CC6600;
}

a:hover
{ 
	text-decoration: underline;
	color: #CC6600;
}


/*-- GENERAL BITS --------------*/
#container {margin: 0 auto; width: 880px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 880px; height: 130px; margin: 0; padding: 0;}

	#masthead ul {display: inline; list-style: none; margin: 0; padding: 0;}
	#masthead li {display: inline; float: left; margin: 0 18px 0 0;}
	#masthead li a {display: inline; float: left; height: 17px;}
	#masthead li span {display: none;}
	
#nav01 a {background: url(nav_home_off.gif) top left no-repeat; width: 51px; height: 17px;}
#nav01 a:hover {background: url(nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(nav_home_hov.gif) top left no-repeat; width: 51px; height: 17px;}

#nav02 a {background: url(nav_about_us_off.gif) top left no-repeat; width: 81px; height: 17px;}
#nav02 a:hover {background: url(nav_about_us_hov.gif) top left no-repeat;}
#nav02on {background: url(nav_about_us_hov.gif) top left no-repeat; width: 81px; height: 17px;}

#nav03 a {background: url(nav_our_products_off.gif) top left no-repeat; width: 122px; height: 17px;}
#nav03 a:hover {background: url(nav_our_products_hov.gif) top left no-repeat;}
#nav03on {background: url(nav_our_products_hov.gif) top left no-repeat; width: 122px; height: 17px;}

#nav04 a {background: url(nav_contact_us_off.gif) top left no-repeat; width: 99px; height: 17px;}
#nav04 a:hover {background: url(nav_contact_us_hov.gif) top left no-repeat;}
#nav04on {background: url(nav_contact_us_hov.gif) top left no-repeat; width: 99px; height: 17px;}

#nav05 a {background: url(nav_cnwebsite_off.gif) top left no-repeat; width: 46px; height: 17px;}
#nav05 a:hover {background: url(nav_cnwebsite_hov.gif) top left no-repeat;}
#nav05on {background: url(nav_cnwebsite_hov.gif) top left no-repeat; width: 46px; height: 17px;}



#headerLogo {position: absolute; top: 12px; left: 34px; width: 255px; height: 100px;}
#headerNavBar {position: absolute; top: 46px; left: 370px; height: 17px;}

/*-- MAIN AREA FORMAT -------------*/
.mainAreaTop {height: 30px; width: 880px; background: url(main_area_top.gif) top left no-repeat #FFFFFF; margin: 0; padding: 0;}
.mainAreaBottom {height: 20px; width: 880px; background: url(main_area_top.gif) bottom left no-repeat #FFFFFF; margin: 0; padding: 0;}
.mainAreaFormat {position: relative; float: left; display: inline; width: 880px; background: url(main_area_bg.gif) top left repeat-y #FFFFFF; margin: 0; padding: 0 0 10px 0;}


/*-- FOOTER AREA --------------*/
.footerContent {float: left; display: inline; width: 880px; text-align: left; padding: 30px 0 40px 0; margin: 0 auto;}
	.footerContent a:link {color: #FFFF33; text-decoration: underline; background-color: transparent;}
	.footerContent a:visited {color: #FFFF33; text-decoration: underline; background-color: transparent;}
	.footerContent a:hover {color: #FFFF33; text-decoration: none; background-color: transparent;}
.footerContent p {color: #CCCCCC; font-size: 11px; padding: 0; margin: 0;}

/*-- HOMEPAGE -----------*/
.homeFlashHolder {position: relative; float: left; display: inline; margin: 0 0 30px 30px; width: 820px;}

.homeWelcome {position: relative; display: inline; float: left; width: 260px; margin: 0 20px 0 30px;}
	.homeWelcome p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0 5px 0 5px;}
	.homeWelcome h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeWelcome ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-size: 11px;}
	.homeWelcome li {padding: 0 0 10px 25px; line-height: 1em; background-image: url(bullet.gif); background-repeat: no-repeat; background-position: 1em 0.1em;}

.homeAboutUs {position: relative; display: inline; float: left; width: 260px; margin: 0 20px 0 0;}
	.homeAboutUs p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 5px 5px 0 5px; padding: 0;}
	.homeAboutUs h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeAboutUs h4 {margin: 5px 5px 0 5px; font-size: 12px; font-weight: bold;}
	.homeAboutUs img {border: 0;}

.homeOurProducts {position: relative; display: inline; float: left; width: 260px; margin: 0 20px 0 0;}
	.homeOurProducts p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 5px 5px 0 5px; padding: 0;}
	.homeOurProducts h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeOurProducts h4 {margin: 5px 5px 0 5px; font-size: 12px; font-weight: bold;}
	.homeOurProducts img {border: 0;}

/*-- CONTENT PAGE -----------*/
.mainContent {position: relative; display: inline; float: left; width: 540px; margin: 0 20px 0 30px; font-size: 12px;}
	.mainContent p {font-size: 12px; line-height: 1.5em; margin: 0.7em 0 0.7em 0; padding: 0;}
	.mainContent h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.mainContent h2 {font-family: Georgia, Times, serif; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #333333; margin: 20px 0 0 0; padding: 0; line-height: 1em;}
	.mainContent h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 10px 0 10px 0;}
	.mainContent h5 {font-size: 12px; color: #666666; line-height: 1.6em; font-weight: normal;}
	.mainContent h5 strong {font-family: Georgia, Times, serif; font-size: 12px; font-weight: bold; font-variant: small-caps; color: #333333; margin: 20px 0 0 0; padding: 0; line-height: 1.5em;}
	.mainContent ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative;}
	.mainContent li {padding: 0 0 10px 25px; line-height: 1em; background-image: url(bullet.gif); background-repeat: no-repeat; background-position: 1em 0.1em;}
	.mainContent label {display: block; font-size: 14px; width: 150px; color: #333333; margin: 15px 0 0 0;}
	
.formInput { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}
.formTextarea { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; height: 100px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0;}
.formButton { border: 1px solid #CC6600; background-color: #CC6600; width: 100px; padding: 5px 0 5px 0; font-size: 14px; color: #FFFFFF;}

.k_in4 { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}
.k_in3 { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}
.k_in1 { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}
.k_in2 { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}
.k_in5 { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; font-size: 12px; color: #333333;}


.fbcontent { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 386px; padding: 5px; height: 100px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0;}
.formButton { border: 1px solid #CC6600; background-color: #CC6600; width: 100px; padding: 5px 0 5px 0; font-size: 14px; color: #FFFFFF;}


.sidebar {position: relative; display: inline; float: left; width: 260px; margin: 40px 0 0 0; padding: 0; font-size: 12px;}
	.sidebar p {font-size: 12px; line-height: 1.5em;}
	.sidebar h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 10px 0 10px 0;}
	.sidebar ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative;}
	.sidebar li {padding: 0 0 10px 25px; line-height: 1em; background-image: url(bullet.gif); background-repeat: no-repeat; background-position: 1em 0.1em;}

.sidebarPicture {position: relative; display: inline; float: left; width: 260px; margin: 0; padding: 0; font-size: 12px;}

/*-- OUR PRODUCTS PAGE -----------*/
.productsIntro {position: relative; float: left; display: inline; margin: 0 0 20px 30px; width: 820px;}
	.productsIntro h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.productsIntro h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 10px 0 10px 0;}

.productsRow {position: relative; float: left; display: inline; width: 820px; margin: 0 0 30px 30px;}
	.productsRow img {border: 0;}

.productsLeft {position: relative; display: inline; float: left; width: 260px; margin: 0 20px 0 0;}
	.productsLeft p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0 5px 0 5px;}
	.productsLeft h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.productsLeft h4 {margin: 5px 5px 0 5px; font-size: 12px; font-weight: bold;}

.productsMiddle {position: relative; display: inline; float: left; width: 260px; margin: 0 20px 0 0;}
	.productsMiddle p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 5px 5px 0 5px; padding: 0;}
	.productsMiddle h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.productsMiddle h4 {margin: 5px 5px 0 5px; font-size: 12px; font-weight: bold;}

.productsRight {position: relative; display: inline; float: left; width: 260px; margin: 0;}
	.productsRight p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 5px 5px 0 5px; padding: 0;}
	.productsRight h2 {margin: 0 0 10px 5px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.productsRight h4 {margin: 5px 5px 0 5px; font-size: 12px; font-weight: bold;}

/*-- GALLERY --------------------*/
.galleryMainColumn {position: relative; display: inline; float: left; width: 540px; margin: 0 20px 0 30px;}
.galleryRow {position: relative; float: left; display: inline; width: 540px; margin: 0 0 20px 0;}

.galleryThumb {position: relative; float: left; display: inline; width: 120px; height: 90px; margin: 0 20px 0 0; border: 0;}
.galleryThumbEnd {position: relative; float: left; display: inline; width: 120px; height: 90px; margin: 0; border: 0;}

.gallerySidebar {position: relative; display: inline; float: left; width: 260px; margin: 0; padding: 0; font-size: 12px;}
	.gallerySidebar p {font-size: 12px; line-height: 1.5em;}
	.gallerySidebar h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 10px 0 10px 0;}
	.gallerySidebar ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative;}
	.gallerySidebar li {padding: 0 0 10px 25px; line-height: 1em; background-image: url(bullet.gif); background-repeat: no-repeat; background-position: 1em 0.1em;}


