@charset "utf-8";
/*===================================================
 Eric Meyer Global CSS 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	text-decoration:none;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
input, select, textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}
textarea {
	overflow:auto;
}
/*===================================================
 Font Face
 ==================================================*/
 @font-face {
 font-family: 'pf_highway_sans_prolight';
 src: url('../fonts/pfhighwaysanspro-light-webfont.eot');
 src: url('../fonts/pfhighwaysanspro-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/pfhighwaysanspro-light-webfont.woff') format('woff'),  url('../fonts/pfhighwaysanspro-light-webfont.ttf') format('truetype'),  url('../fonts/pfhighwaysanspro-light-webfont.svg#pf_highway_sans_prolight') format('svg');
}
/*===================================================
 Typography
 ==================================================*/
p {
	font-family: 'pf_highway_sans_prolight';
	font-size:1.5em;
	color:rgb(48,48,48);
	line-height:146%;
}
/*===================================================
 Basic Structure
==================================================*/
#Wrapper, #Header, #Content, #Footer, .MainContent, .CopyRightSection {
	width:100%;
}
#Wrapper, .BannerContent {
	overflow:hidden;
}
.TopLinks ul, .MainContent, .ContentSection h1, .RecentNews h2, .CopyRightSection, .FooterNav li a {
	display:inline-block;
}
.Logo a, .TopLinks ul li a, .BottomLogo, .Navigation ul li a, .Navigation ul li:hover ul, .ContentSection span, .MoreBtn, .MoreBtn a, .SafetyContent img, .Service ul li a {
	display:block;
}
.Page {
	width:1000px;
	margin:0 auto;
}
h1, .TopLinks ul, .ContentSection span, .RecentNews h2, .Service h3 {
	text-transform:uppercase;
}
h1, .Service ul li {
	background:url(../images/border-rep.png) left bottom repeat-x;
}
.Logo, .TopLinks, .TopLinks ul li, .BottomLogo, .FooterNav li, .CopyRightSection .CopyRight, .Navigation, .Banner, .SideBar, .ContentSection, .AboutSection {
	float:left;
}
.FooterNav, .CopyRightSection .SiteDesign, .SafetyContent img {
	float:right;
}
.TopLinks ul li a:hover {
	color:rgb(0,0,0);
}
.FooterNav li a, .Navigation ul li ul li a:hover {
	color:rgb(255,255,255);
}
/*===================================================
 Sticky Footer Style
==================================================*/
html, body {
	height:100%;
}
#Wrapper {
	min-height:100%;
	position:relative;
}
#Content {
	padding-bottom:235px;
}
#Footer {
	height:235px;
	position:absolute;
	bottom:0px;
}

/*===================================================
 Media Condition
==================================================*/
@media all and (min-width:320px) and (max-width:1024px) {
#Wrapper {
 min-width:1000px;
}
.ContentSection {
 padding-bottom:70px;
}
}
@media all and (max-device-width:767px) {
.ContentSection span {
 letter-spacing:7px;
}
.ContentSection .SpaceA {
 padding:0px 17px;
}
.ContentSection .SpaceB {
 padding-left:17px;
}
}