@charset "UTF-8";
/* CSS Document */
/*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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse:collapse; border-spacing: 0; }
a { text-decoration:none; }
a:hover { color:#fc4f13; }
h1, h2, p { color:#fff; }
h1, h2 { font-size:1.5em; padding:0px; margin-bottom:10px; text-decoration:underline; }
p, .button { font-size:1.2em; font-weight:lighter; }
img,
img a { outline: none; border: none; }
html { overflow-y:scroll; font-family:'Helvetica', sans-serif; }
body { margin: 0 auto; font-size:62.5%; }

/*General*/
body { background:#000; }
#mainWrap { width:980px; padding:80px 10px 0px 10px; margin:0px auto; overflow:hidden; }
#mainWrap.bodyWrap { padding:0px 10px 0px 10px; }
#main-left, #main-right { width:50%; float:left; }
.active * { color:#fff; }
#mainContent { width:590px; float:right; padding:20px 0px 0px 50px; }
#mainContent.homepage { background:url(../images/info.jpg) 0px 0px no-repeat; }
#mainContent p { margin-bottom:20px; }
#mainContent .button:last-child { margin-top:0px; }
#mainContent ul { padding-bottom: 15px; }
#mainContent li { font-size: 1.2em; line-height: 24px; color: #fc4f13; }
#mainContent a { color: #fff; text-decoration: underline; }
#mainContent a:hover { color: #fc4f13; }
#mainContent .img { padding: 0 10px 10px 0; }

#pageContent { width:980px; float:right; padding:20px 0px 0px 50px; }
#pageContent p { margin-bottom:20px; }
#pageContent ul { padding-bottom: 15px; }
#pageContent li { font-size: 1.2em; line-height: 24px; color: #fc4f13; }
#pageContent a { color: #fff; text-decoration: underline; }
#pageContent a:hover { color: #fc4f13; }
#pageContent .img { padding: 0 10px 10px 0; }

#col-left { float:left; width: 45%; }
.caps { text-transform: uppercase; }
#col-right { float: left; width: 50%; padding: 30px 0 0 30px; }

#sidebar { width:300px; float:left; }
.button { background: #fc4f13; color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:4px 16px 4px 16px; display:block; float:right; margin-top:20px; text-shadow: 0px 1px 0px #000; filter: dropshadow(color=#000000, offx=0, offy=1); }
.button-left { background: #fc4f13; color:#ffffff; width:258px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:4px 16px 4px 16px; display:block; float:left; margin:20px 0px 0px 0px; text-shadow: 0px 1px 0px #000; filter: dropshadow(color=#000, offx=0, offy=1); }
.button:hover, .button-left { color:#fff; }
#sidebar form p { color:#858686; }
#sidebar form span { color:#fc4f13; }
#sidebar form .button { font-weight:lighter; outline:none; border:none; box-sizing:inherit; font-family:'Helvetica', sans-serif; float:right; width:auto; }
input, textarea { #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none; outline:none; padding:4px 16px 4px 16px; margin:4px 0px 10px 0px; width:226px; }
textarea { height:100px; min-width:226px; max-width:226px; min-height:100px; }
input:focus, textarea:focus { background:#ffdecf; }
p { line-height:18px; }
.menuLeft { float:left; }
.menuRight { float:right; }
.menuLeft li { float:left; padding:0px 20px 0px 0px; }
.menuRight li { float:left; padding:0px 0px 0px 20px; }

/*Header*/
header { height:90px; width:100%; }
#headerContent { height:54px; width:980px; margin:0px auto; font-size:1.2em; text-transform:uppercase; font-weight:lighter; position:relative; padding-top:10px; }
header ul .menuLeft { float:left; }
header ul .menuRight { float:right; }
header ul li li { float:left; }
header ul li { font-size: 1.1em; }
header ul li a { color:#fc4f13; }
header ul li a:hover { color:#fff; }
header img { position:absolute; top:20px; left:50%; margin-left:-106px; display:block; }
a.number { color: #fff; text-decoration: none; cursor: default; }
a:hover.number { color: #fff; text-decoration: none; cursor: default; }


.facebook, .twitter { height:13px; background:url(../images/social.jpg) no-repeat; display:block; float:left; }
.facebook { width:12px; background-position:left; }
.twitter { width:19px; background-position:right; }
header ul li p, footer ul li p { font-size:1em; display:block; padding-left:6px; color:#777; margin-top:-3px; float:left; }
.menuRight li:last-child { width:134px; }

/*Footer*/
footer { border-bottom:1px solid #fc4f13; width:100%; overflow:hidden; margin-top:20px; padding-top:20px; background:url(../images/footer-bg.jpg) 0px 10px repeat-x; }
#footerContent { width:980px; margin:0px auto; font-size:1.2em; font-weight:lighter; position:relative; padding-top:10px; }
footer ul li li { float:left; }
footer ul li { text-transform:uppercase; font-size: 1.1em; }
footer ul li a { color:#fc4f13; }
footer ul li a:hover { color:#fff; }
footer ul { margin:0px 0px 50px 0px; }
footer img { position:absolute; top:20px; left:50%; margin-left:-106px; display:block; }
.footerLeft, .footerRight { color:#666; }
.footerLeft a, .footerRight a { color:#fc4f13; text-decoration: none; }
.footerLeft { float:left; clear:left; padding-top: 26px; }
.footerRight { float:right; clear:right; padding-top: 26px; }
#footerButtons { width:150px; margin:0px auto; margin-bottom:40px; overflow:hidden; clear:both; }
#footerButtons .button { font-size:1em; }
#footerButtons a:first-child { float:left; }
#footerButtons a:last-child { float:right; }
#footerExtra { clear:both; text-align:center; width:100%; display:block; padding:20px 0; height:60px; }
#footerExtra ul { margin: 0 0 10px 0; }
#footerExtra .emailaddress { padding-top: 0px;  color:#fc4f13; font-size: 1.2em; }
#address li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 22px; color: #ccc; }

/*Homepage*/
#brands { width:980px; height:140px; background:url(../images/brands2.png) top no-repeat; margin:0px auto; padding-bottom:20px; }
#homepageForm { display:block; margin-top:100px;  background:url(../images/email.jpg) 0px 0px no-repeat; width:250px; padding:20px 0px 0px 50px; }
#homepageForm form { margin-top:20px; }
#news { width:250px; padding:20px 0px 0px 50px; background:url(../images/rss.jpg) 0px 0px no-repeat; }
#news .news-title a { font-size: 1.5em; padding: 0px; margin-bottom: 10px; text-decoration: underline; color: #fff; display: block; }
#news .date { color: #fff; display: block; font-size: 1.3em; padding-bottom: 6px; }
.featured { width: 980px; height: 140px; overflow: hidden; /*margin-bottom:40px;*/ }
.horizontal-only { height: auto; max-height: 200px; height:140px; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0px; left: 0; width: 100%; height: 16px; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack {position: relative; background:#333; height:14px; float:left; }
.jspDrag { border: 1px solid #fc4f13; background:#000; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspDrag { float: left; height: 12px; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 14px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
.inner img { width:193px; height:115px; padding:0px 0px 0px 0px; }
.inner img:last-child { padding:0px; }
.inner { padding-left:0px !important; }
#form-process { margin-top:20px; }
#form-process p { color:#fc4f13; }
.reload { color:#fc4f13; padding-left:10px; }
.reload:hover { text-decoration:underline; }
#captch { margin-top:10px; }
#slideshow { height:250px; width:980px; background:#fff; margin:40px 0px 20px 0px; }

/*Carousel*/
#waterwheel-carousel-default { width:980px; margin:10px 0px 20px 0px; height:250px; font-family: Arial; font-size:14px; position:relative;  clear:both; }
#waterwheel-carousel-default a { color:#222; }
#waterwheel-carousel-default .carousel-images img { visibility:hidden; cursor:pointer; }
#waterwheel-carousel-default .carousel-controls .carousel-prev { position:absolute; bottom:30px; left:30px; }
#waterwheel-carousel-default .carousel-controls .carousel-next { position:absolute; bottom:30px; right:30px; }
.carousel-prev, .carousel-next { position:absolute; top:80px; height: 74px; width: 74px; background:url(../images/carrows.png); }
.carousel-prev { left:0px; background-position:left; }
.carousel-next { right:0px; background-position:right; }

/*Holding Page*/
#overlay { width:100%; height:100%; position:fixed; top:0px; z-index:98; background:#000; display:none; }
#popup { border: 1px solid #262626; padding:20px; position:absolute; top:30%; padding-top:80px; left:50%; margin-left:-200px; width:400px; z-index:99; background:#000; text-align:center; }
#close { width:18px; height:18px; background:url(../images/close.png) center no-repeat; position:absolute; top:-9px; right:-9px; }
#progress { width:97px; height:85px; background:url(../images/progress.png) center no-repeat; position:absolute; top:-42px; left:50%; margin-left:-47px; }
#popup p { padding-bottom:10px; margin:0px auto; }
.contactUsPlease { width:240px; color:#fc4f13; }

/*Gallery*/
#gallery-wrap { padding-top:20px; clear:both; }
.thumb { width:136px; height:136px; background:#fff; float:left; border:#000 solid 1px; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
#filters { float:right; }
#filters li:first-child { padding-right:50px; color:#fc4f13; }
#filters li { float:left; padding-right:10px; }
#filters li a { color:#fff; }
fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;    -moz-border-radius: 4px;         border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Contact Page*/
.iframeMap { width:480px; height:470px; border:none; }
.mapLink { color:#fc4f13; font-size:1em; margin-top:20px; display:block; }
#main-left #contactform { margin-top:20px; }
.emailaddress { padding-top: 20px;  color:#fc4f13; font-size: 1.4em; }

/*Products Page*/
.products-list, .services-list { font-size:1em; font-weight:lighter; color:#fff; }
.products-list p, .services-list p { margin-bottom: 0px !important; }
.products-list li, .services-list li { height:160px; padding-top:20px; margin-right:20px; border-bottom:1px solid #fff; width:470px; float:left; }
.products-list img, .services-list img { /*height:120px;*/ float:left; margin-right:20px; }
.products-list img:last-child, .services-list img:last-child { margin-right:0px !important; }
.products-list .headtwo, .services-list .headtwo { text-decoration:none; font-size:1.2em; line-height:22px; padding-bottom: 15px; }
.products-wrap, .services-wrap { overflow:hidden; margin-bottom:100px; }

a.content-number { color: #fff !important; text-decoration: none !important; cursor: default !important; }
a:hover.content-number { color: #fff !important; text-decoration: none !important; cursor: default !important; }