/*======================
RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Arial, Tahoma, Sans-Serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height	: 1.3;
	color		: black;
	text-align	: center;
	background	: #fff;	 
}

ol, ul{
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content: "";
}
blockquote, q{
	quotes: "" "";
}

/*############### END RESET #################*/

html
{
	height : 100%;	
}

body
{
	height	: 100%;	
	background: #eee;
	color		: #222;
	min-width	: 960px;
}

/*=== wrapper divs to force page to fill browser ======*/
#pageNotFooter
{
	position	: relative;
	min-Height	: 100%;
	/*width		: 960px;	
	margin		: 0 auto;*/
}

* html #pageNotFooter
{
	height		: 100%;	
}

#headerAndContent
{
	height : 100%;	
}

/*======================
	HEADER
========================*/

#header
{	
	position	: relative;
	background	: url("../images/layout/headerBackRepeat.jpg") repeat-x center top;
	height		: 224px;
	z-index		: 996;
	/*margin		: 0 auto;*/
}

#headerNavAndBackground
{
	background	: url("../images/layout/headerNoLogoTextShadowBtnShad.jpg") no-repeat center top;
	height		: 224px;	
}

#headerShadow
{
	position	: relative;
	background	: transparent url("../images/layout/headerShadowPNG24.png") repeat-x top;
	height		: 17px;
	z-index		: 998; /*make shadow above content in display list*/	
}
/* overcomplicated - just use jpg!!*/
#headerLogoAndText
{
	position	: relative;
	top			: -275px;
	left		: -244px;
	width		: 422px;
	height		: 135px;
	background	: url("../images/layout/headerLogoTextPNG24.png") no-repeat center;	
	margin		: 50px auto 0;	
}

#headerHomeLink
{
	position: absolute;
	margin: 0 50%;
	left: -462px; top:14px;
	width: 434px; height: 142px;
}

/*==========================
	HEADER NAV MENU
===========================*/

ul#headerMenu
{
	position	: relative;
	min-width	: 960px;
	list-style	: none;	
	/*height		: 42px;	*/
	top			: -244px;	
	padding		: 0 0 0 50%;
	margin		: 0 0 0 -478px;
	z-index		: 999;	
}

ul#headerMenu li ul
{
	padding : 0;
	margin 	: 0;
	list-style	: none;		
	line-height: 1;	
	-webkit-box-shadow: 0px 6px 10px  #333333;
	-moz-box-shadow: 0px 6px 10px #333333;
	box-shadow: 0px 6px 10px #333333;  
}

ul#headerMenu li ul li
{
	border-bottom	: solid 1px #888;
	width: 158px;	
}

/* make 2nd level menu appear to left of parent */
ul#headerMenu li ul li ul
{
	margin: -23px 0 0 159px;
}


ul#headerMenu li 
{
	float:left;		
}

ul#headerMenu li a 
{
	background	:url("../images/layout/btns.jpg") no-repeat scroll top left;
	display		:block;
	height		:42px;
	position	:relative;
	text-indent : -999em;	
	text-decoration: none;	
}
	

ul#headerMenu li ul 
{
	position		: absolute;	
	width			: 158px;
	text-align		: left;
	left			: -999em;
	/*left			: auto;	*/
	background		: #666;
	border			: solid 1px #333;	
	padding-bottom	: 5px;
	margin-left		: -1px;
}
	
	ul#headerMenu li ul li:hover em, ul#headerMenu li ul li ul li:hover a
	{
		color : #fff;
		text-shadow : none;
	}


ul#headerMenu li ul li a,ul#headerMenu em
{
	display 	: block;
	background	:none;		
	text-indent : 0;
	width		: 140px;
	padding		: 5px 10px 5px 10px;
	color		: #222;
	font-weight	: bold;
	font-size	: 12px;
	height		: auto;
	text-shadow	: 0px 1px 1px #aaa;
	text-transform:uppercase
}
	


/* hide second level lists */
ul#headerMenu li:hover ul ul, ul#headerMenu li.sfhover ul ul
{
	left: -999em;
}


/* activates the menu */
ul#headerMenu li:hover ul, ul#headerMenu li li:hover ul, ul#headerMenu li.sfhover ul, ul#headerMenu li li.sfhover ul
{
	left: auto;
	cursor : default;
}


ul#headerMenu li a.home 
{
	width:160px;
}

ul#headerMenu li a.home:hover
{
    background-position:0px -42px;
}

ul#headerMenu li a.products
{
	width:160px;
	background-position:-160px 0px;
}
ul#headerMenu li a.products:hover
{
    background-position:-160px -42px;
}

ul#headerMenu li a.about
{
	width:160px;
	background-position:-320px 0px;
}
ul#headerMenu li a.about:hover
{
    background-position:-320px -42px;
}

ul#headerMenu li a.service
{
	width:160px;
	background-position:-480px 0px;
}
ul#headerMenu li a.service:hover
{
    background-position:-480px -42px;
}

ul#headerMenu li a.news
{
	width:160px;
	background-position:-640px 0px;
}
ul#headerMenu li a.news:hover
{
    background-position:-640px -42px;
}

ul#headerMenu li a.contact
{
	width:160px;
	background-position:-800px 0px;
}
ul#headerMenu li a.contact:hover
{
    background-position:-800px -42px;
}

/*======================
	CONTENT
========================*/

#content
{
	width			: 960px;
	position		: relative;
	margin			: 0 auto;
	padding			: 0 0 42px 0;
	text-align	 	: left;	
	overflow		: hidden;
	height			: 100%;
	z-index			: 3;
}

#content > div > *:first-child
{
	padding-top 	: 17px;
}

/*======================
	COLUMNS
========================*/

.col
{
	position		: relative;
	float			: left;	
	z-index			: 2;	
}
.sideBar
{	
	width			: 232px;	
}


.twoColWidth
{	
	width 			: 364px;	
}
.oneColWidth
{
	width			: 728px;	
}

.oneColWidthHeader h1
{
	margin-bottom : 0px;
}
.twoSideBarCentreCol
{
	width : 496px;	
}

/*======================
	Background Page Dividers
========================*/

#vertDividers
{	
	position		: absolute;
	top				: 0;
	bottom			: 0;	
	left			: 50%;
	margin-left		: -480px;
	width			: 958px;
	border-left		: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	background		: #fff repeat-x;	
	z-index			: 1;
}

.firstColFill
{
	left		: 231px;
	background	: #eee;
	width		: 364px;
}
.secondColFill
{
	left		: 595px;
	background	: #fff;
	width		: 364px;
}
.secondColDivider
{
	left			: 230px;
	width			: 364px;
	border-right	: 1px solid #eee;		
}
.leftSideBarBorder
{
	width			: 231px;
	border-right	: 1px solid #ccc; 	
}
.rightSideBarBorder
{
	width			: 231px;
	border-left		: 1px solid #ccc; 	
	right			: 0px;
}
.innerVertDividers
{
	position		: absolute;		
	height			: 100%;
}
/*======================
	SIDE BAR MENU
========================*/

ul#sideBarMenu
{
	list-style-image: url('../images/layout/bullets/bullets_08.png');	
}
 ul#sideBarMenu ul 
{
	list-style: none;
}
/*headings*/
ul#sideBarMenu > li
{	
	margin-bottom	: 12px;
}
ul#sideBarMenu > li em
{
	margin-left 	: -5px;	
	font-weight		: 600;
	font-size		: 14px;	
	color			: #444;	
	font-style		: normal;
}
/*heading / list gap*/
ul#sideBarMenu li ul
{
	margin-top	: 4px;
	margin-left	: 12px;	
	padding-left: 0px;
}
/*page gaps*/
ul#sideBarMenu li ul li
{
	margin-bottom	: 3px;	
}
ul#sideBarMenu li ul li a
{
	display			: block;
	width			: 100%;
	text-decoration	: none;
	color			: #666;
	font-size		: 13px;	
	font-weight 	: normal;
}
ul#sideBarMenu li ul li a:hover
{
	color	: #333;
}

ul#sideBarMenu li ul li.sideBarActivePage
{
	background : #eee;
	margin-left : -32px;
	padding-left: 32px;	
}

ul#sideBarMenu li ul li.sideBarActivePage a, ul#sideBarMenu li ul li.sideBarActivePage a:hover
{

	cursor : default;	
	color	: #aaa;	
	padding-left : 10px;
}


.sideBarActiveCat
{
	
}

/*======================
	FOOTER
========================*/


	
/* margin-top has to equal height + vert padding */
#footer
{	
	position	: relative;
	margin		: -42px 0 0 -1px;
	background 	: url("../images/layout/footerBackRepeat.jpg") repeat-x center;
	height		: 42px;	
	z-index		: 995;
}

#footerShadow
{
	position 	: relative;	
	background 	: transparent url("../images/layout/footerShadow.png") repeat-x center;
	height		: 17px;
	top			: -17px;
}

div#footerContent
{
	overflow	: hidden;
	padding		: 0 0 0 50%;
	margin		: -4px 0 0 -478px;
	text-align	: left;
}

ul#footerCopyrightList, ul#footerLinksList
{
	margin-top			: 0px;	
	margin-bottom		: 0px;		
	list-style	 		: none;
	color				: #222;
	text-shadow			: 0px 1px 1px #aaa;
}

ul#footerCopyrightList li, ul#footerLinksList li
{
	float	: left;
}

ul#footerCopyrightList li
{
	margin-right	: 20px;
}

ul#footerLinksList
{
	position	: relative;
	left 		: 528px;
}

ul#footerLinksList li
{
	border-left	: 1px solid #777;	
	padding-right	: 4px;
	padding-left	: 3px;	
}

ul#footerLinksList li:first-child
{
	border 	: none;
}	

ul#footerLinksList li a
{
	text-decoration	: none;
	color			: #333;
}

ul#footerLinksList li a:hover
{

	text-shadow		: none;
	color			: #ccc;
}