body { text-align: center; background: #003466; margin: 0px; padding: 0px; font: normal 100%/normal Verdana, Arial, Helvetica, sans-serif; color: #333333; }
#ccmenu { width:766px; margin: 0px; padding: 0px; }
	ul#ccmenu { list-style-type: none; }
		#ccmenu li {float: left; padding: 0px; }
		#ccmenu li a {	display: block;	height: 44px;	text-decoration: none; }
			a#menu-home { width: 155px; background: url(i/home1.png) no-repeat 0;}
				a:hover#menu-home { width: 155px; background: url(i/home2.png) no-repeat 0;}
			a#menu-products { width: 144px; background: url(i/products1.png) no-repeat 0;}
				a:hover#menu-products { width: 144px; background: url(i/products2.png) no-repeat 0;}
			a#menu-about { width: 145px; background: url(i/aboutus1.png) no-repeat 0;}
				a:hover#menu-about { width: 145px; background: url(i/aboutus2.png) no-repeat 0;}
			a#menu-shop { width: 99px; background: url(i/order1.png) no-repeat 0;}
				a:hover#menu-shop { width: 99px; background: url(i/order2.png) no-repeat 0;}
			a#menu-contact { width: 223px; background: url(i/contactus1.png) no-repeat 0;}
				a:hover#menu-contact { width: 223px; background: url(i/contactus2.png) no-repeat 0;}
.leftcol {border: 1px dotted #CCC; padding: 10px; background: #ECECEC; }
.rightcol { padding-left: 10px; }
.maincol { margin-left: 15px; padding-left: 15px; padding-right: 15px; }
.box { background: #EAEAEA; border-left: 1px dotted #333; padding: 10px; width: 180px; }
.leftbox { background: #f5f5f5; border-right: 1px dotted #333; padding: 10px; }
.bluebox { background: #adbdce; border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 15px; margin: 15px 0px; }
.orangebox { background: #e9c9b9; border-top: 1px dotted #C63; border-bottom: 1px dotted #000; padding: 15px; margin: 8px 0px; color: #000; }
	.orangebox h2 { color: #C63; margin-bottom: 8px; }
	.orange p { color: #000; }
.media {float: left; width: 340px; padding-right: 15px;}
	.media h3 { color: #FFF; }
#redlink { font-size: 0.90em; }
#redlink a:link, #redlink a:visited {color: red; text-decoration: none; border-bottom: 1px solid #ECECEC;}
#redlink a:hover { background: red; color: #FFF; }


.footer {	color: #FFF; font: normal 7pt/normal Verdana, Tahoma, Arial, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 0.15em;}
	.footer a:link, .footer a:visited {color: #FFF; text-decoration: none; border-bottom: 1px dotted #ECECEC; }
	.footer a:hover {background: #003366; color: #FFF; }


.clear { clear: both; }
.greyline { border-top: 1px solid #ECECEC; margin: 5px 0 8px 0;}
.right { float: right; }
.left { float: left; }


.leftcol a:link, .lowerright a:link, .rightcol a:link, .maincol a:link, 
	.leftcol a:visited, .lowerright a:visited, .rightcol a:visited, .maincol a:visited  { background: #ECECEC; color: #C63; text-decoration: none; border-bottom: 1px dotted #C63;}
.leftcol a:hover, .lowerright a:hover, .rightcol a:hover, .maincol a:hover { background: #036; color: #FFF; }


p {	font-size: 0.7em; color: #333; line-height: 1.5em;	 margin: 0 0 1.2em 0; }
.tabled {font-size: 0.65em; color: #333; line-height: 1.5em;	 margin: 0 0 1.2em 0; }


hr { 	margin: 16px 0 16px 0;	clear: both; }


h1 {	font:  normal bold 1.6em/1.2em "Century Gothic",Tahoma,Arial, sans-serif;  color: #cc6633; margin: 0 0 10px 0; padding: 4px 8px 4px 0; border-bottom: 1px dotted #003366;}
h2 {	font:  normal bold 1.1em/1.0em "Century Gothic",Tahoma,Arial, sans-serif;	color: #999;	margin: 0;	padding: 15px 0 7px 0; letter-spacing: 115%;}
h3 {    font:  normal bold 1.0em/0.90em "Century Gothic",Tahoma,Arial, sans-serif;  color: #cc6633; padding: 0px; letter-spacing: 120%; 	text-transform: uppercase; }