/* 
	SafeTec
	Master Screen CSS
	
	Alison Endacott
	July 2008
*/
 
* {
	margin: 0;
	padding: 0;
}
 
 img {
 	border: 0;
 }
 
 body {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	line-height: 1.3;
	
	}
	
 
 a {
 	color: #2795C9;
 }
 	a:hover {
		text-decoration: underline;
		color: #f90;
	}
	
	a:visited {
		color:;
	}

	
#container {
	width: 769px;
	margin: 0 auto;
	position: relative;
	
	padding: 0 110px 0 111px; 
	background: #fff url(/images/web/bg.jpg) 50% repeat-y;
}
  
 	h1 {
		float: left;
		_display: inline;
	}
		h1 a {
			display: block;
			width: 235px;
			height: 85px;
			text-indent: -9999px;
			overflow: hidden;
		}
 
 
 #skiplink {
 	position: absolute;
	left: -9999px;
 }
 
 
#content {
	

}

body.home #content {
	
}

body.career #content #innerContent ul li {
	
}

/* ------------------------ 
		head
------------------------ */

#head {
	height: 89px;
	background: url(/images/web/bg-head.jpg) no-repeat;
}

	#topNavigation {
		position: absolute;
		top: 0;
		right: 110px;
		height: 16px;
	}
	
		#topNavigation li {
			display: block;
			float: left;
			list-style: none;
			_display: inline;
		}
		
			#topNavigation li a {
				display: block;
				height: 16px;
				text-indent: -9999px;
				width: 50px;
				overflow: hidden;
			}
		
	fieldset#search {
		width: 235px;
		float: right;
		_display: inline;
		color: #fff;
		border: 0;
		margin-top: 25px;
	}
	
		#search legend {
			display: none;
		}
		
		#search input {
			border: 0;
			padding: 3px 0 4px 0;
		}
		
		#search #Header1_Go,
		#search #Header_Go {
			position: relative;
			top: 11px;
			*top: 8px;
		}
	
		

/* ------------------------ 
		NAV
------------------------ */
#navigation {
	width: 768px;
	height: 18px;
	position: relative;
	z-index: 99;
	background: url(/images/web/nav-home2.gif) no-repeat;
}

body.home #navigation {
	width: 580px;
	background: url(/images/web/nav-home2.gif) no-repeat;
}
	
		#navigation li {
			display: block;
			float: left;
		}
		
			#navigation li a {
				display: block;
				height: 18px;
				background: url(/images/web/nav.gif) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
				}

#navigation #navCompany a {
	width: 80px;
}
	#navigation #navCompany a:hover {
		background-position: 0 -18px;
	}
	
#navigation #navProducts a {
	width: 70px;
	background-position: -80px 0;
}
	#navigation #navProducts a:hover {
		background-position: -80px -18px;
	}

#navigation #navDistributors  a {
	width: 85px;
	background-position: -150px 0;
}
	#navigation #navDistributors  a:hover {
		background-position: -150px -18px;
	}

#navigation #navDownloads  a {
	width: 84px;
	background-position: -235px 0;
}
	#navigation #navDownloads  a:hover {
		background-position: -235px -18px;
	}
	
#navigation #navPrivate a {
	width: 95px;
	background-position: -319px 0;
}
	#navigation #navPrivate a:hover {
		background-position: -319px -18px;
	}

#navigation #navContract a {
	width: 136px;
	background-position: -414px 0;
}
	#navigation #navContract a:hover {
		background-position: -414px -18px;
}
	
		
			
				
/* single drop down styles */		
ul#navigation ul { /* all lists */
	list-style: none;
	margin: 0;
	background: #f7f7f8;
	z-index: 99;
	border: 1px solid #cccece;
	_width: 100px;
}




	ul#navigation ul li {
		font-size: 90%;
		display: block;
		text-indent: 0;
		float: none;
		height: 1%;
		padding: 0 5px;
	}
		ul#navigation ul a {
			color: #cd4034;
			text-decoration: none;
			display: block;
			margin: 0;
			line-height: 1;
			background: #f7f7f8;
			text-indent: 0;
			height: auto;
			border-bottom: 1px solid #cccece;
			text-align: center;
			padding: .5em 5px;
		}
		
		#navigation #navProducts ul a {
			width: 150px;
		}	
			
			ul#navigation ul a:hover
			 {
				color: #18469b;
				}
				
		ul#navigation li ul { /* second-level lists */
			position: absolute;
			left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		ul#navigation li:hover ul, ul#navigation li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}			
		
		/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			ul#navigation li.hover {
				*position: static;
			
			}
			
			/*second level drop down */
			#navigation li ul ul {
				margin: -1.9em 0 0 165px;
				font-size: 115%;
			}
			
			#navigation li:hover ul ul, #navigation li.sfhover ul ul {
				left: -999em;
			}
			
			#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
				left: auto;
			}
			
	
/* ------------------------ 
		home page
------------------------ */
#banner {
	width: 768px;
	height: 285px;
	background: url(/images/web/flash-backup.jpg) no-repeat;
	position: relative;
	top: -29px;
}

	body.home #sideBar {
		width: 228px;
		padding: 0 22px;
		margin: 0;
		margin-top: -20px;
		float: left;
		_display: inline;
	}
	
	body.home #innerContent {
		width: 475px;
		background: transparent;
		padding: 0 10px;
		margin: 0;
		margin-top: -20px;
		float: left;
		_display: inline;
	}
	
	body.home #catalog {
		width: 200px;
		float: left;
		_display: inline;
		margin-top: 0;
		padding: 0;
	}
/*
		body.home #catalog a {
			width: 140px;
			height: 76px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/images/web/catalog_home.jpg) no-repeat;
		}*/
		
		
	#dist {
		margin-left: 40px;
		margin-top: 30px;
		width: 184px;
		float: left;
		_display: inline;
		height: 118px;
		background: url(/images/web/featured.gif) no-repeat;
	}
		#dist h3 {
			height: 20px;
			text-indent: -9999px;
			overflow: hidden;
		}
		#dist p {
			width: 154px;
			margin: 0 auto;
		}
		
		/* announcements */
		
		#sideBar #announcements {
			margin-top: 1em;
			width: 227px;
			padding-bottom: 1px;
		}
		
		#sideBar #announcements h2 {
			padding-bottom: 0;
		}
		
			#sideBar #announcements h2 a {
				display: block;
				width: 227px;
				height: 25px;
				padding: 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/announcements-head.gif) no-repeat bottom;
			}
			
				#sideBar #announcements h3 {
					display: none;
				}
				
				#sideBar #announcements div {
					background: transparent;
					padding-bottom: 0px;
					margin: 0;
				}
				
				#sideBar #announcements div.inner {
					padding: 0 1px 6px 1px;
					
					}
			
		/* news control */
		
		#sideBar #news {
			margin-top: 1em;
			width: 227px;

		}
		
			#sideBar #news h2 a {
				display: block;
				width: 227px;
				height: 25px;
				padding: 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/news-head.gif) no-repeat bottom;
			}
			
			#news dl {
				padding: .5em 18px;
			}
			
		/* subscribtion control */
		
		#sideBar #subscribe {
			margin-top: 1em;
			width: 227px;
			margin-bottom: 1em;
			padding-bottom: 25px;
		}
		
			#sideBar #subscribe h2 {
				display: block;
				width: 227px;
				height: 25px;
				padding: 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/subscribe-head.gif) no-repeat bottom;
			}
			
			#subscribe p {
				margin: .5em 18px;
			}
			
				#subscribe p#signup a {
				
					display: block;
					text-indent: -999px;
					overflow: hidden;
					width: 84px;
					height: 17px;
					background: url(/images/web/subscribe.gif) no-repeat;
				}
			
			#sideBar #subscribe fieldset {
				border: 0;
				padding: 1em 10px .5em 10px;
			}
			
			#sideBar #subscribe legend {
				display: none;
				}
				
				#sideBar #subscribe label {
					display: block;
					line-height: 1;
					font-size: 90%;
					padding-bottom: .6em;
				}
			
				#sideBar #subscribe #txtSignup {
					border: 1px solid;
					width: 110px;
					top: 0;
				}
				
				#sideBar #subscribe input {
					position: relative;
					top: 3px;
				}

/* ------------------------ 
	inner pages
------------------------ */

#sideBar {
	width: 200px;
	margin: 19px;
	height: 300px;
	float: left;
	_display: inline;
}

	#sideBar div {
		margin: 1em 0;
		width: 200px;
		padding-bottom: 1em;

	}
	
		#sideBar h3 {
			height: 30px;
			padding: 6px 10px 0 10px;
			font-size: 100%;
			background: url(/images/web/sidebar-top.gif) no-repeat top;
		}
			#sideBar #all-categories h3 {
				text-indent: 25px;
				background: url(/images/web/sidebar-top-search.gif) no-repeat top;
			}
			#sideBar #team h3 {
				text-indent: 25px;
				background: url(/images/web/sidebar-top-camera.gif) no-repeat top;
			}
			#sideBar #downloads h3 {
				text-indent: 20px;
				background: url(/images/web/sidebar-top-downloads.gif) no-repeat top;
			}
			
		#sideBar #contact-info p {
			padding: 0 10px;
			font-weight: normal;
			
		}
		
		#sideBar ul {
			padding: 0 10px;
			font-size: 90%;
			margin-top: -10px;
		}

			#sideBar li {
				list-style: none;
			}
			
				#sideBar li a {
					padding: .3em 0;
					display: block;
				}
			
				#sideBar #downloads li a {
					background: url(/images/web/pdf.jpg) no-repeat left 50%;
					padding-left: 22px;
				}
		
	#sideBar #all-categories li a {
		display: block;
		padding: .5em 0 .5em 25px;
	}
				
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl0_hlnkTitle {
			background: url(/images/web/icon_3.gif) no-repeat left 50%;
		}
		
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl1_hlnkTitle {
			background: url(/images/web/icon_6.jpg) no-repeat left 50%;
		}
		
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl2_hlnkTitle {
			background: url(/images/web/icon_2.jpg) no-repeat left 50%;
		}
		
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl3_hlnkTitle {
			background: url(/images/web/icon_5.jpg) no-repeat left 50%;
		}
		
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl4_hlnkTitle {
			background: url(/images/web/icon_1.jpg) no-repeat left 50%;
		}
		
		#sideBar #all-categories li a#AllCatalog_rptSubCatalog__ctl5_hlnkTitle {
			background: url(/images/web/icon_4.gif) no-repeat left 50%;
		}
				
		#sideBar p {
			font-size: 90%;
		}
		
#innerContent {
	width: 490px;
	_width: 480px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	_padding-right: 0;
	float: left;
	_display: inline;
	background: url(/images/web/dots.gif) repeat-y left;
}

	#innerContent p {
		padding: .5em 0;
	}

img.heading,
img.header {
	position: relative;
	top: -20px;
	width: 510px;
}

td {
	padding: 3px;
}

/* company */	
	body.company h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/company_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}

		blockquote {
			padding: 0 20px;
		}
		
/* Distributor */
	body.distributor h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/becomedist_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}
	
/* Reference Links */
	body.reference h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/referencelinks_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}
/* terms and conditions */
body.terms h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/terms_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}
	
	body.terms #innerContent {
		font-size: 90%;
	}
/* product catalog download */

body.catalog-download h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/catalog_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}	
	
/* Career Opportunities */

	body.career h2 {
		position: relative;
		top: -20px;
		width: 510px;
		height: 120px;
		background: url(/images/web/careers_text.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: -17px;
	}	
/* ------------------------ 
		photo gallery
------------------------ */	
body.gallery h2 {
	float: right;
		position: relative;
		top: -18px;
		width: 510px;
		height: 120px;
		background: url(/images/web/company_header.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#gallery {
		clear: both;
	}
	
		#gallery dt a,
		#photo dt a {
			/*border: 1px solid ;
			width: 200px;
			display: block;*/
		}	
		
			#photo img {
				height: 150px;
			}
		
		#gallery dd,
		#photo dd {
			font-weight: bold;
			padding-bottom: .5em;
			padding: 0 30px;
		}
			#gallery dd a,
			#photo dd a {
				
			}
		
	#photo {
		clear: both;
		padding: 0 10px;
	}
	
		#photo .description {
			padding: 1em 0;
		}
		
		.gallery h3 {
			clear: both;
			font-weight: normal;
			font-size: 140%;
			color: #004276;
			padding: 0 0 .5em 0 ;
			margin-bottom: .5em;
			border-bottom: 1px solid #dbdbdb;
		}
	
/* ------------------------ 
		bios
------------------------ */
body.bios h2 {
	position: relative;
	top: -20px;
	width: 511px;
	_width: 510px;
	height: 120px;
	background: url(/images/web/employee_header.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
}

body.bios #sideBar {
	background: url(/images/web/bio-photos.jpg) no-repeat bottom;
	min-height: 1280px;
	_height: 1300px;
}


	body.bios #innerContent h3 {
		clear: both;
		font-weight: normal;
		font-size: 140%;
		color: #004276;
		padding: 2em 0 .5em 0 ;
		margin-bottom: .5em;
		border-bottom: 1px solid #dbdbdb;
	}
	
		body.bios #innerContent h3 a {
			text-decoration: none;
			}
	
	body.bios #innerContent dl {
		width: 240px;
		padding: 10px 0 1em 0 ;
		float: left;
		display: block;
		_display: inline;
	}
	
		body.bios #innerContent dt {
			font-weight: bold;
		}
			body.bios #innerContent dt span {
				float: left;
				display: block;
				_display: inline;
				width: 165px;
			}
			body.bios #innerContent dt a {
				display: block;				
				height: 12px;
				width: 55px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/profile_icon.jpg) no-repeat top;
			}
		
		body.bios #innerContent dd.title {
			font-style: italic;
			clear: both;
		}
		
	body.profile #innerContent h3 {
		color: #333;
		font-weight: normal;
		font-size: 140%;
		padding: 1em 0 .5em 0 ;
		margin-bottom: 1em;
		border-bottom: 1px solid #dbdbdb;
	}	
	
	body.profile #innerContent dl {
		padding-bottom: 1em;
	}
	
	body.profile #innerContent #hlnkImage1 img {
		width: 200px;
	}
	
		
		.profile dt,
		.bio-heading {
			color: #004276;
			font-size: 110%;
			display: inline;
		}
		
		.profile dd  {
			display: inline;
		}

/* ------------------------ 
		docs
------------------------ */

body.docs h2 {
	position: relative;
	top: -37px;
	width: 510px;
	height: 120px;
	background: url(/images/web/msds-head.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
}

body.docs h2.sellersheet {
	background: url(/Images/web/sellsheets_header.jpg) no-repeat;
}

body.docs #innerContent h3 {
	padding: 0 18px 5px 0;
	display: inline;
	font-size: 105%;
	background: url(/images/web/pdf.jpg) no-repeat top right;
}

	body.docs #innerContent ul {
		padding: 1.5em 0;
		border-top: 1px solid #dbdbdb;
		width: 500px;
	}

	body.docs #innerContent li {
		list-style: none;
		margin-left: 20px;
		
	}
	
	body.docs p {
		padding: 0 0 1em 0;
	}
	
/* ------------------------ 
	    news
------------------------ */
body.news h2 {
	position: relative;
	top: -37px;
	width: 510px;
	height: 120px;
	background: url(/images/web/news_header.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
}

	body.news #innerContent h3 {
		font-weight: normal;
		font-size: 140%;
		color: #004276;
		padding: 1em 0 .5em 0 ;
		clear: both;
	}
	
	#news-list {
		font-size: 90%;
		margin-bottom: 1em;
	}
	
		#news-list dt {
			width: 85px;
			float: left;
			_display: inline;
			text-align: right;
			padding-top: .5em;
			padding-right: 5px;
		}
		
		#news-list dd {
			width: 400px;
			padding-top: .5em;
			float: left;
			_display: inline;
		}
		
body.news .print {
	margin: 0 auto;
	width: 100px;
	clear: both;
}

p.previous {
	float:left;
	_display: inline;
	width:150px;
}

p.next {
	float:right;
	text-align:right;
	_display: inline;
	width:150px;
}

/* ------------------------ 
		contact
------------------------ */

body.contact h2 {
	position: relative;
	top: -20px;
	width: 511px;
	height: 120px;
	background: url(/images/web/contactus_header.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
}

	.section {
		padding: 1.5em 0;
		border-bottom: 1px solid #dbdbdb;
	}
	
	
	body.contact fieldset {
		border: 0;
		margin: 1.5em 0;
	}
	
		body.contact #innerContent legend {
			font-weight: bold;
			padding-bottom: 1em;
		}
		
		body.contact #innerContent label {
			width: 240px;
			float: left;
			_display: inline;
			padding: 1em 0;
		}
		
		body.contact #innerContent label.lbl_long {
			width: 480px;
		}
		
			body.contact #innerContent label input {
				display: block;
				width: 200px;
				margin-top: 5px;
			}
			body.contact #innerContent label.lbl_long input {
				width: 350px;
			}
		
			body.contact #innerContent label textarea {
				width: 470px;
				height: 70px;
				margin-top: 5px;
			}
			
			#btnSubmit {
				clear: both;
			}
	
/* ------------------------ 
		search
------------------------ */

body.search h2 {
	position: relative;
	top: -20px;
	width: 511px;
	height: 120px;
	background: url(/images/web/company_header.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
	
}

body.search #innerContent h3 {
	padding-top: .5em;
}
	
	#productResults div {
		padding: .2em 10px;
	}
	
	body.search #innerContent li {	list-style: none;
		padding: .2em 10px;
	}

/* ------------------------ 
		products
------------------------ */
body.product h2 {
	position: relative;
	top: -20px;
	width: 511px;
	height: 120px;
	background: url(/images/web/products_header.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -17px;
}

h2.img {
	position: relative;
	top: -20px;
	padding: 0;
}

	

	#thumbnail h3,
	.detail h3 {
		height: 19px;
		font-size: 105%;
		background: url(/images/web/subcat-bg.gif) no-repeat right;
	}
		#thumbnail h3 a,
		.detail #innerContent h3 {
			padding-left: 5px;
			padding-top: 2px;
			color: #004276;
			text-decoration: none;
			font-weight: normal;
		}

	#thumbnail dl {
		padding: 1.5em 0;
		border-bottom: 1px solid #dbdbdb;
		width: 330px;
		padding-left: 170px;
		position: relative;
		min-height: 110px;
		_height: 110px;
	}
	
		#thumbnail dt {
			font-weight: bold;
			color: #013893;
			padding-bottom: .5em;
		}
		
		#thumbnail dd.image {
			position: absolute;
			top: 15px;
			left: 0px;
			width: 165px;
		}
		
			#thumbnail dd.image img {
				max-width: 165px;
				
				display: block;
				margin: 0 auto;
				}
		
			#thumbnail dd.button a {
				display: block;
				margin-top: 1em;
				background: url(/images/web/product_button.jpg) no-repeat;
				width: 88px;
				height: 19px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
		#thumbnail dd.details {
			padding-top: 1em;
		}
		
			#thumbnail dd.details a {
				background: url(/images/web/icon_arrow.gif) no-repeat right;
				padding-right: 8px;
				
			}
		
		h2 {
			font-weight: bold;
			color: #013893;
			padding-bottom: .5em;
			font-size: 105%;
		}
		
			#detail p {
				padding-bottom: 1em;
			}
		
			#detail li {
				margin-left: 20px;
			}
			
			#images {
				list-style: none;
				margin-bottom: 1em;
			}
			
				#images li  img {
					display: block;
					margin: 0 auto;
				}	
			
#product-list {
	border-collapse: collapse;
	width: 500px;
	margin-top: 1em;
}
			
	#product-list th {
		background: #8aa4c2;
		color: #fff;
		font-weight: normal;
		text-align: left;
		padding: 1px 2px;
	}
	
	#product-list td {
		padding: 4px 2px;
		border-bottom: 1px solid #dbdbdb;
	}
		.order{
			width: 70px;
		}
		
		.no {
			width: 90px;
		}
		
		a.order {
			display: block;
			background: url(/images/web/order_button.jpg) no-repeat top;
			width: 69px;
			height: 19px;
			text-indent: -9999px;
			overflow: hidden;
		}

/* final product detail */

.detail h4 {
	padding: 1em 15px 1.5em 15px;
	background: url(/images/web/dots-horz.gif) repeat-x bottom;
}

	.detail #detail {
		padding: 0 15px;
	}

/* related products */

h4 {
	font-weight: normal;
	padding-top: 1.5em;
	font-size: 110%;
}

	ul#related-products {
		border-top: 1px solid #DBDBDB;
		border-bottom: 1px solid #DBDBDB;
		margin: 1em 0;
		padding: 1em 0;
	}
	
		ul#related-products li {
			display: block;
			float: left;
			_display: inline;
			text-align: center;
			width: 160px;
			font-size: 90%;
		}
		
			ul#related-products li img {
				max-width: 130px;
				max-height: 95px;
				_width: 130px;
				_height: 95px;
				margin: 0 auto;
				display: block;
				}

	/* products sidebar */
	
	#catalog a {
		width: 200px;
		height: 176px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/images/web/catalog_side1.jpg) no-repeat;
	}

/* ------------------------ 
		FOOTER
------------------------ */

#footer {
	display: block;
	clear: both;
	margin-top: 2em;
	position: relative;
	left: -1px;
}

#footer ul {
	padding: .3em 0;
	text-align: center;
}
		
	#footer li {
		list-style: none;
		display: inline;
		text-align: center;
		padding: 0 15px;
	}
	
		#footer li a {
			color: #000;
			text-decoration: none;
		}
		
			#footer li a:hover {
				text-decoration: underline;
				}
	
	#footer p {
		background: #18479b;
		color: #fff;
		text-align: center; 
		padding: .2em 0;
	}
	
		#footer p a {
			color: #fff;
		}
	
		
		
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */