/*HLCF main.css stylesheet, Keith Moloney - Spark Marketing Communications November 2008*/

/* Universal Declarations - changing these will affect the persistant styles of the site (header, footer, and the main content area (940 x 460(min))) */
html { height: 100%; }
body{ font:12px Verdana, Helvetica, Arial, sans-serif; margin: 0; min-height:100%; position:relative; background-color: #fff; }
* html body{height:100%;}

hr			{ border: 1px dashed gray; }
img			{border:none;}
a img 		{border:none;}

body a			{ color:#073545; text-decoration:none; }
body a:hover	{ text-decoration:underline; }

#headerMain				{ width:940px; height:160px; background: url(../images/bg-head.gif) no-repeat; margin:10px auto 0 auto;}
#headerMain .logo		{position:absolute; top:10px; left:10px; width:248px; height:109px; overflow:hidden; text-indent:-9999px; background:url(../images/logo.gif) no-repeat; }

#main					{
	position:relative;
	margin:0 auto;
	width:960px;
	overflow:hidden;
	left: 19px;
}

#main-nav				{ position:absolute; top:130px; left:48px; margin:0; padding:0; list-style:none; }
#main-nav li			{ float: left; padding:0 14px 0 0; }
#main-nav li a			{ display:block; height:15px; text-indent:-9999px; }
#main-nav li a:hover, #main-nav li.active a{ background-position:0 -15px; }
#main-nav li .item1		{ width:41px; background:url(../images/item1.gif) no-repeat; }
#main-nav li .item2		{ width:67px; background:url(../images/item2.gif) no-repeat; }
#main-nav li .item3		{ width:68px; background:url(../images/item3.gif) no-repeat; }
#main-nav li .item4		{ width:101px; background:url(../images/item4.gif) no-repeat; }
#main-nav li .item5		{ width:79px; background:url(../images/item5.gif) no-repeat; }

#contentMain			{ width:940px; height:auto !important; min-height:460px; margin:0 0 10px 10px;}
#conetentClearMain		{ width:1px; height:1px; display:block; clear:both;}

.foo					{ position:absolute; bottom:10px; width:100%;}
#footerMain				{ width:940px; margin:0 auto; overflow:hidden; height: 100px; background:url(../images/bg-foot.gif) no-repeat 0px 0; padding-top: 50px; clear:both; }
#footerMain p			{ color:white; }

#companyAddress			{ float:left; margin-left:20px; width:340px; text-transform:uppercase; }

#contactDetail			{ float:left; }
#contactDetail a		{ text-decoration: none; color:white; }

#footerNavigation		{ float:left; margin-left: 130px; color:white; }
#footerNavigation ul	{ list-style-type:none; }
#footerNavigation li	{ display:inline; padding:0 12px 0 0; }

#errataNavigation		{ float:left; margin-left:130px; color:white; margin-top:-10px; }
#errataNavigation ul	{ list-style-type:none; }
#errataNavigation li	{ display:inline; padding:0 12px 0 0; }

#footerNavigation a, #errataNavigation a { text-decoration:none; color:white;}
#footerNavigation a:hover, #errataNavigation a:hover { text-decoration:underline;}

/*The following statements are index.html specific */
/*lead image (hanging off left) */
#leadImage				{ width:300px; height:460px; margin:0px 10px 10px 0; float:left; background-color:green; }

/* content (middle) lozenge - index.html */    
#copyAreaMain			{ width:300px; height:460px; min-height:460px; margin:0px 10px 10px 320px; background: url(../images/copyAreaBackground.jpg) top left no-repeat; }
#copyAreaMain p			{ width: 270px; height:auto; margin:0 auto; font: normal 12px/18px verdana, 'trebuchet ms', helvetica, arial, sans-serif; padding-bottom: 24px; color:#2F3230; }
.firstParagraph			{ padding-top:120px; }

/* product matrix (far) lozenge - index.html */    
#productMatrixMain		{ width:300px; height:460px; margin:0px 0px 10px 0; padding:0px; float:right; background: url(../images/matrixLozenge.jpg) top left no-repeat; }
#productMatrixMain ul 	{ list-style:none; padding:0; margin:10px 0 0 20px; }
#productMatrixMain li 	{ list-style:none; width:80px; height: 140px; float:left; margin:10px 10px 0 0; text-align: center; }
#productMatrixMain li img	{ margin-bottom:5px; height:80px; width:80px; display: block;}
#productMatrixMain a:link	{ text-decoration: none; color:#073545; font:normal 12px Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif; display: block; }

/* The following statements are content-page.html specific */
/* Establish 3 columns on content pages template=content-page.html */
/* Left Column on content page template */
#contentCopy					{ width:360px; height:auto; float:left; padding: 0px 0px 0px 40px; margin: 0; color:#5c5a5c; text-align: justify; }
#contentCopy h3					{ padding:0px; margin:0px; color:#163853;}
#contentCopy h1					{ margin:0px 0px 12px 0px; }
#contentCopy h4					{ color:#676767; }
.noPad							{margin-bottom:-10px; padding-bottom:-10px;}
.pushDown						{margin-bottom:8px;}

#contentCopyProducts			{ width:670px; height:auto; float:center; padding: 0px 0px 0px 40px; margin: 0; color:#888; text-align: justify; }
#contentCopyProducts ul			{ list-style:none; margin:20px 0 0 -40px; font:bold 11px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase;}
#contentCopyProducts li			{ float:left; margin:0px 20px 0px 0px; width:80px; height:150px; padding:16px; text-align:center; background:url(../images/productListBG.jpg) top left no-repeat;}
#contentCopyProducts li img		{ margin-bottom:5px; height:80px; width:80px; display: block;}


/* Middle Column on Content Page Template */
#errataCopy				{ width:180px; height:auto; margin: 42px 0 0 40px; float:left; color:#5c5a5c; text-align: justify; }
#errataCopy h1			{ margin:0px 0px 12px 0px; font-size:14px; }
#errataCopy ul			{ list-style:none; margin:0 0 40px 0; padding:0; }
#errataCopy li			{ text-indent:0px; margin:0; padding:0; }
#errataCopy p			{ font-size:10px; color:#2F3230; }
#errataCopy a			{ text-decoration:none; color:#073545; }
#errataCopy a:hover		{ text-decoration:underline; }

/* Right Column (Lead Image) on Content Page Template */
#contentLeadImage		{ width:300px; height:460px; margin-left:20px; float:left; }

.orderedProductsList	{list-style:none;}
.orderedProductsList li	{margin-left:-20px; padding-left:-20px; text-indent:-20px; list-style-position:inside;}
.unorderedProductsList	{list-style:none;}