/* ============================== */ /* ! Layout for desktop version   */ /* ============================== */  /* CSS Resets */  /*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%} #mainwrapper{  margin:auto; max-width:1024px; } -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; }  .container { margin-top:15px; overflow:hidden; max-width:1024px; }  .containerflush { margin-top:0px; max-width:1024px; }  .row { width: 100%; max-width: 1024px; min-width: 755px; margin: 0 auto; overflow: hidden; }   .rowflush { width: 100%; max-width:1024px; min-width: 755px; margin: 0 auto; overflow: hidden; }  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 1.5%; float: left; min-height: 1px; height:100%; }   .row .onecol { width: 4.85%; }  .row .twocol { width: 13.45%; }  .row .threecol { width: 31.05%; }  .row .fourcolfixheight { background-color: #E6E6E6; height:200px; width: 220px; margin:0 10px 0 10px; }  .row .fourcolfixheightrepeat { background-color: #E6E6E6; height:200px; width: 220px; margin:20px 10px 0 10px; }  */

/*.row .fivecolfixheight { height:170px; width: 170px; display:inline;  }  .fourcolfixwhite{ margin-right:1%; float: left; min-height: 1px; }  .row .fourcolfixwhite{ background-color: #FFF; height:200px; width:220px; }   .row .fourcol { width: 21.75%; }  .row .fivecol { width: 39.45%; }  .row .sixcol { width: 48%; }  .row .sevencol { width: 56.75%; }  .row .eightcol { width: 65.4%; }  .row .ninecol { width: 74.05%; }  .row .tencol { width: 82.7%; }  .row .elevencol { width: 91.35%; }  .row .twelvecol,.fourcolfixheight { width: 100%; float: left; }  .row .twelvecol,.fourcolfixheightrepeat { width: 100%; float: left; }  .first { margin-left: 30px; }  .last { margin-right: 0px; }  img, object, embed { max-width: 100%; }  img { height: auto; }  img a { outline: none; }  img a:focus { -moz-outline-style: none; }  a { border:none; border:0; outline: none; }  a:focus { -moz-outline-style: none; }   html, body { margin:0; padding:0; height:100%; }  body { font-size :14px; line-height :1.5; font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif; line-height: 16px; word-wrap: break-word; background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/body_bg.jpg) center repeat-y; }   */
  
/*blockquote { border-left:1px solid #c1c1c1; color:#26BCD7; padding-left:15px; margin-left:-15px; } #blockquote_side{background-color:#f3f3f3;padding:15px;width:250px;border:1px dotted #d6d3d3; position:absolute; top:450px;margin-left:75px;}  hr { border: 0; border-bottom: 2px dotted #26BCD7; clear: both; height: 0; max-width:964px; margin: 15px auto 15px auto; }*/   
section h1 { font-size:20px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#FFF; line-height: 22px; z-index:1; }  
section .addmore h1{  font-size:48px; margin-bottom:0px; font-family:futura-pt-n3, Futura-pt, Arial, Helvetica, sans-serif; font-weight:300; color:#FFF; /*#F47B20;*/ text-shadow: 0px 0px 15px #000; line-height:48px; }  
section .addmore{ width:100%; max-width:1024px; text-align:center; position:absolute; top:140px; z-index:9999; }  
/*.headerh1 { font-size:40px; line-height: 48px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#FFF; z-index:3000; position:relative; }  */

.headerh2 { font-size: 20px; line-height: 24px; margin-top: 5px; margin-bottom: 5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight: 300; color: white; position:relative; }  footer h1 { padding-left:20px; font-size:20px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#26BCD7; line-height: 22px; }  section section h1 { font-size:40px; line-height: 48px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#FFF; z-index:9999; }  section section .twelvecol h1 { font-size:40px; line-height: 48px; margin:30px 30px 10px 30px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#666; z-index:9999; } #centerwhite h1 { font-size:40px; line-height: 48px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#4D4D4D; margin:0px 0px 5px 30px; }  section h2 { font-size:18px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#26BCD7; line-height: 12px; } section section h2 { font-size:20px; line-height: 24px; margin-top:5px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#FFF; }  section h3 { margin: 10px 10px 0 10px; color:#FFF; font-size:18px; font-family:Futura-pt, Arial, Helvetica, sans-serif; letter-spacing:-1px; } section section h3 { font-size:16px; line-height: 16px; margin-top:5px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#26BCD7; margin-left:20px }  section section h4 { font-size:20px; line-height: 32px; margin-top:5px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#4D4D4D; margin-left:auto; margin-right:auto; max-width:924px; text-align:center; }  a img { border:none } a { color:#26BCD7; text-decoration:none; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } a:hover { color:#666; text-decoration:none; }  a.newsdate{ color:#FFF; text-decoration:none; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out }  a.newsdate:hover{ color:#26BCD7; text-decoration:none; }  img { max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out; }  section#content { width: 100%; margin:auto; }  header { position:absolute; width: 100%; max-width:1024px; z-index: 9999; border:none; height:auto; margin:auto; /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";*/ }   section#logo { margin:10px 0 0 30px; padding:0; border:none; height:auto; }  header img { max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out } h1.logo { display:none }  header a.logo { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/logo.png) no-repeat scroll 0 0 transparent; background-position: 0 -45px; display:block; width:114px; height:45px; border:none; }  header a.logo:hover { background-position: 0px 1px; }  header a.logo { position:relative;display:block; }  

h1.logo { display:none }  footer { width: 95%; margin:0 0 0 2.5%; color: #26BCD7; text-align: center;   }  footer section.container { color: #26BCD7; text-align: left;  }  footer h2 { font-size:16px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#938055; line-height: 16px; }  footer p { margin-top: 5px; }  img, object, embed { max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out }   /*#searchwrapper { width:152px; /*follow your image's size*/ height:20px;/*follow your image's size*/ background-image:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/searchbar.png); background-repeat:no-repeat; /*important*/ padding:0px; margin:0px; position:relative; /*important*/ right:25px; float:right; color:#FFF; }*/  #searchwrapper form { display:inline ; }  #searchwrapper input { color:#FFF; }  .searchbox { border:0px; /*important*/ background-color:transparent; /*important*/ background:transparent; /*important*/ position:absolute; /*important*/ left:4px; width:152px; height:16px; color:#FFF; }  .searchbox_submit { border:0px; /*important*/ background-color:transparent; /*important*/ position:absolute; /*important*/ top:4px; left:130px; width:20px; height:20px; } .copyright { margin:30px 0 90px 0; }  #centerwhite{ background: #FFFFFF; height:100%; width:100%; max-width:1024px; margin:auto; overflow:hidden; }  /*  Orange Template */ #toporange { height:350px; width:1024px; margin:auto; background:#F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/orange_headerb.jpg) no-repeat; }  #orangestatement{ width: 70%; padding:0px 0 0 30px; position:absolute; top:150px;	}  #centerorange{ height:100%; width:1024px; margin:auto; background:#F47B20; border-bottom:1px solid #666; border-top:1px solid #666; overflow:hidden; }  #centerorangelite{ height:100%; width:1024px; margin:auto; background:#FEDABC; border-bottom:1px solid #666; border-top:1px solid #666; overflow:hidden; }  #bottomorange{ height:51px; width:1024px; margin:auto; background:#F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x; }  #orangesubnav{ margin:auto; width:1024px; height:39px; background: #F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; text-align:center; }  #orangesubnav ul { top:15px; margin:auto; list-style:none; list-style-type:none; height:39px; } #orangesubnav ul li { display:inline; border-left:1px solid white; height:39px; overflow: hidden; padding:10px 20px 10px 20px; } #orangesubnav ul li:first-child { border-left:1px solid white; } 

#orangesubnav ul li:last-child { border-right:1px solid white; } #orangesubnav ul li.current { background:#EB5A24; } #orangesubnav a { font-size:14px; font-family:futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif; font-weight:500; text-decoration:none; line-height:39px; } #orangesubnav a { color:#FFF; /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/ -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } #orangesubnav a:hover { color:#26BCD7; }  .orangeh1{ margin:0px 30px 0px 30px; text-align:justify; color: #F47B20; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:50px; }  .orangeh2{ margin:0px 30px 0px 30px; color: #F47B20; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 28px; font-weight:300; line-height:34px; float:right; }  .orangeh3{ margin:30px 30px 0px 30px; text-align:justify; color: #F47B20; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:40px; }  .orangediv	{height:72px;width:300px;border-left:10px solid #EF651A;background-color:#DDDDDD;display:block;float:left;margin-left:15px;margin-top:30px;}  .orangediv a {color:#7F7F83;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;} .orangediv a:hover {color:#26BCD7;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;}  .bluediv	{height:72px;width:300px;border-left:10px solid #25AFCD;background-color:#DDDDDD;display:block;float:left;margin-left:30px;margin-top:30px;} .bluediv a {color:#7F7F83;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;} .bluediv a:hover {color:#26BCD7;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;}  .purplediv	{height:72px;width:300px;border-left:10px solid #6259A4;background-color:#DDDDDD;display:block;float:left;margin-left:15px;margin-top:30px;} .purplediv a {color:#7F7F83;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;} .purplediv a:hover {color:#26BCD7;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; margin-left:auto; margin-right:auto; width:250px; vertical-align:middle; display:block;top:30%;position:relative;}   /*   Blue Template   */ #topblue { height:350px; width:1024px; margin:auto; background:#26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/blue_headerb.jpg) no-repeat; }  #centerblue{ overflow:hidden; height:100%; width:1024px; margin:auto; background:#26BCD7; border-bottom:1px solid #666; border-top:1px solid #666; }  #bottomblue{ height:51px; width:1024px; margin:auto; background:#26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x; }  #bluestatement{ width: 60%; padding:0px 0 0 30px; position:absolute; top:150px;	}   

#bluesubnav{ margin:auto; width:1024px; height:39px; background: #26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; text-align:center; }  #bluesubnav ul { top:15px; margin:auto; list-style:none; list-style-type:none; height:39px; } #bluesubnav ul li { display:inline; height:39px; overflow: hidden; padding:10px 20px 10px 20px; border-left:1px solid white; } #bluesubnav ul li:first-child { border-left:1px solid white; } #bluesubnav ul li:last-child { border-right:1px solid white; } #bluesubnav ul li.current { background:#106172; } #bluesubnav a { font-size:14px; font-family:futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif; font-weight:500; text-decoration:none; line-height:39px; } #bluesubnav a { color:#FFF; /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/ -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } #bluesubnav a:hover { color:#666; }    /*   Green Template   */ #topgreen { height:350px; width:1024px; margin:auto; background:#66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/green_header.jpg) no-repeat; }  .centergreen{ width:1024px; height:100%; margin:20px auto 20px auto; background:#66B360; height:100%; overflow:hidden; padding:30px 0px 30px 0px; }  .centergreen h3 { margin:0px 30px 0px 30px; color: #FFF; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:500; line-height:34px; }  .centergreen p{ margin:0px 30px 0px 30px; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 14px; font-weight:300; line-height:34px; }  #bottomgreen{ height:51px; width:1024px; margin:auto; background:#66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x; }  #greenstatement{ width: 60%; padding:0px 0 0 30px; position:absolute; top:150px;	}  

#greensubnav{ margin:auto; width:1024px; height:39px; background: #66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; text-align:center; }  #greensubnav ul { top:15px; margin:auto; list-style:none; list-style-type:none; height:39px; } #greensubnav ul li { display:inline; border-left:1px solid white; height:39px; overflow: hidden; padding:10px 20px 10px 20px; } #greensubnav ul li:first-child { border-left:1px solid white; } #greensubnav ul li:last-child { border-right:1px solid white; } #greensubnav ul li.current { background:#2D612D; } #greensubnav a { font-size:14px; font-family:futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif; font-weight:500; text-decoration:none; line-height:39px; } #greensubnav a { color:#FFF; /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/ -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } #greensubnav a:hover { color:#26BCD7; }  /*   Purple Template   */ /*#toppurple { height:350px; width:1024px; margin:auto; background:#7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/purple_header.jpg) no-repeat; }*/  #purplestatement{ width: 60%; padding:0px 0 0 30px; position:absolute; top:150px;	}   

#centerpurple{ overflow:hidden; height:100%; width:1024px; margin:auto; background:#EBEAF5 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x; }  #bottompurple{ height:51px; width:1024px; margin:auto; background:#7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x; }  #purplesubnav{ margin:auto; width:1024px; height:39px; background: #7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; text-align:center; }  #purplesubnav ul { top:15px; margin:auto; list-style:none; list-style-type:none; height:39px; } #purplesubnav ul li { display:inline; border-left:1px solid white; height:39px; overflow: hidden; padding:10px 20px 10px 20px; } #purplesubnav ul li:last-child { border-right:1px solid white; } #purplesubnav ul li.current { background:#352E59 ; } #purplesubnav a { font-size:14px; font-family:futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif; font-weight:500; text-decoration:none; line-height:39px; } #purplesubnav a { color:#FFF; /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/ -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } #purplesubnav a:hover { color:#26BCD7; }    /*                Vertical Timeline          */  #timeline { width: 512px; height: 360px; overflow: hidden; margin: auto; margin: 5px 0px 5px 0px; position: relative; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/dot.gif) 3px top repeat-y; } #dates { width: 50px; float: left; } #dates li { list-style: none; width: 100px; height: 40px; line-height: 40px; font-size: 12px; padding-left: 10px; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/biggerdot.png) left center no-repeat; } #dates a { line-height: 38px; padding-bottom: 10px; } #dates .selected { font-size: 18px; }  #issues { width: 450px; height: 320px; overflow: hidden; float: left; position:relative; top:20%; } #issues li { width: 450px; height: 320px; list-style: none; margin:0 0 0 0; } #issues li img {  padding:30px 0px 0px 0px; } #issues li h1 { color: #26BCD7; font-size: 24px; width:300px; } #issues li p { font-size: 11px; font-weight: normal; line-height: 22px; color:#666; text-align:left; width:300px; }  #next, #prev { position: absolute; left: 55%; font-size: 70px; width: 40px; height: 40px; background-position: 0 0px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #next:hover, #prev:hover { background-position:  0 0; } #next { bottom: 0; background-image: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/downarrow_largeorange.png); } #prev { top: 0; background-image: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/uparrow_largeorange.png); } #next.disabled, #prev.disabled { opacity: 0.2; } /* Counter style  */ #counterwrapper{position:relative;margin-top:70px;} #flip-counter{position:relative;clear:both;margin:0 0 0 30%;} .flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0} .flip-counter li{background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/digits.png) 0 0 no-repeat} .flip-counter li.t{background-position:0 0;width:53px;height:39px;margin-bottom:0px;} .flip-counter li.b{background-position:0 0;width:53px;height:64px} .flip-counter li.s{background-position:-53px -1030px;width:14px;height:103px}  /* 					Slider Container Options						 */  #slider {  }  .asyncslider_container { list-style: none; margin: 0px; padding: 0px; } .asyncslider_container li { margin: 0 auto; padding: 0 20px; max-width: 1000px; }   .asyncslider_container .emotive { padding-top: 30px; text-align:center;  }  .asyncslider_container .emotive h1 { color: #FFF; font-size: 48px; padding-top:160px; padding-bottom: 5px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight: 700; line-height:48px; text-shadow: 0px 0px 15px #000; }  .asyncslider_container .emotive a { color: #FFF; margin: 0px; padding-top:160px; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out }  .asyncslider_container .emotive a:hover { color: #26BCD7; }  .asyncslider_container .emotive p { color: #FFF; font-family: Arial; font-size: 12px; line-height: 1.6; }  .asyncslider_container .environment { text-align:center; }  .asyncslider_container .environment h1 { color: #FFF; font-size: 48px; margin: 0px; padding-top:40px; padding-bottom: 20px; text-shadow: 0px 0px 15px #000; }  .asyncslider_container .environment h3 { color: #FFF; font-size: 50px; margin: 0px; font-weight:200; }  

.asyncslider_container .environment a { color: #FFF; font-size: 48px; margin: 60px; padding-top:40px; padding-bottom: 20px; font-family: futura-pt-n7,futura-pt,sans-serif; font-weight:700; font-style: normal; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out }  .asyncslider_container .environment a:hover { color: #F47B20; }  .asyncslider_container .environment p { color: #FFF; font-family: Arial; font-size: 12px; line-height: 1.6; }  .asyncslider_container .whatif { padding-top: 30px; padding-left:30px; text-align:left;  }  .asyncslider_container .didyouknow { padding-top: 30px; text-align:center; }  .asyncslider_container .didyouknow h1 { color: #FFF; font-size: 40px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight: 300; line-height:48px; text-align:center; margin-bottom:30px; }  .didyouknow h2 { color: #92D1E2; font-size: 20px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight: 300; line-height:24px; text-align:center; width:900px; margin-left:auto; margin-right:auto; margin-bottom:30px; }  .asyncslider_container .whatif h1 { color: #FFF; font-size: 28px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight: 500; line-height:32px; padding:20px 0px 0px 150px; }   .statement{ margin:0px 30px 0px 30px; text-align:justify; color: #666; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 25px; font-weight:300; line-height:37px; }  .blueh1{ margin:0px 30px 0px 30px; text-align:justify; color: #26BCD7; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:50px; }  .blueh2{ margin:0px 30px 0px 30px; color: #26BCD7; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 28px; font-weight:300; line-height:34px; float:right; }  .blueh3{ margin:30px 30px 0px 30px; text-align:justify; color: #26BCD7; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:40px; }  .greenh1{ margin:0px 30px 10px 30px; text-align:justify; color: #66B360; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:40px; }  .greenh2{ margin:0px 30px 0px 30px; color: #66B360; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 28px; font-weight:300; line-height:34px; float:right; }  .greenh3{ margin:30px 30px 0px 30px; text-align:justify; color: #66B360; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:40px; }   .greyh1{ margin:30px 30px 10px 30px; text-align:left; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:40px; }  .greyh2{ margin:0px 30px 10px 30px; text-align:left; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 35px; font-weight:300; line-height:40px; }  .greyh3{ margin:0px 30px 10px 30px; text-align:left; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:32px; }  .greyh4{ margin:0px 30px 10px 30px; text-align:left; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 15px; font-weight:300; line-height:28px; }  .whatifh1{ margin:0px 0px 0px 0px; text-align:center; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:40px; }   .whiteh1{ margin:30px 30px 10px 30px; text-align:left; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 40px; font-weight:300; line-height:40px; }  .whiteh2{ margin:0px 30px 10px 30px; text-align:left; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 35px; font-weight:300; line-height:40px; }  .whiteh3{ margin:10px 30px 10px 30px; text-align:left; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:24px; }  .whiteh3tall{ margin:10px 30px 10px 30px; text-align:left; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:35px; }  

.whiteh4{ margin:0px 30px 10px 30px; text-align:left; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 15px; font-weight:300; line-height:28px; }   .greycenter{ margin:0px 30px 10px 30px; text-align:center; color: #595959; width:100%; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 16px; font-weight:300; line-height:18px; float:left; }  .stmtfull{ margin:0px 30px 10px 30px; float:left; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:32px; }   .stmtright{ margin:0px 0px 0px 30px; float:left; width:90%; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:32px; }  .stmtleft{ margin:0px 0px 0px 30px; float:left; width:90%; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:32px; }  .stmtleftwhite{ margin:0px 0px 0px 30px; float:left; width:90%; color: #FFF; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:24px; }  .stmtleftwide{ margin:0px 0px 0px 30px; float:left; width:70%; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:24px; }  .blueprov{ margin:45px 40px 0px 0px; text-align:left; color: #26BCD7; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 28px; font-weight:300; line-height:32px; width:290px; float:right; }  .greenprov{ margin:45px 40px 0px 0px; text-align:left; color: #26BCD7; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 28px; font-weight:300; line-height:32px; width:290px; float:right; }  /* Misc */ .clear { clear: both; }  .item { width:220px; height:200px; overflow:hidden; position:relative; float:left; }  .itemclient { width:220px; height:200px; overflow:hidden; position:relative; float:left; background-position:-220px; }  .itemclient a:hover { width:220px; height:200px; overflow:hidden; position:relative; float:left; background-position:-220px 0px; }    .item .caption { width:100%; height:100%; background:#000; top:220px; color:#fff; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; position:absolute; /*display:none;*/ filter:alpha(opacity=80);    /* ie  */ -moz-opacity:0.8;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.8;    /* for really really old safari */ opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */ } .item .clientcaption { width:100%; height:100%; background:#26BCD7; top:220px; text-align:center; color:#fff; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; position:absolute; filter:alpha(opacity=80);    /* ie  */ -moz-opacity:0.6;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.6;    /* for really really old safari */ opacity: 0.6;    /* css standard, currently it works in most modern browsers like firefox,  */ }  .item .caption a { text-decoration:none; color:#FFF; font-size:12px; padding:0px; display:block; }  .item .caption h3 { text-decoration:none; color:#26BCD7; font-size:16px; padding:0px; display:block; text-align:center; }  .item .caption p { padding:0px; color:#26BCD7; margin:35% 20px 20px 20px; font-size:14px; line-height:19px; text-align:center; vertical-align:middle; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; }   .clientlogo { width:770px; height:200px; overflow:hidden; position:relative; float:left;  }  .casestudytitle { position:absolute; top:150px; color:#FFF; font-size:40px; line-height:50px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; }  .casestudy { padding:0px 30px 30px 30px; color:#4D4D4D; font-size:20px; line-height:35px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; width:656px; float:left; display:inline; }     

.clienttestimonial { margin:30px 0 0 0; padding:10px 10px 10px 10px; color:#FFF; font-size:15px; line-height:24px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; width:200px; float:left; display:inline; background:#F47B20; }  /*** Departmen Rollovers***/ .departmentitem { width:165px; height:165px; overflow:hidden; position:relative; float:left; }  .department .caption { width:100%; height:100%; background:#000; top:165px; color:#fff; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; position:absolute; /*display:none;*/ filter:alpha(opacity=80);    /* ie  */ -moz-opacity:0.8;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.8;    /* for really really old safari */ opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */ }  .departmentitem .caption a { text-decoration:none; color:#FFF; font-size:12px; padding:0px; display:block; }  .departmentitem .caption h3 { text-decoration:none; color:#26BCD7; font-size:16px; padding:0px; display:block; text-align:center; }  .departmentitem .caption p { padding:0px; color:#26BCD7; margin:0%; font-size:14px; line-height:19px; text-align:center; vertical-align:middle; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; }  .circleitem { width:165px; height:166px; overflow:hidden; position:relative; float:left; margin:15px; }  .item .clientcaption a { text-decoration:none; color:#0cc7dd; font-size:12px; padding:0px; display:block; }  .item .clientcaption h3 { text-decoration:none; color:#26BCD7; font-size:16px; padding:0px; display:block; text-align:center; }  .item .clientcaption p { padding:0px; color:#FFF; margin:70% 20px 20px 20px; font-size:14px; line-height:19px; text-align:center; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; }  .newsnew { padding:0px; color:#666; margin:20px 20px 20px 0px; font-size:18px; text-align:left; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; }  .newstext { padding:0px; color:#666; margin:20px 20px 20px 0px; font-size:15px; text-align:left; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; line-height:21px; }  .linkbuttongrey a{ background:#FFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0 10px 0 10px; width:120px; text-align:center; margin:0 30px 0 0; position:absolute; bottom:30px; right:30px; color :#666; font-size :12px; line-height :1.5; font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif; }  .linkbuttongrey a:hover{ background:#E6E6E6; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color :#26BCD7; }  .linkbuttonblue a{ background:#FFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0 10px 0 10px; width:120px; text-align:center; margin:0 30px 0 0; position:absolute; bottom:30px; right:30px; color :#26BCD7; font-size :12px; line-height :1.5; font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif; }  .linkbuttonblue a:hover{ background:#E6E6E6; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color :#666; }   .downloadlink a{ background:#FFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0 10px 0 10px; width:120px; text-align:center; margin:0 30px 0 0; position:absolute; bottom:30px; right:30px; color :#26BCD7; font-size :12px; line-height :1.5; font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif; }  .downloadlink a:hover{ background:#E6E6E6; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color :#666; }  .clear { clear:both; }    #tweetright{ height:215px; width:50%; position:relative; background:#26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/newstweet_bg.png) repeat-x; float:right; border:0; }  #newsleft{ height:215px; width:50%; position:relative; background:#666  url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/newstweet_bg.png) repeat-x; float:left; border:0; }  #contactfooter{ height:150px; margin:0px 0px 10px 0px; max-width: 1024px; background:#E6E6E6; }  #sitemapfooter{ height:30px; width: 100%; max-width:1024px; background:#000; padding-top:15px; }  #sitemapfooter ul{ margin:30px 0 0 30px; padding-top:20px; display:inline; list-style-type: disc; }  #sitemapfooter ul li{ display:inline; margin:20px 30px 0 0; list-style-type: disc; color:#666; font-size:12px; }  #whatif{ margin:0px 0px 0px 30px; float:right; width:100%; color: #4D4D4D; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-size: 20px; font-weight:300; line-height:32px; }  .circlesurround{ display:inline;}  .circle { width: 60px; height: 60px; background: #FFF; -moz-border-radius: 40px; -webkit-border-radius: 40px; margin:10px 0 0 40px; }  .contact{ height:150px; width:25%; float:left; background:#E6E6E6; left:20%; border-right:2px dotted #666; }  .contact h4{ color :#666; font-size :14px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; line-height: 21px; padding:0px 20px 10px 30px; text-align:left; }  .contact p{ color :#666; font-size :12px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; line-height: 18px; padding:0px 20px 0px 30px; }  .connect{ height:150px; width:50%; background:#E6E6E6; float:left; border-right:2px dotted #666; position:relative; display:inline; }  .connect h4{ color :#666; font-size :14px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; line-height: 21px; padding:0px 20px 10px 30px; text-align:left; }  .connect p{ color :#666; font-size :12px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; line-height: 18px; padding:0px 20px 0px 30px; }  #connectlist{ width: 100%; padding:0 0 0 6%; margin:0px auto; }  #connectlist ul{ margin:0px auto; left:150px; }  #connectlist ul li{ float:left; padding:20px 30px 0 0; list-style-type: none;  }  .departmentlist{ width: 800px; padding:0 0 0 10%; margin-left:auto; margin-right:auto; }  

.departmentlist ul{ margin:0px auto; left:150px; }  .departmentlist ul li{ float:left; padding:20px 100px 0 0; list-style-type: none;  }  a.departments {background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solidcircles.png) no-repeat scroll 0 0 transparent; background-position: 0 0px; display:block; width:165px;	height:165px; border:none;} a.departments:hover {background-position: -165px  0px;} a.departments span.department{display:block;width:130px;margin-left:18px;top:35%;text-align:center;position:absolute;color:#FFF;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:26px;} a.departments:hover span.department{display:none;} a.departments span.deptdetail{display:none;} a.departments:hover span.deptdetail{display:block;width:135px;margin-left:10%;margin-right:10%;top:25%;text-align:center;position:absolute;color:#FFF;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:15px;line-height:20px;} a.departments { position:relative;display:block; }  h1.facebook {display:none}  a.facebook {background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;background-position: 0px 0px;display:block;width:50px;height:50px;border:none;}  a.facebook:hover {background-position: -50px  0px;display:block;width:50px;height:50px;border:none;}  a.facebook { position:relative;display:block; }  h1.facebook {display:none}  a.linkedin {background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;background-position: 0px -200px;display:block;width:50px;height:50px;border:none;}  a.linkedin:hover {background-position: -50px  -200px;}  a.linkedin { position:relative;display:block; }  h1.linkedin {display:none}  a.twitter {background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;background-position: 0px -50px;display:block;width:50px;height:50px;border:none;}  a.twitter:hover { background-position: -50px  -50px; }  a.twitter { position:relative;display:block; }  h1.twitter { display:none }   a.maps { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent; background-position: 0px -150px; display:block; width:50px; height:50px; border:none; }  a.maps:hover { background-position: -50px  -150px;  }  a.maps { position:relative;display:block; }  h1.maps { display:none }  a.foursquare { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent; background-position: 0px -100px; display:block; width:50px; height:50px; border:none; }  a.foursquare:hover { background-position: -50px  -100px; }  a.foursquare { position:relative;display:block; }  h1.foursquare { display:none }  a.rss { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent; background-position: 0px -250px; display:block; width:50px; height:51px; border:none; }  a.rss:hover { background-position: -50px  -250px; }  a.rss { position:relative;display:block; }  h1.rss { display:none }   /*   LANGUAGE */ #languagewrap { font: 1.3em/1.3 Arial, Helvetica, sans-serif,SimeHei; margin: 0 auto; } /* This CSS is used for the Show/Hide functionality. */ .more { display: none; width:750px; border-top: 1px solid #000; border-bottom: 1px solid #000; position:absolute; top:60px; right:0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; } a.language{float:left; display:inline; padding:5px 5px 5px 10px;} a.languagehide{float:right; display:inline; padding:5px 5px 0px 10px;} a.languagefooter{float:left; display:inline; padding:5px 5px 5px 10px; color:#666;} a.hideLink{float:right; display:inline; padding:5px 5px;} a.showLink { text-decoration: none; padding-left: 0px; position:absolute; top:28px; right:10px; } a.showLink:hover, a.hideLink:hover { border-bottom: 1px dotted #36f; } /* --- Grid --- */  .grid { width: 256px; margin: auto; }  .grid-m1 { float: left; width: 22px; height: 1px; }  .grid-c1 { float: left; width: 96px; }  .grid-m2 { float: left; width: 20px; height: 1px; }  .grid-c2 { float: left; width: 96px; } /** How We Do It**/ #howwedoit{ width: 100%; padding:0 0 0 15px; margin:0px auto; }  #howwedoit ul{ margin:0px auto; }  #howwedoit ul li{ float:left; padding:0px 25px 0 0; list-style-type: none; }  a.fragrances { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatfragrance.png) no-repeat scroll 0 0 transparent; background-position: 0 0px; display:block; width:165px; height:165px; border:none; }   a.fragrances:hover { background-position: -165px 0px; }  a.fragrances span{ display:none; } a.fragrances:hover span { display:block; color:#FFF; top:45%; position:relative; font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; text-align:center; }  a.fragrances { position:relative;display:block; }   a.people { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatpeople.png) no-repeat scroll 0 0 transparent; background-position: 0 0px; display:block; width:165px; height:165px; border:none; }  a.people:hover { background-position: -165px  0px; }  a.people { position:relative;display:block; }  a.people span{ display:none; } a.people:hover span { display:block; color:#FFF; top:45%; position:relative; font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; text-align:center; }  h1.people { display:none }  a.solutions { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatsolutions.png) no-repeat scroll 0 0 transparent; background-position: 0 0px; display:block; width:165px; height:165px; border:none; }  a.solutions:hover { background-position: -165px  0px; }  a.solutions span{ display:none; } a.solutions:hover span { display:block; color:#FFF; top:45%; position:relative; font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; text-align:center; }  a.meetings { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatmeetings.png) no-repeat scroll 0 0 transparent; background-position: 0 0px; display:block; width:165px; height:165px; border:none; }  a.meetings:hover { background-position: -165px  0px; }  a.meetings span{ display:none; } a.meetings:hover span { display:block; color:#FFF; top:45%; position:relative; font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px; text-align:center; }    /** Solutions**/ #solutions{ width: 100%; max-width:964px; margin-left:30px; margin-right:auto; padding:0 0 0 30px; /**margin:0px auto;**/ }  #solutions ul{ /**margin:0px auto;**/ }  #solutions ul li{ float:left; padding:0px 30px 0 30px; list-style-type: none; }  .bx-prev{position:absolute;top:65px;float:left;left:-30px;} .bx-next{position:absolute;top:65px;float:left;left:904px;}  a.simplicity { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_scentsimplicity.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.simplicity:hover {background-position: -165px 0px;} a.simplicity span{display:none;} a.simplicity:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.simplicity { position:relative;display:block; }  a.precision { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_scentprecision.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.precision:hover {background-position: -165px 0px;} a.precision span{display:none;} a.precision:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.precision { position:relative;display:block; }  a.customfragrance { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_customfragrance.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.customfragrance:hover {background-position: -165px 0px;} a.customfragrance span{display:none;} a.customfragrance:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.customfragrance { position:relative;display:block; }  a.invisiblesolutions { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_invisiblesolutions.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.invisiblesolutions:hover {background-position: -165px 0px;} a.invisiblesolutions span{display:none;} a.invisiblesolutions:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.invisiblesolutions { position:relative;display:block; }   a.engineeredsolutions { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_engineeredsolutions.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.engineeredsolutions:hover {background-position: -165px 0px;} a.engineeredsolutions span{display:none;} a.engineeredsolutions:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.engineeredsolutions { position:relative;display:block; }  a.monthlyservice { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_monthlyservice.png) no-repeat scroll 0 0 transparent; background-position: 0 0px;display:block;width:165px;height:165px;border:none;} a.monthlyservice:hover {background-position: -165px 0px;} a.monthlyservice span{display:none;} a.monthlyservice:hover span {display:block;color:#FFF;top:45%;position:relative;font-family:futura-pt-n5,futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;text-align:center;} a.monthlyservice { position:relative;display:block; }   .inform{ height:150px; width:24%; background:#E6E6E6; float:left; position:relative; display:inline; }  .inform h4{ color :#666; font-size :14px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; line-height: 21px; padding:0px 20px 10px 30px; text-align:left; }  .inform p{ color :#666; font-size :12px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; line-height: 18px; padding:0px 20px 0px 30px; }  .titleright{ color :#FFF; font-size :18px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; line-height: 21px; word-wrap: break-word; padding:30px 30px 10px 40px; }  .titleleft{ color :#FFF; font-size :18px; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; line-height: 21px; word-wrap: break-word; padding:30px 30px 10px 30px; position:relative; } .contentright{ color :#FFF; font-size :20px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; line-height: 26px; word-wrap: break-word; padding:0px 30px 10px 40px; }  .contentleft{ color :#FFF; font-size :20px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; line-height: 26px; word-wrap: break-word; padding:0px 30px 10px 30px; position:relative; }  /* Styling Custom Slider Buttons (button styles are taken from http://ubuwaits.github.com/css3-buttons/) */ #asyncslider_slides_nav { list-style: none; }   #asyncslider_slides_nav li a { display: block; color: #FFF; text-indent: -9999px; width: 26px; height: 25px; }  #asyncslider_slides_nav li { display: inline-block; margin-right: 5px; width:22px; height:22px; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/slider-off.png); }  #asyncslider_slides_nav li.active { display: inline-block; width:22px; height:22px; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/slider-on.png); cursor: pointer; }   /* Async Slider Next Prev Nav */ #asyncslider_next_prev_nav { list-style: none; }  #asyncslider_next_prev_nav li a { display: block; color: #FFF; text-indent: -9999px; width: 28px; height: 28px; }  #asyncslider_next_prev_nav .next a { background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/arrow-right.png); }  #asyncslider_next_prev_nav .prev a { background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/arrow-left.png); }  

/*.imagebanner{  width: 1024px; height: 150px; float: left; padding: 0px 0 0 0px;z-index:-9999;} */

/* Scents Listing CSS */ .results { margin: 10px 5px 5px 50px; }  .filter { margin: 10px 5px 5px 50px; } tr.scent_details { display:none; color:#666; font-size:14px; background-color:#FFEEE1; border:#FFEEE1 1px solid; /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/ }  tr.toprow {	background-color:#FFEEE1; padding:5px 5px 5px 5px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; font-size:16px; color:#666;  }  tr.row { padding:10px 10px 10px 10px; /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/ font-size:14px; height:20px; color:#666; }  tr.alternaterow {  background-color:#FFEEE1; padding:5px 10px 5px 10px; /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/ font-size:14px; color:#666; }  ul.locations {list-style-image:none;list-style-type:none;margin-left:0px;} ul.locationsWrapper {list-style-image:none;list-style-type:none;margin-left:0px;margin-top:10px;} /* News Listing Style*/  .newsheadlines{line-height:19px; width:225px; height:190px;clear:both; background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/news.png) no-repeat center;overflow:hidden;} .newsheadlines2{ width:225px;} .newsheadlines2 a{ color:#666;} .newsheadlines2 a:hover{ color:#26BCD7;} .newsheadlines2 a:hover visited{ color:#26BCD7;} ul.news {padding-top:46px; padding-left:10px;} ul.news2 {padding-top:0px; padding-left:0px;} ul.news li {font-size:11px; color:#666; } ul.news li a {color:#666; text-decoration: none;} ul.news li a:visited {color:#666; text-decoration: none;} ul.news li a:hover { color: #26BCD7;text-decoration: none; }  /* -- News / Listings -- */ .newsitem {width: 924px; float: left; padding:0px 50px 20px 50px; margin-bottom: 15px;border-bottom:1px solid #4D4D4D;} .newsitem .title a {margin:0px;text-decoration: none; font-size: 20px; color: #E8651A ; font-weight:normal;} .newsitem .content a { background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/downarrow_orange.png) 0 2px no-repeat; padding-left: 15px;color:#F47B20;} .newsitem .content p{padding: 0 0 0 0;font-size:20px; margin-bottom:5px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; color:#4D4D4D; line-height: 35px;} .category { width: 285px; float: left; } .category h2 { color:#666;font-size:14px;} .listitem  {width: 600px; float: left; margin-bottom: 15px; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-list-item.png) top left no-repeat; padding-top: 10px;} .topright .listitem  {width: 285px; float: left; margin-bottom: 15px;background:transparent; padding-top: 10px;} .listitem .image {width: 120px; float: left;} .listitem .image img { border: #e4e4e4 1px solid;width:100px;height:100px; } .listitem .content {width: 480px; float: left;} .listitem .content p{ margin: 0; padding: 0 0 0 0;} .listitempeople  {width: 700px; float: left; margin: 0 0 15px 15px; background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-list-item.png) top left no-repeat; padding-top: 10px;} .topright .listitempeople  {width: 285px; float: left; margin-bottom: 15px;background:transparent; padding-top: 10px;} .listitempeople .image {width: 125px; float: left;margin-left:15px;} .listitempeople .image img { border: #e4e4e4 1px solid;width:100px;height:100px; } .listitempeople .content {width: 480px; float: left;margin-left:15px;} .listitempeople .content p{ margin: 0; padding: 0 0 0 0;} .newsdate{ font-size: 10px; color: #666; margin-bottom: 15px;} .newspager{margin-left:60px;} .pager a {color:#F47B20;} .date{font-size:12px; margin-bottom:5px; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; color:#4D4D4D; line-height: 22px;}   /* -- Form -- */ .ContactForm {margin:30px; padding:0 0 0 25px;} .form{ padding: 0px 15px 15px 0px; width: 450px; float: left; margin: 10px 0 0 0; /*background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-categories.png) top left repeat;*/} .form.downloads{ background: none; border: #ccc 1px solid;} .form.requestform{padding: 0; margin: 0; width: 420px;} .form.loginform{padding: 10px; margin: 0 auto; width: 200px; border: #ccc 1px solid;} .form label{ font-weight: normal;} .form label span {color: #ff0000; font-weight: bold;} .formRow{ margin-top: 10px; float: left;} .formRow label, input, select {margin-left: 0; font-size: 14px; color: #666;} .formItem { width: 220px; float: left;} .formItem .textfield{ width: 200px; height: 16px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;}  .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;}  .formItemLong { width: 420px; float: left;} .formItemLong.border {border-bottom: #ccc 1px solid; padding-bottom: 5px;} .formItemLong .textfield{ width: 420px; height: 16px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 420px; resize: none; } .formItemLong .dropdown{ height: 20px;}  .city{ width: 220px; float: left;} .city .textfield{ width: 200px; height: 16px;}  .state{ width: 80px; float: left;} .state .dropdown{ height: 23px;}  .zipcode{ width: 50px; float: left;} .zipcode .textfield{ width: 50px; height: 16px;}  .phone{ width: 220px; float: left;} .phone .textfield{ width: 30px; height: 16px;} .phone .textfield2{ width: 35px; height: 16px;}   

/*** Solutions List ***/ 

/*.solutionslist  {width: 1024px; float: left; margin-bottom: 15px; padding-top: 60px;} */

/*.topright .solutionslist  {width: 285px; float: left; margin-bottom: 15px;background:transparent; padding-top: 10px;} 
 .solutionslist .image img { width:350px;height:550px;} */

.solutionslist .content {max-width: 624px; float: left;} 

.solutionslist .content p{ margin:0; padding: 0 0 0 0;} */

.solutionslist .content .greyh3{max-width:545px; float: left;margin-bottom:40px;} 

.solutionslist .content .solutionhighlights { float: left;background:#FEDABC;position:relative;margin-left:30px;/*max-height:340px;*/padding:20px;} 

.solutionslist .image { width: 350px; float: right;}

.leftbullets{margin-left:30px;float:left;width:40%;} .leftbullets li{font-size:15px;font-family: futura-pt-n3,futura-pt,sans-serif;font-style: normal;font-weight:300;line-height:24px;color:#4D4D4D;} .rightbullets{margin-left:30px;float:left;width:40%;} .rightbullets li{font-size:15px;font-family: futura-pt-n3,futura-pt,sans-serif;font-style: normal;font-weight:300;line-height:24px;color:#4D4D4D;} .highlightsheader{font-size:20px;font-family: futura-pt-n5,futura-pt,sans-serif;font-style: normal;font-weight:500;line-height:24px;color:#4D4D4D;} .solutionshr{border: 0;border-bottom: 2px dotted #F47B20;clear: both;height: 0;max-width:964px;margin: 15px auto 15px auto;}  #tablet{ display:none; }  /* ========================================== */ /* ! Provide assets for Tablet & smaller screens   */ /* ========================================== */  

/*@media only screen and (max-width: 1023px) {  body { font-size: 0.8em; line-height: 1.5em; }  .row, body, .container, .containerflush { clear:both; width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }  #wrapper{ width:100%; margin:auto; }  img{max-width:100%;}  #desktop{ display:none; }  #tablet{ display:block; }  .navbar{ text-align:right; margin:0px 0px 0 0; padding:0; border:none; height:auto; width:100%; }  
#purplesubnav ul{ display:none; }  .statement{ margin:0px 10px 0px 10px; text-align:justify; color: #666; font-size: 14px; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; line-height:32px; width:95%; }  #about .fourcol, #contact .fourcol { padding-left: 20px; padding-right: 20px; } #newsleft{ display:none; }  .newstext { padding:0px; color:#666; margin:5px 5px 5px 0px; font-size:15px; text-align:left; font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300; line-height:21px; } #purplesubnav{width:100%;} #blockquote_side{display:block;position:relative;} #contactfooter{display:none;}  }   */

/*@media handheld, only screen and (max-width: 767px) {  body { font-size: 16px; -webkit-text-size-adjust: none; background:none; }  .row, body, .container, .containerflush { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }  .last { padding-left: 0; padding-right: 20px; margin-left: 0; margin-right: 20px; }  .row .eightcol, .eightcol.last{ width: 100%; float: none; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } #searchwrapper { display:none;} #wrapper {display:none;}  header { text-align:center; position:relative; background:#26BCD7; top:auto; left:auto; padding:10px 0 0 0; width:100%; }  header a.logo { text-align:center; margin:0 auto } header img { max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out } #slider{ display:none; }  #slider_buttons_env, .auto_switcher{ display:none; }  .social.fourcol {  padding: 10px 0 10px 0;  }  .work {  background: #fff; border-bottom: solid 1px #000; padding-top:20px; }  a.fwa {position:fixed; z-index:999;float:left;}   .row .fourcolfixheight { background-color: #E6E6E6; height:100px; width:110px; margin:0 10px 0 10px; }  .row .fourcolfixheightrepeat { background-color: #E6E6E6; height:100px; width:110px; margin:0 10px 0 10px; }   .fourcolfixwhite{ margin-right:1%; float: left; min-height: 1px; height:20%; width:22%; }  .row .fourcolfixwhite{ background-color: #FFF; height:20%; width:100%; }    .item { width:110px; height:100px; overflow:hidden; position:relative; float:left; background-size:50% 50%; }  .itemclient { width:110px; height:100px; overflow:hidden; position:relative; float:left; background-position:-110px; }  .itemclient a:hover { width:110px; height:100px; overflow:hidden; position:relative; float:left; background-position:-110px 0px; }    .item .caption { width:100%; height:100%; background:#000; top:110px; color:#fff; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; position:absolute; filter:alpha(opacity=80);   -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;  } .item .clientcaption { width:100%; height:100%; background:#26BCD7; top:110px; text-align:center; color:#fff; font-family: futura-pt-n7,futura-pt,sans-serif; font-style: normal; font-weight:700; position:absolute; filter:alpha(opacity=80);-moz-opacity:0.6; -khtml-opacity: 0.6;  opacity: 0.6; }  .item .caption a { text-decoration:none; color:#FFF; font-size:12px; padding:0px; display:block; }  .item .caption h3 { text-decoration:none; color:#26BCD7; font-size:16px; padding:0px; display:block; text-align:center; }  .item .caption p { padding:0px; color:#26BCD7; margin:35% 20px 20px 20px; font-size:14px; line-height:19px; text-align:center; vertical-align:middle; font-family: futura-pt-n5,futura-pt,sans-serif; font-style: normal; font-weight:500; }   .clientlogo { width:385px; height:100px; overflow:hidden; position:relative; float:left;  } .first{margin-left:5px;}} */   

@media only screen and (-webkit-min-device-pixel-ratio: 2) {  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}  } 

@media screen and (max-width: 1024px) {
	.bx-wrapper, .bx-window { width: 100% !important; }
	.greyh1 { font-size: 30px !important; }
	.greyh3 p {   font-size: 14px !important;   line-height: 21px !important; }
	#howwedoit ul li {   float: left;   display: block !important;   padding: 0px 25px 0 0;   list-style-type: none;   width: 100% !important; }
	#howwedoit ul li div {   margin: 0 auto !important;   float: none !important; }
}