* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: none; color: #ce2828; }
a:hover {text-decoration: underline;}


body {
	font: 62.5% "Trebuchet MS", Verdana, san-serif;  
	background: #2b364c url(img/bg.jpg) center 0 no-repeat;
	color: #2a354b;
	}
#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px;
	}




/* logo  --------------------------------*/
#header {
	width: 900px;
	height: 260px;
	clear: both;
	text-align: center;
	padding: 52px 0 0;
	font: bold 2em/1.1em "Trebuchet MS", Verdana, san-serif; 
	}


/* main content area */
#content { 
	width: 880px;
	padding: 0 10px 10px;
	margin: 0 0 15px;
	background: #fff url(img/bg_content.jpg) 0 bottom no-repeat;
	float: left;
	}
	#right { 
		width: 650px;
		float: right;
		}
	#wide { 
		width: 840px;
		float: left;
		padding: 0 20px;
		}


/* subnavigation */
#subnav { 
	width: 200px;
	background: #0b193e url(img/bg_subnav.jpg) 0 0 no-repeat;
	padding: 0;
	float: left;
	}
	#subnav div { 
		width: 160px;
		padding: 20px 20px 40px;
		background: url(img/bg_subnav_btm.jpg) 0 bottom no-repeat;
		min-height: 340px;
		float: left;
		}
		#subnav ul { width: 160px;float: left;}
			#subnav ul ul { width: 160px;padding: 0 0 5px;border-bottom: 1px dashed #6d768c;}
				#subnav ul ul ul  { width: 160px;padding: 0 0 5px; border-bottom: 0;}
					#subnav ul li{ 
						width: 160px;
						float: left;
						}
						#subnav ul li a{ 
							color: #fff;
							font: bold 1.4em/1.2em "Trebuchet MS", Verdana, san-serif;  
							padding: 5px 0 5px 15px;
							width: 145px;
							float: left;
							background: url(img/subnav_arrow1.gif) 0 center no-repeat;
							}
							#subnav ul li ul li a{ 
							color: #fff;
							font: bold 1.2em/1.2em "Trebuchet MS", Verdana, san-serif;  
							padding: 3px 0 3px 25px;
							border-bottom: 0;
							width: 135px;
							float: left;
							background: url(img/subnav_arrow2.gif) 15px center no-repeat;
							}
							#subnav ul li ul li ul li a{ 
							color: #afb4bf;
							font: normal 1.1em/1.2em "Trebuchet MS", Verdana, san-serif;  
							padding: 2px 0 2px 35px;
							border-bottom: 0;
							width: 125px;
							float: left;
							background: url(img/subnav_arrow3.gif) 25px center no-repeat;
							}
							#subnav ul li a.current{ background: #ce2828; color: #fff;}


/* path */
p.path { 
	font: normal 1.1em/1.2em "Trebuchet MS", Verdana, san-serif; 
	border-bottom: 1px dotted #a7acb8; 
	padding: 5px 0 12px;
	}


/* product box elements */
#right #greybox {
	background: #e3e7eb url(img/bg_product.gif) 0 0 no-repeat;
	width: 640px;
	margin: 0 0 20px;
	float: left;
	}
	#right #greybox div {
		background: url(img/bg_product-btm.gif) 0 bottom no-repeat;
		width: 590px;
		padding: 10px 25px 25px;
		float: left;
		}
		#right #greybox div.leftcol, #right #greybox div.rightcol {
			background: none;
			width: 295px;
			padding: 0;
			float: left;
			text-align: left;
			}
	#right #greybox div div {
		width: 345px; 
		text-align: center;
		float: right;
		padding: 0;
		background: none;
		}
	#right #greybox img.product {float: right;}
	#right #greybox p.btn a { 
		background: #b91f1f url(img/bg_btn_left.gif) 0 0 no-repeat;
		height: 28px;
		float: left;
		}
		#right #greybox p.btn a span { 
			background: url(img/bg_btn_right.gif) right 0 no-repeat;
			height: 24px;
			float: left;
			padding: 4px 15px 0;
			color: #fff;
			font-weight: bold;
			}
			#right #greybox p.btn a:hover span { text-decoration: underline;}



/* common font styles */
h1 { font: bold 2em/1.2em "Trebuchet MS", Verdana, san-serif; margin: 10px 0 15px 0; color: #0a1a3e;}
h2 { font: bold italic 1.4em/1.4em "Trebuchet MS", Verdana, san-serif; margin: 15px 0; padding: 10px 0; color: #3273d6; border-top: 1px dotted #a7acb8; border-bottom: 1px dotted #a7acb8;}
h3 { font: bold 1.4em/1.2em "Trebuchet MS", Verdana, san-serif; margin: 5px 0 2px; color: #0a1a3e;}
p { font: normal 1.2em/1.5em "Trebuchet MS", Verdana, san-serif; margin: 0 0 15px; }
#right ul { font: normal 1.2em/1.3em "Trebuchet MS", Verdana, san-serif; margin: 10px 15px 15px; }
#right ul li { margin: 0 0 8px; background: url(img/ul-li.gif) 0 5px no-repeat; padding-left: 15px;}
#right ol { font: normal 1.2em/1.3em "Trebuchet MS", Verdana, san-serif; margin: 10px 20px 20px; list-style-type: decimal;}
#right ol li { margin: 0 0 8px; list-style-type: decimal;}
img.right, img.brdr { background: #fff; border: 1px solid #a7acb8; padding: 2px; float: right; clear: right;margin: 0 0 15px 25px;}
img.brdr { float: none; margin: 0;}


/* table styles */
table { font: normal 1.2em/1.3em "Trebuchet MS", Verdana, san-serif; }
	table th { 
		background: #ce2828;
		color: #fff;
		padding: 3px 7px;
		text-align: left;
		border-right: 1px solid #e5e6e6;
		}
	
	table td { 
		background: #fff;
		padding: 10px 7px;
		border-right: 1px solid #e5e6e6;
		border-bottom: 1px solid #e5e6e6;
		}


/* form styles */
form { font: normal 1.2em/1.3em "Trebuchet MS", Verdana, san-serif;}
form label { float: left; width: 150px; clear: left; text-align: right; padding-right: 20px;}
form input { padding: 2px 4px; border: 1px solid #a7acb8; margin: 0 0 5px; width: 250px;}
form input.short { width: 50px;}
form input.checkbox { padding: 0; border: 0; margin: 0; width: auto;}
form input.btn { background: #ce2828; border: 0; margin: 0; width: auto; color: #fff; font-weight: bold; margin-left: 170px;}


/* footer styles */
#footer {
	clear: both;
	margin: 20px 0 0;
	padding: 10px 20px 0;
	width: 860px;
	height: 25px;
	background: #414a5f url(img/bg_footer.jpg) 0 bottom no-repeat;
	}
	#footer p {
		text-align: center;
		font-size: 1.1em;
		color: #7e8797;
		float: left;
		}
		#footer p.links {float: right;}
		#footer a { color: #dbdde1; padding: 0 5px;}
				
		
/* 	NAVIGATION */
	/* 	LEVEL ONE */
	ul.dropdown { 
		position: relative; 
		width: 835px;
		padding-left: 65px;
		margin: 0 auto;
		list-style-type: none; 
		}
		ul.dropdown li {
			float: left;
			height: 30px;
			zoom: 1;
			background: transparent; 
			list-style-type: none;
			}
			ul.dropdown li a {
				display: block;
				height: 30px;
				font: bold 1.4em/1.8em "Trebuchet MS", Verdana, san-serif;  
				color: #2a354b;
				margin: 0 5px 0 0;
				text-align: center;
				}
				ul.dropdown li.home a { width: 83px;	background: url(img/bg_nav.gif) 0 0 no-repeat;}
				ul.dropdown li.home a.current { width: 83px;	background: url(img/bg_nav.gif) 0 -30px; color: #fff;}
				ul.dropdown li.about a { width: 98px;	background: url(img/bg_nav.gif) -90px 0 no-repeat;}
				ul.dropdown li.about a.current { width: 98px;	background: url(img/bg_nav.gif) -90px -30px; color: #fff;}
				ul.dropdown li.products a { width: 107px;background: url(img/bg_nav.gif) -196px 0 no-repeat;}
				ul.dropdown li.products a.current { width: 107px;background: url(img/bg_nav.gif) -196px -30px; color: #fff;}
				ul.dropdown li.custom a { width: 138px;background: url(img/bg_nav.gif) -314px 0 no-repeat;}
				ul.dropdown li.custom a.current { width: 138px;background: url(img/bg_nav.gif) -314px -30px; color: #fff;}
				ul.dropdown li.ordering a { width: 101px;background: url(img/bg_nav.gif) -462px 0 no-repeat;}
				ul.dropdown li.ordering a.current { width: 101px;background: url(img/bg_nav.gif) -462px -30px; color: #fff;}
				ul.dropdown li.gallery a { width: 83px;background: url(img/bg_nav.gif) -573px 0 no-repeat;}
				ul.dropdown li.gallery a.current { width: 83px;background: url(img/bg_nav.gif) -573px -30px; color: #fff;}
				ul.dropdown li.contact a { width: 116px;background: url(img/bg_nav.gif) -664px 0 no-repeat;}
				ul.dropdown li.contact a.current { width: 116px;background: url(img/bg_nav.gif) -664px -30px; color: #fff;}
			
				ul.dropdown li a:hover { color: #ce2828;text-decoration: none;  }
				/* Doesn't work in IE */
				ul.dropdown li.hover,
				ul.dropdown li:hover {
					position: relative; 
					color: #ce2828;
					}
		
				/* 	LEVEL TWO */
				ul.dropdown ul {
					width: 140px;
					visibility: hidden;
					position: absolute;
					top: 27px;
					left: 2px; 
					list-style-type: none;
					margin: 0 ;
					padding: 0 0 5px;
					background: url(img/bg_nav_drop.png) 0 0 repeat;
					}
					ul.dropdown ul li {
						font-weight: normal;
						float: none; 
						width: 140px;
						height: 22px;
						}
						/* IE 6 & 7 Needs Inline Block */
						ul.dropdown ul li a, 
						ul.dropdown li.home ul li a,
						ul.dropdown li.about ul li a,
						ul.dropdown li.products ul li a,
						ul.dropdown li.custom ul li a,
						ul.dropdown li.gallery ul li a,
						ul.dropdown li.contact ul li a,
						ul.dropdown li.ordering ul li a {
							border-right: none;
							width: 125px;
							height: 12px;
							padding: 5px 5px 5px 10px;
							font: normal 1.1em/1.2em "Trebuchet MS", Verdana, san-serif; 
							text-align: left;
							display: inline-block; 
							background: none;
							}
							
							/* 	LEVEL THREE */
							ul.dropdown ul ul {
								left: 140px;
								top: 0; 
								}
								ul.dropdown li:hover > ul { visibility: visible; }
								ul.dropdown li.hover,
								ul.dropdown li.hover a,
								ul.dropdown li.hover ul li.hover a,
								ul.dropdown li.hover ul li.hover ul li.hover a,
								ul.dropdown li.hover ul li.hover ul li.hover ul li.hover a,
								ul.dropdown li ul li a:hover,
								ul.dropdown li ul li ul li a:hover,
								ul.dropdown li ul li ul li ul li a:hover { color: #f96003;}
								ul.dropdown li ul li a,
								ul.dropdown li ul li ul li a, 
								ul.dropdown li ul li ul li ul li a, 
								ul.dropdown li.hover ul li a, 
								ul.dropdown li.hover ul li.hover ul li a, 
								ul.dropdown li.hover ul li.hover ul li.hover ul li a { color: #fff;}