@charset "UTF-8";
/* styles.css - CSS Document */
/*  */

/* 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, img, ins, kbd, q, s, samp, small, strike, 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 {font-size: 62.5%; width: 100%; -webkit-text-size-adjust: none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif, "Gill Sans"; line-height: 1; background: url(../images/bg.gif) repeat;}
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;}
img, img a {outline: none; border: none;}


/* SELECTIONS */
::selection {background: #01becf; color: #fff; /* Safari and Opera */}
::-moz-selection {background: #01becf; color: #fff; /* Firefox */}


/* BODY */
body {background: #f7f4f4;}
#wrapper {width: 100%; margin: 0 auto; background: #00a5c3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #00a5c3 0%, #005b6a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a5c3), color-stop(100%,#005b6a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00a5c3 0%,#005b6a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00a5c3 0%,#005b6a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00a5c3 0%,#005b6a 100%); /* IE10+ */
background: linear-gradient(to right,  #00a5c3 0%,#005b6a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5c3', endColorstr='#005b6a',GradientType=1 ); /* IE6-8 */} 


/* HEADER */
header {width: 100%; height: 140px; background: url(../images/header-bg.png) repeat-x; margin: 0 auto;}
#header-wrap {width: 1026px; height: 140px; position: relative; margin: 0 auto;}
#logo {background: url(../images/LOGO.png) !important; no-repeat; position: absolute; width: 318px; height: 89px !important;}
#logo span {display: none;}
#logo a {display: block; width: 225px; height: 88px; margin-left: 35px;}
#phone {color: #FFFFFF; font-size: 2.0em; font-family: 'museo_sans_500regular', sans-serif; letter-spacing: 0.05em; background: url(../images/phone-icon.png) no-repeat; float: right; margin: 40px 65px 0 0; padding-left: 45px !important;}


/* NAV */
nav {width: 960px; height: 46px; background: url(../images/nav-bg.png) no-repeat; position: absolute; bottom: 5px; left: 32px;}
nav ul {margin-top: 18px; text-align: center; position: relative;}
nav ul li {display: inline; font-size: 1.1em; font-family: 'museo_sans_500regular', sans-serif; margin: 0 15px;}
nav ul li a, nav ul li a:visited {color: #fff; text-decoration: none;}
nav ul li a:hover {color: #3ecbda; border-bottom: 1px dashed white; padding-bottom: 2px;}
#nav-home {background: url(../images/home-icon.png) no-repeat; width: 23px; height: 21px; position: absolute; top: -5px; left: 22px;}
#nav-home:hover {background-position: 0 -21px; border-bottom: none !important;}
#nav-home span {display: none;}


/* SLIDER */
#slider-wrap {width: 960px; margin: 0 auto; padding-top: 25px; position: relative;}
#slider {width: 872px; height: 357px; margin: 0 auto;}
#slider-left {position: absolute; background: url(../images/slider-nav.png) no-repeat; width: 30px; height: 76px; top: 130px; left: 0;}
#slider-right {position: absolute; background: url(../images/slider-nav.png) no-repeat; background-position: -30px 0; width: 30px; height: 76px; top: 130px; right: 0;}
#slider-left:hover {background-position: 0 -76px; cursor: pointer;}
#slider-right:hover {background-position: -30px -76px; cursor: pointer;}
#slider-left span, #slider-right span {display: none;} 
.nivoSlider a {border:0; display:block; display: none;}


/* GREY CTA AREA */
#grey-bg-header {background: url(../images/cta-bg.png) repeat-x; width: 100%; height: 225px;}
#cta-wrap {width: 960px; margin: 0 auto; overflow: hidden; padding-top: 28px;}
.cta {width: 149px; height: 167px; background: url(../images/cta-btns.jpg) no-repeat; float: left; margin: 0 27px;}
.cta span {display: none;}
#cta1 {margin-left: 0 !important;}
#cta1:hover {background-position: 0 -167px; color: #01becf;}
#cta2 {background-position: -149px 0;}
#cta2:hover {background-position: -149px -167px;}
#cta3 {background-position: -298px 0;}
#cta3:hover {background-position: -298px -167px;}
#cta4 {background-position: -447px 0;}
#cta4:hover {background-position: -447px -167px;}
#cta5 {background-position: -596px 0; float: right !important; margin: 0 !important;}
#cta5:hover {background-position: -596px -167px;}


/* MAIN CONTENT */
#main-content-wrap {width: 100%;}
#main-content {width: 940px; margin: 0 auto; padding-top: 15px; overflow: hidden;}
#main-content p, .content-block p, .component-block p, .component-block-no-border p {font-size: 1.1em; color: #999; line-height: 1.8em; font-family: 'Droid Sans', sans-serif;}
.hp-text-block {float: left; width: 290px; margin: 5px 34px 25px 0;}
.text-block {float: left; width: 290px; margin: 5px 30px 10px 0; clear: left;}
.text-block img {float: left; padding: 5px 10px 0 0;}
#right-text {margin-right: 0 !important;}
h1, .blue-heading {color: #777; font-size: 2.8em; font-family: 'Open Sans', sans-serif; font-weight: 300;}
h2, h3 {color: #777; font-size: 1.5em; font-family: 'museo_sans_500regular', sans-serif; margin: 5px 0 5px 0; letter-spacing: 0.1em;}
h7, {color: #01becf; font-size: 1.5em; font-family: 'museo_sans_500regular', sans-serif; margin: 5px 0 5px 0; letter-spacing: 0.1em;}
h8, .blue-heading {color: #01becf; font-size: 2.8em; font-family: 'Open Sans', sans-serif; font-weight: 300;}
#page-header {width: 960px; margin: 0 auto; padding-top: 5px; position: relative;}
.content-block {width: 940px; margin: 0 auto; padding-top: 15px; overflow: hidden; border-top: 1px solid #c4c4c4;}
#page-links {position: absolute; bottom: 80px; left: 250px;}
#page-links a, page-links a:visited {color: #fff; text-decoration: none;}
#page-links a:hover {color: #01becf;}
#page-links ul li {line-height: 1.4em;}
.left-col {float: left;}
.middle-col {float: left; width: 250px;}
.right-col {float: right;}
.thumbnail {background: white; padding: 5px; border: 2px dashed #b3dae2; margin: 5px;}
.product {float: left; clear: both; width: 620px; margin-bottom: 25px;}
.product-text {float: right; width: 350px;}
.inline-link, .inline-link:visited {color: #999; text-decoration: underline;}
.inline-link:hover {color: #01BECF; text-decoration: none;}
.blue-inline-link, .blue-inline-link:visited {color: #01becf; text-decoration: underline;}
.blue-inline-link:hover {color: #999; text-decoration: underline;}
.section {float: left; clear: both; margin-bottom: 25px;}
.section h3 {margin-top: 10px;}
.section img {float: left; margin: 12px 20px 0 0;}
.fancybox-img {float: left;}
.fancybox-img:hover {opacity: 0.8}
.img-wrap {float: left; position: relative;}
.img-wrap a {float: left;}
.img-wrap span {float: left; clear: both; margin: 5px 0 0 80px; color: #01becf;}
.heading-margin {margin-top: 20px;}
#modelling-imgs {float: right; margin-left: 5px;}
.section-3d p {margin-bottom: 10px;}
.assembly-animation {background: url(../images/assembly-play-btn.jpg) no-repeat; width: 251px; height: 162px; float: right; margin: 10px 10px 60px 15px; outline: 2px dashed #b3dae2;}
#anim1 {width: 251px; height: 162px;}
#anim1:hover {background-position: 0 -162px;}
#anim2 {background-position: -251px 0; width: 251px; height: 162px;}
#anim2:hover {background-position: -251px -162px;}


/* 2D & 3D FANCYBOX POPUP */
#data {font-size: 1.1em; color: #999; line-height: 1.8em; font-family: 'Droid Sans', sans-serif; line-height: 1.4em; float: left; width: 350px; border: 2px dashed #b3dae2; padding: 30px 30px 0 30px;}
#data ul {margin-bottom: 30px; text-align: center;}
#left-list {float: left;}
#right-list {float: right;}
.list-title {color: #01becf; font-size: 1.4em; margin-bottom: 5px;}
#translation {float: left; margin: 3px 10px 0 2px;}


/* IMG CTAS */
#services {width: 960px; margin: 0 auto; padding-bottom: 20px; overflow: hidden;}
.details span {color: #fff; font-size: 1.4em; font-weight: 300; font-family: 'Open Sans', sans-serif; float: left; margin-top: 10px; text-align: center; width: 100%;}
.details p {color: #fff; font-size: 1.2em; line-height: 1.3em; float: left; margin: 13px 5px 0 10px; padding-top: 4px; font-family: 'museo_sans_500regular', sans-serif; border-top: 1px dotted #fff;}
.cta-img-wrap {width: 173px; float: left; margin: 9px;}
.img-cta-text {font-size: 1.1em; color: #999; line-height: 1.8em; font-family: 'Droid Sans', sans-serif; float: left; border-top: 2px dashed #b3dae2; padding-top: 10px;}


/* PLASTIC PIPE FORMING */
.forming-process {float: left; width: 940px; margin: 15px 0 5px 0; border-top: 1px dotted #c4c4c4; padding-top: 20px;}
.forming-process img {margin: 5px 0px 0px 10px; float: left;}
.pipe-text {float: right; width: 750px;}
.pipe-text p, .margin-bottom-text {margin-bottom: 10px;}


/* JIG PAGE */
.jig-wrap {float: left; width: 280px; margin-right: 50px;}
.jig-wrap-right {float: right; width: 280px;}
.jig-wrap img, .jig-wrap-right img {float: left; clear: both; margin: 15px 0 25px 0;}
.jig-text {width: 260px; float: left;}
.float-right {float: right !important; margin-right: none !important;}
.component-wrap {float: left; clear: both; margin-bottom: 20px; width: 940px;}
.component-wrap img {margin: 10px 0 0 15px; float: left}
.component-text {width: 650px; float: right; margin-top: 25px;}
.component-block {width: 940px; margin: 0 auto; padding: 15px 0 10px 0; overflow: hidden; border-top: 1px solid #c4c4c4;}
.component-block-no-border {width: 940px; margin: 0 auto; padding: 5px 0 10px 0; overflow: hidden;}
#machining-wrap {margin-bottom: 20px; width: 940px; float: left;}
#machining-wrap img {float: right;}
#machining-text {float: left; width: 650px;}


/* ABOUT */
#about-wrap {float: left; margin-bottom: 25px;}
#about-wrap img {float: left; margin-right: 20px;}
.about-section {float: left; clear: both; margin: 10px 0 10px 0;}


/* SITEMAP & 404 */
#sitemap {float: left; margin: 5px 0px 0px 10px;}
#sitemap a, #sitemap a:visited {font: normal 400 1.2em/2.2em 'Droid Sans', sans-serif; color: #999; background: url(../images/arrow-bullet.gif) no-repeat; background-position: 5px 2px; padding-left: 20px;}
#sitemap a:hover {color: #01becf; background-position: 7px 2px;}
#sitemap-container {float: left; width: 210px; margin-right: 85px;}
#sitemap li {}
#sitemap-wrap {border-top: 1px dotted #c4c4c4; float: left; width: 940px; margin: 20px 0 10px 0; padding-top: 15px;}
#site-search {float: left;}
#goog-wm-qt {width: 250px; padding: 10px; border: 1px solid #c4c4c4; color: #999; margin-top: 15px; float: left; font-family: 'Droid Sans', sans-serif; font-weight: 400; outline: none; box-shadow: 1px 1px 5px #c4c4c4;}
#goog-wm-sb {width: 273px; padding: 10px; border: 1px solid #c4c4c4; float: left; color: #999; clear: both; margin-top: 15px;} 
#goog-wm-sb:hover {cursor: pointer; color: #01BECF;}
#site-search input:hover, #site-search input:focus {border: 1px solid #01becf;}
.search-goog {font-family: 'Droid Sans', sans-serof; color: #999; font-size: 1.1em;}
.other-things {text-shadow: 2px 2px 0 white, 3px 3px 0 #cdccc6;}
#sitemap-contacts {float: right; width: 300px;}
#sitemap-contacts h3, #sitemap-container h3 {color: #01becf; font-size: 1.4em; text-shadow: 2px 2px 0 white, 3px 3px 0 #cdccc6;}
.sitemap-contact {width: 300px; float: left; clear: both; margin-top: 5px;}
.sitemap-contact img {float: left;}
.sitemap-contact ul {float: left; font-family: 'Droid Sans', sans-serif; color: #999; font-size: 1.2em; margin-top: 12px;}
.sitemap-contact-title {color: #01becf; margin-bottom: 2px;}


/* FOOTER */
footer {background: url(../images/footer-top-bg.gif) top repeat-x #c4c0c0;}
#footer-wrap {width: 940px; margin: 0 auto; padding: 30px 0 20px 0; font-family: 'Droid Sans', sans-serif;}
#footer-nav {margin: 10px 0 10px 0;}
#footer-nav li {display: inline; border-right: 1px solid #a8a5a5; padding-right: 4px; margin-right: 4px; letter-spacing: 0.00em;}
#footer-nav a, #footer-nav a:visited {color: #5a5a5a; font-size: 1.1em; font-weight: 700; text-decoration: none;}
#footer-nav a:hover {text-decoration: underline;}
.no-border {border: none !important;}
#footer-details {font-family: 'Droid Sans', sans-serif; font-weight: 400; color: #696969; line-height: 2.0em;}
#footer-details a, #footer-details a:visited {color: dimGray; font-size: 1.1em; font-weight: 700; text-decoration: none;}
#footer-details a:hover {text-decoration: underline;}


/* CONTACT */
#map-wrap {width: 960px; margin: 0 auto; padding: 25px 0 50px 0; position: relative; background: url(../images/shadow.png) no-repeat bottom;}
#map-container {width: 940px; height: 300px; padding: 10px; background: #fff; position: relative;}
#contact-details {position: absolute; right: 10px; top: 10px; border: 2px dashed #b3dae2; width: 235px; height: 295px;}
.list-heading {color: #01becf; font-family: 'Droid Sans', sans-serif; weight: 700; font-size: 1.4em; margin-bottom: 5px;}
#address {font-family: 'Droid Sans', sans-serif; line-height: 1.6em; color: #999; margin: 25px 0 0 35px;}
#contacts {font-family: 'Droid Sans', sans-serif; line-height: 1.6em; color: #999; margin: 20px 0 0 35px;}
#contact-btn {color: #fff; border: 1px solid #d9d9d9; float: left; padding: 7px 41px 7px 41px; margin: 15px 0px 0px 35px; text-decoration: none; color: #999; text-align: center; font-family: 'Open Sans', sans-serif;}
a#contact-btn:hover {color: #01becf;}
#contact-text {width: 300px; float: left;}
#contact-text p {margin-bottom: 10px;}
#contact-form {float: left; position: relative; width: 960px; height: 360px; margin: 10px 0 0 0;}
#contact-form label {color: #01becf; font-family: 'Open Sans', sans-serif; font-size: 1.2em; text-shadow: 2px 2px 0 white, 3px 3px 0 #cdccc6;}
#contact-form input {background: white; height: 10px; border: 1px solid #bababa; margin: 10px 0px 15px 0px; padding: 10px; width: 250px; color: #c4c4c4; outline: none; box-shadow: 1px 1px 5px #c4c4c4;}
#contact-form input:hover, #message-area textarea:hover {border: 1px solid #01becf;}
#contact-form input:focus, #message-area textarea:focus {color: #999; border: 1px solid #01becf;}
#left-inputs {width: 280px; position: absolute; right: 330px; top: 0;}
#right-inputs {width: 280px; position: absolute; right: 20px; top: 0;}
#enter-code {position: absolute; top: 200px; width: 300px;}
#enter-code label {float: left;}
#enter-code input {width: 80px; float: left; clear: left; margin-right: 15px;}
#message-area {position: absolute; top: 140px; right: 28px;}
#message-area label {float: left;}
#message-area textarea {float: left; clear: both; margin-top: 10px;}
#messageInput {width: 560px; resize: none; background: white; border: 1px solid #bababa; padding: 10px; color: #c4c4c4; outline: none; box-shadow: 1px 1px 5px #c4c4c4;}
#captcha-wrap {position: absolute; top: 22px; left: 120px;}
#captcha {border: 1px solid #bababa; box-shadow: 1px 1px 5px #c4c4c4; margin-right: 5px;}
#btn-wrap {position: absolute; left: 0px; top: 270px;}
.send-btn {background: url(../images/send-btn.gif) no-repeat !important; width: 259px !important; height: 32px !important; border: none !important;}
.send-btn:hover {background-position: 0 -32px !important; cursor: pointer;}
a#reload-btn {border: 1px solid #bababa; text-decoration: none; background: #fff; color: #999; float: right; width: 50px; height: 25px; padding-top: 5px; text-align: center; box-shadow: 1px 1px 5px #c4c4c4; }
a#reload-btn:hover {color: #01becf !important;}
a#reload-btn:visited {color: #999;}
Pseudo::-webkit-input-placeholder element          user  agent  stylesheet
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c4c4c4;}
::-webkit-input-placeholder {color: #c4c4c4;}
.fail-text, .success-text {margin: 20px 0 15px 0;}
.fail-text img, .success-text img {float: left; margin-right: 10px;}
#data-wrap {display: none;}


/* GRADIENTS - UP */
a#reload-btn, #contact-btn, #goog-wm-sb { 
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */}


/* GRADIENTS - HOVER */
a#reload-btn:hover, a#contact-btn:hover, #goog-wm-sb:hover {background: #f1f1f1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );}


/* FONTS */
@font-face {font-family: 'museo_sans_500regular';
			src: url('fonts/museosans_500-webfont.eot');
			src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
				 url('fonts/museosans_500-webfont.woff') format('woff'),
				 url('fonts/museosans_500-webfont.ttf') format('truetype'),
				 url('fonts/museosans_500-webfont.svg#museo_sans_500regular') format('svg');
			font-weight: normal; font-style: normal;}