/* CSS Document */

body {
	background-color: #616161;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #c4beb3;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	width: 100%;
}

#wrapper {
		width: 1024px;
    	margin: 0 auto;
    	padding: 0;
   		text-align: left;  /* hack for center alignment */
		background: transparent url(images/headerbg.jpg) top right no-repeat;
}

/* hecking the center alignment once again for the center table */

#wrapperctr {
		width: 1024px;
    	margin: 0 auto;
    	padding: 0;
   		text-align: center;
}

#wrappermain {
	width: 856px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


li, ul {
	list-style: none;
	}

a img {
	border: none;
}

a {
	text-decoration: none;
	color: #a7a9ac;
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

	table#main {
		width: 100%;
		border: none;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		font-size: 1.2em !important;
		font-size: 1.1em;
	}
	
	td#headerprod {
		width: 95px;
		height: 85px !important;
		height: 60px;
		color: #000;
		font-size: 1.2em;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
		padding-top: 20px;
	}

	td#headermenu {
		width: 770px;
		height: 85px !important;
		height: 60px;
		vertical-align: top;
		padding-top: 17px !important;
		padding-top: 15px;
	}
	
	td#flash {
		width: 865px;
		height: 412px;
		margin: 0;
		padding: 0;
		vertical-align: top;
		azimuth: center;
	}
	
	td#frontcontent {
		width: 865px;
		background: url(images/frontbg.jpg) repeat-y left;
		margin: 0;
		padding: 0;
	}
	
		div#contentpattern {
			width: 865px;
			min-height: 488px;
			background: transparent url(images/contentpatternbg.jpg) no-repeat top left;
			margin: 0;
			padding: 0;
		}

	/* front page four box info styles */
	
		table#infobox {
			width: 864px;
			margin: 0;
			padding: 0;
			border: none;
			border-collapse: collapse;
		}
		
		td.boxed {
			width: 187px;
			height: 180px;
			background: transparent url(images/frontinfobg.jpg) no-repeat top center;
		}
		
		div.container {
			padding: 0;
			margin-left: 24px;
			margin-right: 3px;
			margin-top: 10px;
			width: 150px;
			height: 170px;
		}
		
		.title {
			font-size: 1.3em;
			font-weight: bold;
			color: #000;
			line-height: 1.7em;
		}
		
		.description {
			font-size: 1.2em;
			font-weight: bold;
			color: #fff;
		}
		
		td.filler {
			width: 58px;
			height: 180px;
		}
	/* end */
	
	td#frontcontentclose {
		width: 865px;
		height: 22px;
		background:  transparent url(images/frontbgclose.jpg) no-repeat left;
		margin: 0;
		padding: 0;
		
	}
	
	td#bottomnavi {
		width:865px;
		height: auto;
		background: #616161;
		padding: 0;
		margin: 0;
		text-align: center;
		vertical-align: top;
	}
	
			div#bottomnaviwrap {
				padding: 0;
				margin-top: 0 !important;
				margin-top: 10px;
			}
			
			#bottomnavi li {
				padding: 0; 
				margin: 0;
				text-align: center;
				width: auto;
				display: inline;
				}
			
			#bottomnavi a {
				font-weight: regular;
			}
					
	/* landing page style commencing */
	
	td#locationbar {
		width: 865px;
		height: 120px;
		margin: 0;
		padding: 0;
		background: transparent url(images/locationbarbg.jpg) no-repeat center;
	}
		
		div.bread {
			width: 855px;
			height: 20px;
			margin-top: 72px;
			margin-bottom: 28px;
			text-align: right;
			padding: 0;
			font-size: 1.3em;
		}
		
		.bread a {
			font-weight: bold;
		}
			
	table#landing {
		width: 815px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 0;
		background: none;
	}
		
		#landing a, #landing a:hover {
			color: #000;
		}
				
		td.topfiller {
			width: 815px;
			height: 35px;
			margin: 0;
			padding: 0;
		}	
		
		td.landcontent {
			width: 815px;
			height: 220px;
			margin: 0;
			padding: 0;
			text-align: left;
			vertical-align: top;
		}
		
			div.typeprod {
				color: #000;
				font-weight: bold;
				font-size: 1.3em;
			}
			
			table#landdetails {
				width: 730px;
				height: 190px;
				margin-left: 85px;
				padding: 0;
			}
			
				td.landbox {
					width: 146px;
					margin: 0;
					padding: 0;
					height: 190px;
				}
				
				div.landinside {
					width: 136px;
					margin-right: 10px;
					padding: 0;
					height: 190px;
					text-align: right;
				}
				
				div.prodtitle {
					color: #000;
					font-weight: bold;
					size: 1.2em;
					line-height: 1.5em;
				}
				
				div.blurb {
					color: #000;
					size: 1.1em;
				}
		td.btmfiller {
			width: 815px;
			height:75px;
			margin: 0;
			padding: 0;
		}
	
	/* text page styling */
	
			
	table#textpg {
		width: 815px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 0;
		background: none;
	}
		
		#textpg a, #textpg a:hover {
			color: #c7c1b5;
			font-weight: bold;
		}
			div.textmain {
				float: left;
				width: 250px;
				color: #000;
				font-weight: bold;
				font-size: 1.3em;
				margin: 0;
				padding: 0;
			}
			
			div.textmaincontent {
				float: right;
				width: 565px;
				color: #000;
				font-size: 1.1em;
				margin: 0;
				padding: 0;
			}
			
			div.textheader {
				color: #000;
				font-size: 1.2em;
				font-weight: bold;
			}
			
			li.liststyle {
				padding-left: 0;
				margin-left: -2.75em;
			}