@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic);
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../images/bg-pattern.jpg);
	background-repeat: repeat;
	font: 400 13px/18px 'Roboto', sans-serif;
	color: #212121;
}
.container {
	margin: 0px auto;
	padding: 0px;
	width: 880px;
	clear: both;
	overflow: auto;
}
#logo {
	background-image: url(../images/logo-pacific.png);
	background-repeat: no-repeat;
	float: left;
	height: 85px;
	width: 240px;
	margin-top: 27px;
	margin-bottom: 31px;
}
#nav {
	background-color: #331617;
	padding: 8px 15px;
	float: right;
	font: 700 14px 'Roboto', sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 64px;
	width: 497px;
}
#nav ul {
	padding: 0px;
	list-style: none;
	margin: 0px;
}
#nav ul li {
	float: left;
	clear: none;
	margin-left: 10px;
	margin-right: 10px;
}
#nav ul a {
	color: #ffffff;
}
#nav ul li.activeMenu {
	color: #f50206;
}
#nav ul li:hover {
	color: #f50206;
}
.wrapper {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	display: inline-block;
}
.banner {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
	background-size: cover;
}
.whiteBg {
	background-color: rgba(255,255,255,0.7);
	height: 400px;
	width: 323px;
}
.bannerMainText {
	border-top: 1px dashed #888c8c;
	border-bottom: 1px dashed #888c8c;
	border-right-style: none;
	border-left-style: none;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 140px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}
.bannerMainText h2 {
	margin: 0px;
	padding: 0px;
	font: italic bold 30px Georgia, serif;
	text-transform: capitalize;
}
.bannerMainText small {
	font: 400 15px 'Open Sans', sans-serif;
	text-transform: uppercase;
}
.bannerSecText {
	font: 600 11px 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-top: 32px;
	clear: both;
	display: inline-block;
	width: 100%;
}
.bannerSecText i.fa {
	font-size: 9px;
}
.bigText {
	font: 400 24px/36px 'Roboto Condensed', sans-serif;
	color: #e90303;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}
.col-one-three {
	float: left;
	width: 280px;
	margin-right: 19px;
	text-align: center;
}
.BgWhite {
	background-color: #ffffff;
	padding: 25px 0px;
}
img.roundImg {
	border-radius: 50%;	
}
h2 {
	font: 700 18px 'Roboto', sans-serif;
	text-transform: uppercase;
}
p {
	margin-bottom: 0px;
}
.lastCol {
	margin-right: 0px;
}
.col-one-two {
	float: left;
	width: 420px;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: table-row;
}
img.whiteBorder {
	border: 5px solid #FFFFFF;
}
.footerBg {
	background-color: #331617;
	margin-top: 10px;
	color: #ffffff;
	font-size: 10px;
	line-height: 15px;
	padding: 10px 0px;
}
.footerBg .col-one-two, .footerDarkBg .col-one-two {
	margin: 5px 20px 0px 0px;
}
.footerBg h3 {
	font: 700 12px 'Roboto', sans-serif;
	text-transform: uppercase;
	margin: 0px;
}
.footerBg a {
	color: #ffffff;
	text-decoration: none;
}
.footerBg a:hover {
	text-decoration: underline;
}
.rightText {
	text-align: right;	
}
.footerBg img {
	margin: 20px 0px 0px 20px;
}
.footerDarkBg {
	background-color: #271112;
	color: #ffffff;
	font-size: 10px;
	padding: 5px 0px;
}

/* Inner Styles */
.bannerProcesses {
	background-image: url(../images/banner-processes.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
	background-size: cover;
}
.whiteBgInner {
	background-color: rgba(255,255,255,0.7);
	height: 200px;
	width: 323px;
	margin: 0px auto;
}
.bannerMainTextInner {
	border-top: 1px dashed #888c8c;
	border-bottom: 1px dashed #888c8c;
	border-right-style: none;
	border-left-style: none;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 70px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}
.bannerMainTextInner h2 {
	margin: 0px;
	padding: 0px;
	font: italic bold 30px Georgia, serif;
	text-transform: capitalize;
}
.innerMainText {
	font-size: 14px;
	text-align: center;
}
.bannerQlty {
	background-image: url(../images/banner-qlty.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
	background-size: cover;
}
.clearLeft {
	clear: left;
}
a.mail {
	color: #212121;
	text-decoration: none;
}
.seperator {
	width: 100%;
	height: 1px;
	border-top: 1px dashed #888c8c;
	margin-top: 15px;
}
.bannerContact {
	background-image: url(../images/banner-contact.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
	background-size: cover;
}
.bannerProduct {
	background-image: url(../images/banner-product.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
	background-size: cover;
}
