@charset "utf-8";
/* CSS Document */
body { background:url(../images/main_bg.gif) repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#79797f; text-align:justify;}
#main-wpr { background:url(../images/shadow.png) repeat-y top;}
#content-wpr { background: url(../images/content_bg.gif) repeat-x top #fff; width:979px; margin:0px auto; padding:0 10px 20px 10px;}

header.main { height:150px;}
#logo-wpr { height:85px; padding:10px 0;}
#logo-wpr h1 { background:url(../images/westcoast_logo.png) no-repeat; width:128px; height:85px; text-indent:-9999px;}
#header-right { float:right;}
nav.top { margin-bottom:10px; font-size:11px; height:30px; line-height:30px;color:#78180a; border-bottom:1px solid #f2f2f2;}
nav.top a { color:#666; padding:3px 20px 3px 20px;}
nav.top a:hover { color:#ccc;}
nav.top a.home { background:url(../images/home.png) no-repeat left center;}
nav.top a.career { background:url(../images/career.png) no-repeat left center;}
nav.top a.sitemap { background:url(../images/sitemap.png) no-repeat left center;}
nav.top a.mail { background:url(../images/mail.png) no-repeat left center; padding-right:0px;}
#media { text-align:right;}
#media img { margin-left:10px; opacity:.6;}
#media img:hover { opacity:1;}

nav.main-nav { font-weight:bold; height:45px; background:url(../images/nav_bg.gif) repeat-x top;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden; padding-left:150px;}
nav.main-nav ul.first { height:45px;}
nav.main-nav ul.first li { display:block; float:left; line-height:45px; background:url(../images/divider.gif) no-repeat right;}
nav.main-nav ul.first li a { display:block; padding:0 30px; color:#771908; text-transform:uppercase; margin-right:2px;}
nav.main-nav ul.first li a.sub { background:url(../images/bullet4.png) no-repeat 175px center; padding-right:40px !important;}
nav.main-nav ul.first li a:hover, nav.main-nav ul.first li:hover a { background:url(../images/nav_hover2.gif) repeat-x; color:#fff;}
nav.main-nav ul.first li a.active { background:url(../images/nav_hover.gif) repeat-x; color:#fff; margin-right:1px;}
nav.main-nav ul.first li div { display:none;}
nav.main-nav ul.first li:hover > div { display:block; position:absolute; padding:10px 10px 0 10px;-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px; overflow:hidden; border:1px solid #d8a64d; border-top:0px none; z-index:100;background: url(../images/content_bg.gif) repeat-x top #fff;}
nav.main-nav ul.first li:hover > div a { display:block; height:auto !important; background:none; color:#666; padding:0px !important; border-bottom:1px solid #ccc; text-transform:none !important; font-weight:normal;}
nav.main-nav ul.first li:hover > div a.last { border-bottom:0px none;}
nav.main-nav ul.first li:hover > div a:hover { color:#673c12;}
#btm-shadow { height:17px; background:url(../images/btm_shdw.png) no-repeat center top;}

#banner-wpr { height:300px; border-top:3px solid #241a62; margin-bottom:20px;}
#news-wpr { float:right; width:249px; background:#eeeaea; height:300px;}
#news-wpr header { height:43px; line-height:43px; background:url(../images/news_header.gif) repeat-x; color:#fff; padding:0 0 0 10px;}
#news-wpr header h2 { font-size:16px; margin-right:77px;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px;}
#news-wpr header a.viewall { display:block; width:75px; float:right; color:#fff; height:43px; line-height:43px; background:url(../images/news_head_btn.gif) repeat-x; text-align:center; font-weight:bold; font-size:11px;}
#news { margin:10px;}
#news ul li { margin-bottom:10px;}
#news ul li h5 { background:url(../images/bullet3.png) no-repeat left center; padding-left:15px; font-size:14px; color:#79200e; margin-bottom:10px;}
#news ul li p { padding-left:15px; margin-bottom:5px; color:#333;}
#news ul li a {text-align:right; color:#F63; display:block;}
#banner { margin-right:250px; height:300px; overflow:hidden;}

#home-services { margin-bottom:20px;}
.home-service-tabs { width:222px; float:left; margin-right:30px;}
.home-service-tabs h3 { height:37px; background:#ffdb5f; color:#a25125; line-height:37px; font-size:16px;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; padding:0 10px;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:0px;}
.home-service-tabs img { height:109px; margin-bottom:15px;}
.home-service-tabs p { background:url(../images/bullet1.gif) no-repeat left top; padding-left:15px; margin-bottom:10px;}
.home-service-tabs a.readmore { background:url(../images/btn1.gif) no-repeat; display:block; width:101px; height:33px; color:#fff; font-weight:bold; text-align:center; line-height:30px; margin-left:121px; font-size:11px;}
.home-service-tabs a.readmore:hover { background:url(../images/btn1_hover.gif) no-repeat;}
.mr-rt-dlt { margin-right:0px;}
.home-service-tabs ul { line-height:200%; margin-bottom:10px; border-bottom:3px solid #ccc; padding-bottom:5px;}
.home-service-tabs ul li { background:url(../images/bullet1.gif) no-repeat left center; padding-left:15px;} 

#home-content {}
#home-content h4 { height:54px; line-height:54px; background:url(../images/main_head.gif) repeat-x; color:#323d74; font-size:20px; margin-bottom:15px;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px;}
.home-right { width:222px; float:right;}
.home-right img { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.home-left { margin-right:252px;}
.home-left p { line-height:160%;}
.home-left p img { margin-right:30px;}
.home-left p a.readmore { display:block; width:101px; height:33px; background:url(../images/btn2.gif) no-repeat; float:right; margin-top:20px; text-align:center; line-height:30px; color:#fff; font-weight:bold; font-size:11px;}
.home-left p a.readmore:hover { background:url(../images/btn2_hover.gif) no-repeat;}

#sub-banner-wpr { height:200px;border-top:3px solid #241a62; margin-bottom:20px; overflow:hidden;}
h2.sub-head {color:#323d74;font-size:20px; margin-bottom:15px;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px;}
h2.sub-head span { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
.right-box { background:#f2f2f2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden; margin-bottom:15px;}
.right-box h3 { font-size:15px; background:#3f4984; height:35px; line-height:35px; padding:0 10px;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; color:#fff;}
.right-box ul.links { margin:10px;}
.right-box ul.links li { height:30px; border-bottom:1px dotted #ccc; line-height:30px; overflow:hidden; padding-left:15px; background:url(../images/bullet5.png) no-repeat left center;}
.right-box ul.links li a { color:#666;}
.right-box ul.links li a:hover {color:#3f4984;}

ul.mantek { line-height:300%; font-weight:bold;}
ul.mantek li, ul.perforation li { border-bottom:1px dotted #ccc; padding-left:20px; background:url(../images/bullet5.png) no-repeat left 12px; cursor:pointer;}
ul.mantek li a, ul.perforation li a{color:#666; display:block;}
ul.mantek li a:hover {color:#3f4984; background:url(../images/list_hover_bg.png) no-repeat left bottom;}
ul.mantek li:hover { border-bottom:1px dotted #ccc;}

ul.perforation { line-height:200%;}
ul.perforation li {background:url(../images/bullet5.png) no-repeat left center;}

.desc { font-weight:bold; margin-bottom:10px; color:#333; font-size:14px;}
h3.super-sub {font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:16px; margin:15px 0 5px 0; color:#F90;}
ul.application { float:left; line-height:200%; margin-right:50px; list-style:circle; margin-left:15px;}

.marine { display:none; position:relative; padding:5px 10px 20px 10px; line-height:180% !important; font-weight:normal !important;}
.marine span { display:block; background:url(../images/bullet6.png) no-repeat left center; padding-left:15px;}
.marine span.head { font-weight:bold; background:none; color:#F60; padding-left:0px;}
.marine span.bold { font-weight:bold;}
.marine2 { padding-left:15px; margin-bottom:10px;}

#pro-nav { height:30px; text-align:center; margin-top:20px;}
#pro-nav a { border:1px solid #ccc; color:#333; padding:2px 5px; margin:0 2px;}
#pro-nav a.activeSlide { color:#F60; border:1px solid #f60;}

.cat-sub { padding-left:7px; display:none;}
.cat-sub ul li { background:url(../images/bullet7.png) no-repeat left center !important;}

p.vision { margin-bottom:20px;}
p.vision strong {color:#F60; background:url(../images/bullet1.gif) no-repeat left center; display:block; padding-left:15px;}

.clients { background:#f4f4f4; width:171px; margin:0 1px 1px 0; height:112px; padding:5px; float:left;}
.cl-mr { margin-right:0px;}
.clients:hover {-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.82);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.82); position:relative; z-index:10;}

.address { padding:10px; line-height:150%;}
.address p { margin-bottom:10px;}
.address table { border:none; width:100%; vertical-align:middle; margin-bottom:10px;}
.address table td { padding:3px 0 3px 10px;}
.address table th { padding:3px 0;}
.address table th.head { border-bottom:1px dotted #ccc;}

.location { float:left; width:310px;}
.form { width:417px; float:left;}
#frm_contact label { float:left; width:100px; margin:0 20px 20px 0; height:25px; line-height:25px; text-align:right;}
#frm_contact input, #frm_contact textarea { float:left; width:200px; border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px;}
#frm_contact textarea { height:120px; padding:0px; width:210px; margin-bottom:20px;}
#frm_contact button { display:block; padding:2px 10px; background:#FF9; border:#F90 1px solid; color:#930; cursor:pointer;}
#frm_contact button:hover { background:#FF6;}

footer { height:225px; background:url(../images/footer_bg.gif) repeat; color:#5f6e9c;}
footer a {color:#5f6e9c;}
.ftr-shadow { height:225px; background:url(../images/shadow.png) repeat-y center top;}
.footer-content { background:url(../images/footer_center_bg.jpg) repeat; width:999px; height:225px; margin:0px auto;}
.ftr-btm { height:42px; line-height:42px; background: url(../images/footer_btm_divider.gif) repeat-x top; padding:1px 10px 0 10px; font-size:11px;}
.ftr-btm p.left { float:left;}
.ftr-btm p.right { float:right;}
.ftr-top { height:142px; padding:20px 10px;}
.ftr-column { float:left; height:142px; overflow:hidden; background:url(../images/links_divider.gif) repeat-y right top; padding-right:48px; margin-right:47px;}
.ftr-column ul { line-height:230%;}
.ftr-column ul li a:hover { color:#5b77ee;}
.ftr-column-right { float:left; color:#5f6e9c;}
.ftr-column-right h6 {font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:16px; background:url(../images/footer_btm_divider.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:5px; color:#d4dcff;}
ul.companies { float:left; background:url(../images/links_divider.gif) repeat-y right top; padding-right:20px; margin-right:20px;}
ul.companies li { margin-bottom:10px;}
ul.companies li p { font-weight:bold; font-size:13px;}
ul.companies li span { font-size:11px; display:block;}
ul.com2 { background:none; padding-right:0px; margin-right:0px;}