Media Tracker not working in array element initialization...

Hi, I'm new to Java... and I'm also in a hurry. Having trouble here. Ever since I turned TerrainPalette into an array the media tracker hasn't been able to add the image. I'm sure it's something simple that I'm doing wrong since I'm so new. Here's my code:
By the way... GV. is a class I use for global variables. I know, probably cheating, but I'm used to C and I will learn to do it right later...
class TerrainPalette {
public static int flags;
public static Image image;
public TerrainPalette(int i) {
if (new File("images/TP" + i + ".jpg").exists())
image = Toolkit.getDefaultToolkit().getImage("images/TP" + i + ".jpg");
else if (new File("images/TP" + i + ".gif").exists())
image = Toolkit.getDefaultToolkit().getImage("images/TP" + i + ".gif");
else {
System.out.print ("Image Missing from Tileset: " + i + "\n");
image = Toolkit.getDefaultToolkit().getImage("images/TP0.jpg");
return;
GV.tpmedia.addImage(image, 0);
try {
GV.tpmedia.waitForID(0);
} catch (Exception e) {
System.out.print ("Can't add image to media: " + i + "\n");
}

Ok, for anyone following this... I fixed it.
Apparently the static declaration of image in TerrainPalette was causing every element of TerrainPalette to have the same image stored in it. Not entirely sure how to use static variables in Java yet. I'm used to functions where you need to use static so that the variable doesn't change when you exit, but I have to remember that a class is more like a struct... with functions in it... and isn't like a C function.

Similar Messages

  • Fluid grid with added media queries not working with {display: none}

    Fluid grid layout using added media queries to fix break points will not use {display:none} properly. When I try to hide a div in moble view it hides the div in all views. I was able to hide the div using width: 0% which works in all browsers except for Safari.
    Here is the css
    @charset "utf-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
      max-width: 100%;
    hr {
      color: #e1e1e1;
      width: 90%;
      text-align: center;
    td {
      color:#7d7e7f;
    element.style {
        width: 150px;
      color:#7d7e7f;
      margin-right:20px;
    /* Top Talent subscribe to email */
    .inputTTemail {
      width: 130px;
      height: 35px;
      background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/submitArrow.png) ;
      background-repeat: no-repeat;
      background-position: right center;
      background-color: #ec8423;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      text-align: left;
      color: #FFF;
      border: none;
      padding-top: 5px;
    #ttEnewsletter {
      width:250px;
      background-color:#FFF;
      padding:10px;
    input[type="text"],input[type="email"] {
      width:200px;
      font-family:Tahoma, Geneva, sans-serif;
      font-size:1em;
      color:#7d7e7f;
      margin-bottom:1em;
      padding-left:15px;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
      width:100%;
    span.dropt {border-bottom: thin dotted;}
    span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
    span.dropt span {position: absolute; left: -9999px;
      margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
      border-style:solid; border-color:#7d7e7f; border-width:1px; z-index: 6;}
    span.dropt:hover span {left: 2%; background: #ffffff;}
    span.dropt span {position: absolute; left: -9999px;
      margin: 4px 0 0 0px; padding: 5px 5px 5px 5px;
      border-style:solid; border-color:#7d7e7f; border-width:1px;}
    span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}
      Dreamweaver Fluid Grid Properties
      dw-num-cols-mobile: 6;
      dw-num-cols-tablet: 10;
      dw-num-cols-desktop: 14;
      dw-gutter-percentage: 25;
      Inspiration from "Responsive Web Design" by Ethan Marcotte
      http://www.alistapart.com/articles/responsive-web-design
      and Golden Grid System by Joni Korpi
      http://goldengridsystem.com/
    /* Mobile Layout: 480px and below. *************************************************************************/
    .gridContainer {
      margin-left: auto;
      margin-right: auto;
      width: 87.9666%;
      padding-left: 1.5166%;
      padding-right: 1.5166%;
      background-color:#FFF;
    #LayoutDiv1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
      background-color:#FFF;
    #logo {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:0px;
      padding-top:10px;
      padding-bottom:10px;
      width: 100%;
      display: block;
      background-color:#FFF;
      text-align:center;
    #phone {
      clear: none;
      float: left;
      margin-left:0px;
      width: 100%;
      display: block;
      text-align:center;
      padding-top:10px;
      padding-bottom:10px;
      padding-right:10px;
    #login {
      clear: none;
      float: right;
      margin-left:-2000px;
      margin-top:-2500px;
      width: 31.0344%;
      display: block;
      text-align:center;
    .redBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #bd2137;
      line-height: 1.23em;
    .orangeBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #ec8423;
      line-height: 1.23em;
    .purpleBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #643f99;
      line-height: 1.23em;
    .RedHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #bd2137;
      font-weight: bold;
    .OrangeHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #ec8423;
      font-weight: bold;
    .PurpleHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #643f99;
      font-weight: bold;
    a.redBodylink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #bd2137;
      line-height: 1.23em;
    .redBodylink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color:#ec8423;
      line-height: 1.23em;
    a.orangeBodylink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #ec8423;
      line-height: 1.23em;
    .orangeBodylink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color:#bd2137;
      line-height: 1.23em;
    a.purpleBodylink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #643f99
      line-height: 1.23em;
    .purpleBodylink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color:#ec8423;
      line-height: 1.23em;
    #mobile{
      width: 100%;
      background-color: #bd2137;
      display: block;
      float: left;
    #mobileHP{
      width: 100%;
      background-color: #FFFFFF;
      display: block;
      float: left;
      color: #bd2137;
    a.mobileMenuhpHP {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      color:#bd2137;
      text-align:center;
      padding-top:10px;
      padding-bottom:10px;
      text-decoration:none;
    a.mobileMenuhpHP:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      color:#ec8423;
      text-align:center;
      padding-top:10px;
      padding-bottom:10px;
      text-decoration:none;
    a.mobileMenuhp {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      color:#FFF;
      text-align:center;
      padding-top:10px;
      padding-bottom:10px;
      text-decoration:none;
    a.mobileMenuhp:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      color:#ec8423;
      text-align:center;
      padding-top:10px;
      padding-bottom:10px;
      text-decoration:none;
    #topnav {
      clear: both;
      float: left;
      margin-left: -1000px;
      width: 100%;
      display: block;
    #midnav {
      clear: both;
      float: left;
      margin-left:-1000px;
      width: 100%;
      display: block;
    #MenuBar1 > li:hover > a {
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
    #bodycontent {
      clear: both;
      float: left;
      margin-left: 10px;
      margin-right: 30px;
      margin-top: -135px;
      margin-bottom: auto;
      width: 95%;
      display: block;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    .GreyHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #58595b;
      font-weight: bold;
    .BodyCopy {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.5em;
      color: #58595b;
      padding-right:20px;
    .BodyItal {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-style:italic;
      font-size:.85em;
      line-height:1.5em;
      color: #58595b;
    a.redLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#bd2137;
    .redLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    a.orangeLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    .orangeLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#bd2137;
    a.purpleLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#643f99;
    .purpleLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    a.Lrg-redLink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #bd2137;
    .Lrg-redLink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #ec8423;
    #blogroll {
      clear: both;
      float: left;
      margin-right:-2500px;
      width: 100%;
      display: block;
    #footer {
      clear: both;
      float: left;
      margin-left:0px;
      width: 100%;
      display: block;
    a.viewSite {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #bd2137;
      text-decoration: underline;
    a.viewSite:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #ec8423;
      text-decoration: underline;
    #socialMediaMobile {
      float: right;
      width: 45%;
      height:auto;
      padding-top:5px;
      padding-bottom:5px;
      margin-top:0px;
      margin-right:0px;
      text-align:right;
      line-height:35px;
    #mobile-menu {
      clear: none;
      float:left;
      margin-left:3%;
      width:31.0344%;
      display: block;
      text-align: center;
      background-color: #bd2137;
      color: #FFF;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      padding-top: 10px;
      padding-bottom: 10px;
      border-right-width: thin;
      border-left-width: thin;
      border-right-style: solid;
      border-left-style: solid;
      border-right-color: #FFF;
      border-left-color: #FFF;
    #mobile-backHP {
      clear: both;
      float: left;
      margin-left: 0;
      width: 31.0344%;
      display: block;
      text-align: center;
      background-color: #FFF;
      color: #bd2137;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      padding-top: 10px;
      padding-bottom: 10px;
    #mobile-loginHP {
      clear: none;
      float: right;
      margin-left: 0%;
      width: 31.0344%;
      display: block;
      text-align: center;
      background-color: #FFFFFF;
      color: #bd2137;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      padding-top: 10px;
      padding-bottom: 10px;
    #mobile-back {
      clear: both;
      float: left;
      margin-left: 0;
      width: 31.0344%;
      display: block;
      text-align: center;
      background-color: #bd2137;
      color: #FFF;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      padding-top: 10px;
      padding-bottom: 10px;
    #mobile-login {
      clear: none;
      float: right;
      margin-left: 0%;
      width: 31.0344%;
      display: block;
      text-align: center;
      background-color: #bd2137;
      color: #FFF;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      padding-top: 10px;
      padding-bottom: 10px;
    #missionStatement {
      clear: both;
      float: left;
      margin-left:0px;
      margin-top: 10px;
      width: 100%;
      display: block;
      background-color: #7d7e7f;
      padding: 0px;
    .missionStatement {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      color: #FFF;
      text-align: center;
      font-style: italic;
    #footerCopy {
      float: left;
      width: 100%;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 0.85em;
      text-align:center;
      color: #bd2137;
    #footerCopyMobile {
      float: left;
      width: 100%;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 0.85em;
      text-align:center;
    #connectUs {
      float: right;
      width: 100%;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
    #social-media {
      width: 100%;
      float:left;
      text-align:center;
    #smicon {
      width: 100%;
      float:left;
      text-align:center;
      margin-bottom:10px;
    #column1 {
      width:100%;
      float:left;
    #column2 {
      width: 100%;
      float:left;
    #column3 {
      width:100%;
      float:left;
    #column4 {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
      margin-top:-20px;
    #column5 {
      float:left;
      width: 100%;
      margin: 0px;
      padding: 0px;
      margin-top:-20px;
    #rowColumns {
      float: left;
      width: 100%;
      margin-bottom: 20px;
    #rowClmn1 {
      float: left;
      width: 100%;
      margin-left: 10px;
    #rowClmn2 {
      width: 100%;
      margin-left: 10px;
      float: left;
    #rowClmn3 {
      float: left;
      width: 100%;
      margin-left: 10px;
    #newsletter {
      width:200px;
      height: auto;
      margin-right: 20px;
      padding: 5px;
      float: left;
      text-align: center;
      border: thin groove #CCCCCC;
      background-color: #EFEFEF;
    #corpBuild {
      background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
      background-repeat: no-repeat;
      background-position: left top;
      float: left;
      width: 100%;
      height: 136px;
      padding-bottom:20px;
    #corpBuildLin {
      background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/lincoln-office-p ic.jpg);
      background-repeat: no-repeat;
      background-position: left top;
      float: left;
      width: 100%;
      height: 136px;
      padding-bottom:30px;
    #mobileContactPg {
      margin-bottom:0px;
      padding: 0px;
      float: left;
      width: 100%;
      height:auto;
      text-align:center;
      line-height:50px;
    #desktopContactPg {
      margin-top:-5000px;
      padding: 0px;
      float: left;
      width: 100%;
    #icons {
      text-align: center;
      float: left;
      width: 0%;!important
    #ptBoarder {
      padding-right:15px;
      padding-bottom:15px;
      float:left;
      width: 50%;
      margin-top:20px;
      margin-bottom:20px;
    #eoq {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #eoq1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #eoq2 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #SafetyTip {
      clear: both;
      float: left;
      margin-left: 0;
      width: 90%;
      display: block;
      padding: 10px;
      border: thin solid #CCC;
    #NationalRates {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:25px;
      width: 100%;
      display: block;
    #metroRates {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #tables {
      margin: 0px;
      padding: 0px;
      float: left;
      height:auto;
      width: 100%;
    #charts {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #chart1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #chart2 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    /* Tablet Layout: 592px. Inherits styles from: Mobile Layout. *************************************/
    @media only screen and (min-width: 592px) {
    .gridContainer {
      width: 91.14%;
      padding-left: 0.93%;
      padding-right: 0.93%;
      background-color:#FFF;
    #LayoutDiv1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 69.3877%;
      display: block;
      background-color:#FFF;
    #logo {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 59.1836%;
      display: block;
    #login {
      clear: none;
      float: right;
      margin-left: 2.0408%;
      margin-bottom:10px;
      margin-right:20px;
      margin-top:50px;
      width: 18.3673%;
      display: block;
      text-align:right;
    a.login {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #bd2137;
      text-decoration: none;
      text-align:right;
    a.login:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #ec8423;
      text-decoration: none;
      text-align:right;
    .redBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #bd2137;
      line-height: 1.23em;
    .orangeBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #ec8423;
      line-height: 1.23em;
    .purpleBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #643f99;
      line-height: 1.23em;
    #topnav {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 100%;
      display: block;
    #tl {
      height: auto;
      width: 14.2857142857143%;
      padding-top: 10px;
      float: left;
      text-align:center;
      font-size:1em;
    a.topnav {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    .topnav:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #bd2137;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left:0px;
      margin-left:0px;
      margin-right: 0px;
      text-decoration: none;
      text-align: right;
    .topnav:visited {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    #midnav {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      height:100%;
      display: block;
    #MenuBar1 > li:hover > a {
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
    #isbtn-findAjob {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findAjob:hover {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findAjob:active {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent:hover {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
    padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees:hover {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #bodycontent {
      clear: both;
      float: left;
      margin-left:20px;
      margin-right:20px;
      width: 95%;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0px 0px opx 0px;
    .GreyHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #58595b;
      font-weight: bold;
    .RedHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #bd2137;
      font-weight: bold;
    .BodyCopy {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.5em;
      color: #58595b;
    .BodyItal {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-style:italic;
      font-size:.85em;
      line-height:1.5em;
      color: #58595b;
    a.redLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#bd2137;
    .redLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    a.Lrg-redLink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #bd2137;
    .Lrg-redLink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #ec8423;
    #blogroll {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #footer {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #mobile{
      width: 100%;
      background-color: #bd2137;
      display: block;
      float: left;
      margin-left:-5000px;
    #mobile-menu {
      clear: both;
      float: left;
      margin-left: -1000px;
      width: 18.3673%;
      display: block;
    #mobile-back {
      clear: both;
      float: left;
      margin-left:-1000px;
      width: 31.0344%;
      display: block;
      text-align:center;
    #mobile-login {
      clear: none;
      float: left;
      margin-left: -1000px;
      width: 31.0344%;
      display: block;
      text-align: center;
      border-right-width: thin;
      border-right-style: solid;
      border-right-color: #F66;
      background-color: #bd2137;
      color: #FFF;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
    #missionStatement {
      clear: both;
      float: left;
      margin-left: 0px;
      width: 100%;
      display: block;
      background-color: #7d7e7f;
      padding:0px;
    .missionStatement {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      color: #FFF;
      text-align: center;
      font-style: italic;
    a.viewSite {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color:#FFF;
      text-decoration: underline;
    a.viewSite:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #ec8423;
      text-decoration: underline;
    #footerCopy {
      float: left;
      width: 50%;
      text-align:left;
    #connectUs {
      float: right;
      width: 100%;
      text-align: right;
    #social-media {
      width: 50%;
      float: right;
      text-align: right;
    #social-mediaHP {
      width: auto;
      float: right;
      text-align: right;
      padding-right: 0px;
      padding-top: 0px;
      margin-top: 10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    #smicon {
      width: 100%;
      float: right;
      text-align: right;
    #desktopContact {
      float: left;
      width: 100%;
    #column1 {
      width:45%;
      float:left;
      margin-right:30px;
    #column2 {
      width:45%;
      float:left;
    #column3 {
      width:45;
      float:left;
    #column4 {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 70%;
    #column5 {
      float: right;
      width: 25%;
      margin: 0px;
      padding: 0px;
    #column6 {
      width: 30%;
      float: left;
      margin-right: 20px;
    #column7 {
      width: 30%;
      float: left;
      margin-left: 0px;
    #column8 {
      width: 30%;
      float: left;
      text-align: left;
      margin-left: 10px;
      margin-right: 0px;
    #newsletter {
      width: 160px;
      height: auto;
      padding: 5px;
      float: left;
      text-align: center;
      border: thin groove #CCCCCC;
      background-color: #EFEFEF;
    #corpBuild {
      background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
      background-repeat: no-repeat;
      background-position: left top;
      float: left;
      width: 100%;
      height: 136px;
      padding-bottom:20px;
    #mobileContactPg {
      margin-left:-5000px;
      padding: 0px;
      float: left;
      width: 100%;
    #desktopContactPg {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
    #icons {
      text-align: right;
      float: left;
      width: 100%;
    #ptBoarder {
      padding-right:15px;
      padding-bottom:15px;
      float:left;
      width: 35%;
      margin-top:20px;
      margin-bottom:20px;
    #eoq {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #eoq1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #eoq2 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #SafetyTip {
      clear: both;
      float: left;
      margin-left: 0;
      width: 97%;
      display: block;
      padding: 10px;
      border: thin solid #CCC;
    #NationalRates {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:25px;
      width: 100%;
      display: block;
    #metroRates {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #tables {
      margin: 0px;
      padding: 0px;
      float: left;
      height: auto;
      width: 100%;
    #charts {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #chart1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #chart2 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    /* Tablet Layout: 768px. Inherits styles from: Mobile Layout. *************************************/
    @media only screen and (min-width: 768px) {
    .gridContainer {
      width: 91.14%;
      padding-left: 0.93%;
      padding-right: 0.93%;
      background-color:#FFF;
    #LayoutDiv1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
      background-color:#FFF;
    #logo {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 59.1836%;
      display: block;
      text-align:left;
    #login {
      clear: none;
      float: right;
      margin-left: 2.0408%;
      margin-bottom:10px;
      margin-right:20px;
      margin-top:50px;
      width: 18.3673%;
      display: block;
      text-align:right;
    a.login {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #bd2137;
      text-decoration: none;
      text-align:right;
    a.login:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #ec8423;
      text-decoration: none;
      text-align:right;
    .redBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #bd2137;
      line-height: 1.23em;
    .orangeBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #ec8423;
      line-height: 1.23em;
    .purpleBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #643f99;
      line-height: 1.23em;
    #topnav {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 100%;
      display: block;
    #tl {
      height: auto;
      width: 14.2857142857143%;
      padding-top: 10px;
      float: left;
      text-align:center;
      font-size:1em;
    a.topnav {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    .topnav:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #bd2137;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left:0px;
      margin-left:0px;
      margin-right: 0px;
      text-decoration: none;
      text-align: right;
    .topnav:visited {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    #midnav {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      height:100%;
      display: block;
    #MenuBar1 > li:hover > a {
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
    #isbtn-findAjob {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findAjob:hover {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findAjob:active {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
    padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent:hover {
      font-family: "Century Gothic";
      font-size:1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
    padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees:hover {
      font-family: "Century Gothic";
      font-size:1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
    padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #bodycontent {
      clear: both;
      float: left;
      margin-left:20px;
      margin-right:20px;
      width: 95%;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0px 0px opx 0px;
    .GreyHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #58595b;
      font-weight: bold;
    .RedHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #bd2137;
      font-weight: bold;
    .OrangeHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #ec8423;
      font-weight: bold;
    .PurpleHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #643f99;
      font-weight: bold;
    .BodyCopy {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.5em;
      color: #58595b;
    .BodyItal {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-style:italic;
      font-size:.85em;
      line-height:1.5em;
      color: #58595b;
    a.redLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#bd2137;
    .redLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    a.Lrg-redLink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #bd2137;
    .Lrg-redLink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #ec8423;
    #blogroll {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #footer {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #mobile{
      width: 100%;
      background-color: #bd2137;
      display: block;
      float: left;
      margin-left:-5000px;
    #mobile-menu {
      clear: both;
      float: left;
      margin-left: -1000px;
      width: 18.3673%;
      display: block;
    #mobile-back {
      clear: both;
      float: left;
      margin-left:-1000px;
      width: 31.0344%;
      display: block;
      text-align:center;
    #mobile-login {
      clear: none;
      float: left;
      margin-left: -1000px;
      width: 31.0344%;
      display: block;
      text-align: center;
      border-right-width: thin;
      border-right-style: solid;
      border-right-color: #F66;
      background-color: #bd2137;
      color: #FFF;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
    #missionStatement {
      clear: both;
      float: left;
      margin-left: 0px;
      width: 100%;
      display: block;
      background-color: #7d7e7f;
      padding:0px;
    .missionStatement {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      color: #FFF;
      text-align: center;
      font-style: italic;
    a.viewSite {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color:#FFF;
      text-decoration: underline;
    a.viewSite:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #ec8423;
      text-decoration: underline;
    #footerCopy {
      float: left;
      width: 50%;
      text-align:left;
    #connectUs {
      float: right;
      width: 100%;
      text-align: right;
    #social-media {
      width: 50%;
      float: right;
      text-align: right;
    #smicon {
      width: 100%;
      float: right;
      text-align: right;
    #desktopContact {
      float: left;
      width: 100%;
    #column1 {
      width:45%;
      float:left;
      margin-right:30px;
    #column2 {
      width:45%;
      float:left;
    #column3 {
      width:45;
      float:left;
    #newsletter {
      width: 165px;
      height: auto;
      padding: 5px;
      float: left;
      text-align: center;
      border: thin groove #CCCCCC;
      background-color: #EFEFEF;
    #corpBuild {
      background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
      background-repeat: no-repeat;
      background-position: left top;
      float: left;
      width: 100%;
      height: 136px;
      padding-bottom:20px;
    #mobileContactPg {
      margin-left:-5000px;
      padding: 0px;
      float: left;
      width: 100%;
    #desktopContactPg {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
    #column4 {
      padding: 0px;
      float: left;
      width: 70%;
      margin-top: -20px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    #column5 {
      float: right;
      width: 25%;
      padding: 0px;
      margin-top: -20px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    #column6 {
      width: 50%;
      float: left;
      margin-right: 50px;
    #column7 {
      width: 30%;
      float: left;
      margin-left: 50px;
    #column8 {
      width: 20%;
      float: right;
      text-align: left;
      margin-left: 0px;
      margin-right: 100px;
    #rowColumns {
      float: left;
      width: 100%;
      margin-bottom: 20px;
    #rowClmn1 {
      float: left;
      width: 25%;
      margin-left: 20px;
    #rowClmn2 {
      width: 25%;
      margin-left: 10px;
      float: left;
    #rowClmn3 {
      float: left;
      width: 25%;
      margin-left: 10px;
    #icons {
      text-align: right;
      float: left;
      width: 100%;
    #ptBoarder {
      padding-right:10px;
      padding-bottom:15px;
      float:left;
      width: 35%;
      margin-top:20px;
      margin-bottom:20px;
    #eoq {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #eoq1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 27.5362%;
      display: block;
    #eoq2 {
      clear: none;
      float: left;
      margin-left: 1.4492%;
      width: 71.0144%;
      display: block;
    #SafetyTip {
      clear: both;
      float: left;
      margin-left: 0;
      width: 98%;
      display: block;
      padding: 10px;
      border: thin solid #CCC;
    #NationalRates {
      clear: both;
      float: left;
      margin-left: 0px;
      width: 100%;
      display: block;
      margin-bottom: 25px;
      padding: 0px;
    #metroRates {
      clear: both;
      float: left;
      margin-left: 0px;
      width: 100%;
      display: block;
    #tables {
      margin: 0px;
      padding: 0px;
      float: left;
      height: auto;
      width: 100%;
    #charts {
      clear: both;
      margin-left: 0;
      width: 100%;
      display: block;
    #chart1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 40%;
      display: block;
      margin-bottom: 0px;
    #chart2 {
      clear: both;
      margin-left: 0;
      width: 45%;
      display: block;
      float: right;
    /* Tablet Layout: 1000px. Inherits styles from: Mobile Layout. *************************************/
    @media only screen and (min-width: 1000px) {
    .gridContainer {
      width: 91.14%;
      padding-left: 0.93%;
      padding-right: 0.93%;
      background-color:#FFF;
    #LayoutDiv1 {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
      background-color:#FFF;
    #logo {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 59.1836%;
      display: block;
      text-align:left;
    #login {
      clear: none;
      float: right;
      margin-left: 2.0408%;
      margin-bottom:10px;
      margin-right:20px;
      margin-top:50px;
      width: 18.3673%;
      display: block;
      text-align:right;
    a.login {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #bd2137;
      text-decoration: none;
      text-align:right;
    a.login:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      color: #ec8423;
      text-decoration: none;
      text-align:right;
    .redBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #bd2137;
      line-height: 1.23em;
    .orangeBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #ec8423;
      line-height: 1.23em;
    .purpleBody {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.23em;
      color: #643f99;
      line-height: 1.23em;
    #topnav {
      clear: both;
      float: left;
      margin-left: 0;
      margin-bottom:10px;
      width: 100%;
      display: block;
    #tl {
      height: auto;
      width: 14.2857142857143%;
      padding-top: 10px;
      float: left;
      text-align:center;
      font-size:1em;
    a.topnav {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    .topnav:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #bd2137;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left:0px;
      margin-left:0px;
      margin-right: 0px;
      text-decoration: none;
      text-align: right;
    .topnav:visited {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #58595b;
      padding-top: 0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-left:0px;
      margin-right:0px;
      text-decoration: none;
    #midnav {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      height:100%;
      display: block;
    #MenuBar1 > li:hover > a {
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
    #isbtn-findAjob {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findAjob:hover {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom: 10px;
      padding-left: 0px;
    #isbtn-findAjob:active {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #bd2137;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-findTalent:hover {
      font-family: "Century Gothic";
      font-size:1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #ec8423;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees {
      font-family: "Century Gothic";
      font-size: 1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #isbtn-forEmployees:hover {
      font-family: "Century Gothic";
      font-size:1.8em;
      color: #FFF;
      text-decoration: none;
      background-color: #643f99;
      background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
      background-repeat: no-repeat;
      background-position: right center;
      height: 35px;
      text-align: center;
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom:10px;
      padding-left: 0px;
    #bodycontent {
      clear: both;
      float: left;
      margin-left:20px;
      margin-right:20px;
      width: 95%;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0px 0px opx 0px;
    .GreyHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #58595b;
      font-weight: bold;
    .RedHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #bd2137;
      font-weight: bold;
    .OrangeHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #ec8423;
      font-weight: bold;
    .PurpleHeader {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      color: #643f99;
      font-weight: bold;
    .BodyCopy {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.5em;
      color: #58595b;
    .BodyItal {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-style:italic;
      font-size:.85em;
      line-height:1.5em;
      color: #58595b;
    a.redLink {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#bd2137;
    .redLink:hover {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:1em;
      line-height:1.5em;
      color:#ec8423;
    a.Lrg-redLink {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #bd2137;
    .Lrg-redLink:hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: .9em;
      line-height: 1.5em;
      color: #ec8423;
    #blogroll {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #footer {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
    #mobile{
      width: 100%;
      background-color: #bd2137;
      display: block;
      float: left

    Thanks!
    "Nancy O." <[email protected]> wrote:
    Nancy O.  created the discussion
    "Fluid grid with added media queries not working with "
    To view the discussion, visit: https://forums.adobe.com/message/6496730#6496730
    >

  • Save for web not working in Photoshop element 6

    Save for web not working in Photoshop element 6. I am using Mac os x version 10.5.8   Anyone know how to fix that please tell me. Thanks

    I just copy the preferences from my computer for you to see what are shown about adobe
    file:///Users/raymondsmith/Library/Preferences/Adobe/
    file:///Users/raymondsmith/Library/Preferences/Adobe%20Illustrator%20CS2%20Settings/
    file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20CS2%20Paths
    file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20CS2%20Settings/
    file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20Elements%206%20Paths
    file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20Elements%206%20Settings /
    file:///Users/raymondsmith/Library/Preferences/AdobeUM/
    file:///Users/raymondsmith/Library/Preferences/AppleWorks/
    file:///Users/raymondsmith/Library/Preferences/ByHost/
    file:///Users/raymondsmith/Library/Preferences/CD%20Info.cidb
    file:///Users/raymondsmith/Library/Preferences/CDDB%20Preferences
    file:///Users/raymondsmith/Library/Preferences/cfx%23FBSxPfw
    file:///Users/raymondsmith/Library/Preferences/com.adobe.acrobat.90.sh.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.Acrobat.Pro7.0.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.acrobat.sh.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.Acrobat.Uninstaller.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.Adobe%20Help%20Viewer.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.ami.installer.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.bridge2.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.mediabrowser.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.PhotoshopElements.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.Reader_ppc_9.0.plist
    file:///Users/raymondsmith/Library/Preferences/com.adobe.Reader.plist
    file:///Users/raymondsmith/Library/Preferences/com.aol.aim.plist

  • Why in my Layout section the All floating section not work in Abobe Elements 12?

    I have Adobe Elements 12, and I'm having trouble in the Layout section at the bottom of the screen. 
    Within the Layout section I can use all the layouts except the All floating. 
    When I first used Elements 12 this was working but all of a sudden it stop working. 
    What can I do to solve this.
    Thank you,
    Albert F Schwartz Jr
    Email - [email protected]

    already answered
    Why in my Layout section the All floating section not work in Abobe Elements 12?

  • My ipad2 media volume not working, volume bar not showing

    My ipad2 media volume not working, volume bar not showing

    here are my similar symptons:
    in Settings the volume slider bar when moved plays a sound out of the speaker
    when you double press home button, and slide over to the brightness and volume slider bars, the volume slider is completely gone.
    when you plug in headphones it works fine, volume rocker controls volume perfectly.
    when you press volume rocker without headphones, nothing happens, or a blank "sound effects" icon displays.
    I sent my Ipad2 to Apple for this under warranty.  They said there are some small scratches on the side of it. 
    It lives in a heavy duty case, but the exposed area has been knicked some how.    The little divots in the metal on the side mean that "impact" must have broken it. 
    Forget the fact that it spontaneously started happening and that the speakers and headphones both work at various times, and the volume rocker works, but iOS 5.1.1 apps can't send sound out the speaker, but the volume settings in the sound do send out sound..
    so they refused to look at it or repair it under the warranty.   I was a day away from buying yet another apply device in our family that already has a couple iPod Touches and 2 iPads.  I think I'll buy a droid now.

  • Overdrive Media console not working with iTunes when transferring audio books.  Any suggestions?

    Overdrive Media console not working with iTunes when transferring audiobooks.  Some parts don't transfer.

    Robin, I have the 4S too. Here's wha I've been doing. Well, I am downloading wma books, but it is super time consuming and annoying. First, shut off genius in your preferences in iTunes. Also change to spoken podcast for speed. Then, you start to transfer from Overdrive. It will create a playlist with your book title. Open up books though because you need to keep an eye on it. It may download like three parts and then you may have a grey one. When you get the grey, cancel the transfer, delete the greyed part, exit iTunes, re-enter iTunes, and then try to download the remaining book parts. I usually have to re-enter iTunes three or four different times during a book. When your book is downloaded, all black and none grey, open up the playlist folder and double check that all parts made it in there. If not, carry them from the books folder to the playlist and then move it into numerical order.
    Re non bookmarking problem. I now have a new habit of checking what part I am on before i shut off my phone or switch to another book. It does save where you were, it just doesn't show you. For instance, if I start part three and then play music, and then go back to the book playlist, it will appear as if we are back to the beginning, but if I go to part three, it will start up from where I was. So, just start checking and then it is easy. I am flabbergasted that no other proper solution has been offered by Overdrive. This has been a problem since October. I also wish they would acknowledge the problem on their website as well as post what version number of update they have. I have 3.2.1.0 and think that's current. Does anyone have newer than this. Good luck, and happy commuting!
    An easy, quick workaround is to plug external speakers into your laptop and take it with you in the car. A bit unwieldy, but I can't commute without books.

  • Bulk edit media kind not working

    Hello,
    Last night I bulk edited my library from media kind "music" to "voice memo." This worked fine. Everything is now set to voice memo. However, I am now trying to edit selected albums back to music, and this does NOT work. But it DOES work if I select each song individually and change it.
    This is incredibly frustrating.
    Anyone know why this is? Or better yet, does anyone have a fix or a script that will allow me to select a batch of files and change the media kind from voice memo to music?

    I discovered from a tweet by @dougscripts, that it is simply not possible to do en masse or with a script: "@dougscripts To all asking: AppleScript cannot change the "Media Kind" property of a podcast track to a music track."
    (I had changed mine for the same reason regarding iTunes Match, and also unsuccessfully tried the same 2-step process.)
    But, I did figure out a workaround that will save your sanity.
    1. Add all the tracks you want to change into a single playlist.
    2. Then use a mouse recorder (I used this one http://www.jitbit.com/mac-mouse-recorder/ ... the demo lasts long enough for you to change what you need to).
    3. Record the action of changing 1 track from voice memo to music manually.
    4. Set the mouse recorder to repeat the amount of times as there are songs in your playlist.
    (You won't be able to use your computer while it's working, so if you have a huge library it's best to do it while you're sleeping. Also, don't speed up the playback of the action too much, as it will fail.)

  • Help my website is not working with photoshop elements 10 since i agreed to the revel update

    my photoshop elements 10 website is not working since I agreed to the adobe revel website what do i do? customer service has been less than helpful

    What you can probably hear is the vibrate.
    Is your Mute button switched on by accident - on the side of your phone ?

  • Moving Tool not working in Photoshop Elements 12 in Yosemite

    Hello, my moving tool for Photoshop 12 in Yosemite is not working. When I drag an object in the layer, it keeps snapping back to the center.  I've tried closing other programs, rebooting, different files, made a new file, made new layers, nothing.
    The only thing that works to free up the moving tool is using Command T.  I see the bar with align center etc. which works but it won't let me free move the position with the move tool.
    Is this a glitch? Is something configured wrong? Any advice would be appreciated.
    KM

    Hi,
    We sincerely apologize for the problem customers are facing while using a trackpad with Photoshop Elements 11 & 12 on Mac OSX 10.10 (Yosemite).
    We have been actively working with Apple to resolve this problem as quickly as possible. We're hopeful this will get completely resolved in an upcoming update of Yosemite(MAC 10.10).
    In the meanwhile, you have two options to work around this problem:
    1. Option1: Use a mouse instead of the trackpad
    2. Option2: Install a plug-in which should workaround the problem
    Plug-in installation instructions:
    1. Close Photoshop Elements
    2. Download this zip file to a location you can easily find (e.g. your desktop)
    3. Unzip the file, WhiteWindowWorkaround.plugin, and move it to the Plug-In folder:
    • For Elements 12 – //Applications/Adobe Photoshop Elements 12/Support Files/Plug-Ins/
    • For Elements 11 - //Applications/Adobe Photoshop Elements 11/Support Files/Plug-Ins/
    You can verify the plug-in is installed by launching the Photoshop Elements Editor and choosing Help > System Info... Scroll to the bottom of the text in the dialog and look for the plug-in name "WhiteWindowWorkaround.plugin".
    Note: This plugin is a temporary workaround and should be used until this issue is addressed in Mac OSX 10.10 (Yosemite). Please remove this plugin once the issue is officially resolved by Apple.
    If you are using a stylus in conjunction with a trackpad, you might see issues with your trackpad. Workaround in this particular case is to use mouse instead of the trackpad.
    Hope this helps!
    Regards,
    vaishali

  • Matrox Media Encoder not working in CS4

    Good day,
    I have just purchased a used RTX2/ CS4 bundle which includes the card and breakout box.
    I am currently using RTX2/CS3 which I bought way back in 2008 and is still working on my PC with Windows XP Professional (32bit) running Service Pack 3.
    The existing PC was built according to Matrox System requirements:
    Intel(R) Core™2 Quad CPU@240GHz with 4GB RAM etc
    So all the hardware on the machine is working with RTX2/CS3 without any problems.
    I have installed CS4/RTX2  on the same machine and everything shows that it has installed correctly.
    In device manager the card and drivers can be seen.
    When opening Premiere CS4 the Matrox logo dispays and all the effects and presets can be accessed. The tune does not play when the logo is displayed.
    The only problem is that when trying to export a sequence the Matrox Media Encoder option is not available.
    When selecting File > Export > the only options available are:
    Media
    Adobe Clip Notes
    Export to EDL
    Export to OMF
    There seems to be a missing link to activate the Matrox Media Encoder option.
    Please help as I paid a lot of money for this hardware/software bundle which does not work.
    Regards,
    Johan
    My RTX2/CS3 software is registered with Adobe as well as Matrox and I will do the same with RTX2/CS4 as soon as I can get them to work.

    http://forums.adobe.com/community/premiere/premierepro_previous for CS4 Questions, in case anyone is still using that old combination

  • Camcorders that do not work in Premiere Elements 9

    I would like to compile a list of camcorders that people are not getting to work in Premiere Elements 9.
    I ONLY WANT TO HEAR FROM THOSE WHO ARE HAVING PROBLEMS WITH A PARTICULAR CAMCORDER AND PREMIERE ELEMENTS 9.
    I just want to list the camcorder make and model to see what camcorders are not working in the program. I am not looking for help and for those who are having problems you need to post a new thread about them.
    I would like to use this list so those that have a specific camcorder will be able to see if others have had problems with getting the same model to work with the program.
    PLEASE DO NOT POST HERE WITH TROUBLESHOOTING STEPS OR TO QUESTION WHY I AM DOING THIS, ONLY POST WITH CAMCORDER MODEL AND BRIEF DESCRIPTION OF PROBLEM.
    I have not been able to get the Genius G-Shot HD520 to work with Premiere Elements 9, video just does not show when capturing or importing.

    Hi Adobe-annoyed people
    I recently installed PE9 but only tried to use today. For downloading, I have a couple of older Panasonic NV-DS60's. Neither of these camcorders worked and I thought it was a problem with the way I downloaded the software. But I get a driver error and a message informing me that camcorders used with PE9 must be capable of streaming video. Therefore I cannot load any video onto PE9 at all, so buying it was Adobe mistake No.3!!
    I have uninstalled PE9 and re-installed PE7, which, although constantly crashing, at least allowed video to be downloaded. Anyone want a new version of PE9? It's as-yet unregistered.

  • Brush function not working correctly PS Elements 11 for Mac

    The brush is not working correctly in that I cannot drag the brush.  It allows only spot healing, not dragging the brush.  Didn't use to have this problem.  Now do.  Not sure what has changed.  Thank you!

    Is this happening after upgrading to Yosemite?
    If yes, please see:
    Photoshop Elements doesn't respond when you use editing tools in Mac OS X 10.10
    Thanks,
    Anwesha

  • Help does not work in photoshop elements 12, WHY??

    I just installed photoshop elements 12, none of the selections under HELP will work, I keep getting a message that “there was an error launching the default browser and to reinstall elements. I have done this 3 times and installed updates, HELP still does not work. I called customer support and was told I would have to pay to get support with defective software????  How do I get the help functions to work?  John Borden

    Perhaps the problem is with your browser. If this is a windows machine, maybe you have changed the default browser to FireFox, Chrome or something else and maybe you have modified the browser with add-ons, etc. If so, what I would do is load Internet Explorer and update it; then I would go into the browser's settings and mark is as the default browser. Close it and reboot the machine. Then try the Help file links again and see what happens. If this doesn't work, I don't know what else to suggest, at the moment. My default browser is FireFox and it works OK with PSE 12, but what works on one computer doesn't necessarily mean it will work on another. Good luck.

  • Organizer Not Working in Premiere Elements 10 - Help?

    I'm running Windows 7 Home Premium, 64-bit, 6 GB of Ram and installed Adobe Premiere Elements 10 a few days ago.
    The Adobe Organizer is completely not working. Initially it hung when trying to import a clip, even a short clip, even after giving it several hours to do so.  Tried this multiple times, including after a full uninstall then reinstall. Now when I start organizer, it won't even fully load.  I get the icon in the taskbar, but the app won't open.
    Interestingly, I can open a clip when working on a project without issue so far.
    Two questions:
    1.  Anyone else running into these problems using Organizer.  Is there a fix? 
    2.  If I can't fix this, can I just ignore Organizer and just go straight to projects always.  Am I missing out on signficant functionality if I do this? . I am still within my return period.  If so, I can return and go back to Pinnacle (ugh - was hoping Adobe wasn't as buggy as Pinnacle). 
    Thanks!
    Haus

    If you have not done so yet, I would also post to the PS Elements Forum, as subscribers there might have some additonal tips for you. Barb__O, in that forum, knows about as much about Organizer, as anyone, who I have seen. Also, post the details of your computer, your OS, and the problem that you had with Shutterfly. Might be some useful details there.
    I'd wait to let Steve Grisetti and Neale weigh in here, as I do not use Organizer, and really do not know that program.
    Good luck,
    Hunt

  • Media Query not working...

    My media query for screen size of a minimum of 480 px is not working.  The Global CSS takes over.  I can't find the reason why.
    It seems the brackets are in place correctly.  Can anyone see where the problem might be?  All the other queries work.
    thanks
    ____________________  sorry, it is a long CSS file
    @charset "UTF-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:        5;
        dw-num-cols-tablet:        9;
        dw-num-cols-desktop:    13;
        dw-gutter-percentage:    20;
        Inspiration from "Responsive Web Design" by Ethan Marcotte
        http://www.alistapart.com/articles/responsive-web-design
        and Golden Grid System by Joni Korpi
        http://goldengridsystem.com/
    .fluid {
        position: relative;
    .fluidList {
        list-style: none;
        list-style-image: none;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    /* Mobile Layout: 480px and below. */
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        clear: none;
        float: none;
    #top {
        float: left;
        text-align: left;
    .tagline {
        width: 100%;
        clear: both;
        margin-left: 0;
        /* [disabled]margin-top: 50px; */
        /* [disabled]top: 50px; */
        position: static;
        display: block;
        float: left;
        text-align: left;
        font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
        font-style: italic;
    #mainNav {
        width: 100%;
        float: left;
        display: block;
        background-color: #30434D;
    #navMenu {
        clear: none;
        margin-left: 0;
        position: static;
        background-color: #30434D;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 18px;
    #menuChoices {
    .menuItem {
        color: #FFFFFF;
        font-family: questrial;
        font-size: 24px;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        clear: both;
        margin-left: 0;
        display: block;
        font-style: normal;
        height: 40px;
        line-height: 40px;
        float: left;
    #SEHCMbutton a:link {
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
    #SEHCMbutton {
        float: left;
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 30px;
        display: block;
        width: 95%;
    #SEHCMbutton a:visited {
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
    #SCVHpdfList {
        float: none;
    .fluid.SCVHsubMenuItems a:link {
        color: #303E48;
        background-color: #CED1D3;
        display: block;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
    .fluid.SCVHsubMenuItems a:hover {
        color: #FFFFFF;
        background-color: #303E48;
        display: block;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    #div2 {
        display: block;
        clear: both;
        position: relative;
        float: left;
        width: 100%;
        background-color: #FC6719;
    #SubHead {
        clear: both;
        float: left;
        position: relative;
        width: 100%;
        background-repeat: repeat-x;
        background-color: #FC6719;
        text-align: center;
    #mainSubHead {
        text-align: center;
        width: 100%;
        clear: none;
        margin-left: 0;
        position: static;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 25px;
    #div3 {
    width: 100%;
    #div4 {
    clear: both;
    margin-left: 0;
    width: 100%;
    #mainContent {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        font-size: 15px;
        text-align: left;
        width: 65%;
        float: left;
        clear: both;
        padding-left: 25px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-bottom: 25px;
        margin-top: 0px;
        padding-top: 25px;
    .content {
    .contentStyle {
        padding-left: 30px;
        width: 85%;
        padding-right: 20px;
        margin-left: 0;
    #mainAside {
        clear: none;
        position: static;
        height: auto;
        margin-left: auto;
        float: none;
        margin-right: auto;
    #mainFooter {
        float: left;
        clear: both;
        background-color: #06A7E2;
        display: block;
        position: relative;
        width: 100%;
    #footerLogo {
        padding-top: 15px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    #footerInfo {
        float: none;
        clear: none;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 200;
        font-family: source-sans-pro;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        text-align: center;
        font-size: 12px;
    #asideBrochure {
        width: 100%;
        margin-left: 0;
        clear: both;
        text-align: center;
    #asideVideo {
        width: 100%;
        margin-left: 0;
        text-align: center;
    .lightLinks {
        color: #FFFFFF;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
    .lightLinks a:link{
        color: #FFFFFF;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 18px;
        text-decoration: none;
    .lightLinks a:hover{
        color: #3192D8;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
    #thermalDiffLabel {
    #thermDiffLabel {
        color: #30434D;
        font-style: normal;
        font-weight: 400;
        font-family: source-sans-pro;
        padding-top: 10px;
        padding-bottom: 0px;
        font-size: 16px;
    #thermDiffPict {
    #atuLabel {
        color: #30434D;
        font-style: normal;
        font-weight: 400;
        font-family: source-sans-pro;
        font-size: 16px;
        padding-top: 10px;
    #atuPict {
    #digitalLabel {
        color: #30434D;
        font-style: normal;
        font-weight: 400;
        font-family: source-sans-pro;
        font-size: 16px;
        padding-top: 10px;
    #digitalPict {
    #navChoices {
    #navList {
        float: left;
        clear: both;
    #PAnav {
        background-color: #30434D;
        width: 100%;
        display: block;
        clear: none;
    #PAchoices {
    #PAList {
        float: left;
        background-color: #30434D;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 400;
        font-family: questrial;
        font-size: 18px;
        text-align: center;
        position: relative;
        width: 100%;
    .PAmenuItem {
        display: block;
        height: 35px;
        line-height: 35px;
        letter-spacing: 0.3px;
    .PAmenuItem a:link {
        display: block;
        height: 35px;
        line-height: 35px;
        color: #FFFFFF;
        text-decoration: none;
    .PAmenuItem a:visited {
        display: block;
        height: 35px;
        line-height: 35px;
        color: #FFFFFF;
        text-decoration: none;
    .PAmenuItem a:hover {
        display: block;
        height: 35px;
        line-height: 35px;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #06A7E2;
    .PAmenuItem a:active {
        display: block;
        height: 35px;
        line-height: 35px;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #06A7E2;
    .SubPageContentArea {
        color: #FFFFFF;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        font-size: 14px;
        text-align: left;
        letter-spacing: 0.06em;
    #topContent {
        width: 100%;
        color: #30434D;
        font-style: normal;
        font-weight: 200;
        font-family: source-sans-pro;
        font-size: 14px;
    #pageContent {
        width: 100%;
        display: block;
        clear: both;
    #asideNavArea {
        color: #FCFDFF;
        width: 30%;
        float: left;
        clear: right;
        padding-left: 15px;
        margin-left: 5px;
        margin-top: 25px;
        margin-bottom: 15px;
        background-color: #CED1D3;
    #bottomContentArea {
        background-image: url(/images/grayTexture2.png);
        background-repeat: repeat;
        width: 100%;
        display: block;
        clear: both;
    .bottomContent {
        color: #FFFFFF;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        font-size: medium;
        padding-left: 15px;
        display: block;
    #aboutPict {
    #sectionPict {
        width: 100%;
    #sideNavHolder {
        width: 200px;
        height: 300px;
        background-color: #B6C4CE;
        -webkit-box-shadow: 3px 3px 5px #303E48;
        box-shadow: 3px 3px 5px #303E48;
    #bottomContentText {
    #sectionPict img {
        width: 100%;
    #greenMemLog img {
    #indexContentArea {
        float: left;
        width: 100%;
        display: block;
    #asideArea {
        width: 100%;
        float: left;
        background-color: #CED1D3;
        height: 200px;
        clear: both;
    #mainAnim {
        width: 100%;
        display: block;
        float: left;
        clear: both;
        height: 200px;
        margin-bottom: 15px;
    #slideShow {
        width: 100%;
    #bottomContent {
        clear: none;
        background-image: url(images/grayTexture2.png);
        background-repeat: repeat;
        display: block;
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
        float: left;
    #sectionPhoto {
    #sectionPhoto img {
        width: 100%;
        display: block;
        clear: both;
    #bottomContent2 {
        width: 250px;
        display: block;
        float: left;
        clear: left;
        margin-left: auto;
        margin-right: auto;
    #bottomContent1 {
        width: 90%;
        clear: none;
    #sectionVideo {
        width: 95%;
        float: left;
        margin-left: 15px;
        text-align: left;
        margin-top: 15px;
        display: block;
    #sectionVideo img  {
        display: block;
        float: left;
        width: 100%;
    #Thermalnav  {
        width: 0px;
    .Thermalmenuitem {
        display: block;
        background-color: #06A7E2;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        padding-left: 15px;
        border-color: #FFFFFF;
        border-bottom-width: thin;
        border-bottom-style: dotted;
    .Thermalmenuitem a:hover {
        display: block;
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        padding-left: 15px;
    .Thermalmenuitem a:link {
        display: block;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        padding-left: 15px;
    .Thermalmenuitem a:visited {
        display: block;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        padding-left: 15px;
    .Thermalmenuitem a:active {
        display: block;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        padding-left: 15px;
        background-color: #303E48;
    #ThermalList {
    #thermalLinks {
        margin-top: 15px;
        display: block;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    #ThermalLinks {
        display: block;
        margin-top: 20px;
        clear: both;
        text-align: center;
        margin-bottom: 20px;
        float: left;
        width: 100%;
    #SquareIcon {
        clear: both;
        width: 125px;
        float: left;
    #LinearIcon {
        width: 140px;
        clear: none;
        float: left;
        margin-left: 20px;
    #mainParagraph {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        text-align: left;
        float: left;
        clear: both;
        width: 98%;
        margin-top: 15px;
        margin-bottom: 20px;
    #leftSpacer {
        width: 10%;
        height: 500px;
        display: block;
        float: left;
    #ThermalVideo {
        float: left;
        width: 100%;
        border: thin solid #000000;
    #ThermalChoose {
        text-align: left;
        background-color: #FC6719;
        color: #FDFDFD;
        display: block;
        height: 35px;
        line-height: 35px;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        width: 100%;
        float: left;
        padding-left: 10px;
    #SquareDiffuserSection {
        width: 100%;
        background-color: #06A7E2;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        text-align: left;
        display: block;
        height: 35px;
        float: left;
    #SquareDiffText {
        float: left;
        width: 90%;
        margin-left: 15px;
        margin-top: 20px;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        margin-bottom: 25px;
        text-align: left;
    #squareDiffuserPicts {
        width: 100%;
        clear: both;
    #SCVH {
        float: none;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        clear: none;
        display: block;
    .Labels   {
        color: #06A7E2;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        vertical-align: bottom;
    #SCAH   {
        float: none;
        clear: none;
        display: block;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    #brochureThumb   {
        visibility: hidden;
    #SquareDiffSectTitle   {
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        padding-left: 15px;
    #SquarePict   {
        clear: left;
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    #brochureLink   {
        visibility: hidden;
    #bottomContent3   {
        float: left;
        width: 90%;
    .zeroMargin_mobile   {
    margin-left: 0;
    .hide_mobile   {
    display: none;
    #SCAHbutton {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    #SCVHbutton {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    #SCbutton {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    #SCVHbuttText {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        width: 90%;
        clear: left;
        float: left;
        margin-left: 10px;
        text-align: center;
    #SCbuttText {
        position: relative;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        width: 90%;
        float: left;
        clear: left;
        margin-left: 15px;
        text-align: center;
    #SC {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        display: block;
    #SCAHbuttText {
        width: 90%;
        float: left;
        clear: left;
        margin-left: 15px;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        text-align: center;
    #sqDiffPict {
        width: 150px;
        margin-top: 20px;
    #LAD {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    #LADbuttonText {
        float: left;
        clear: left;
        width: 90%;
        text-align: center;
    #VAC {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    #VACbuttonText {
        float: left;
        clear: left;
        width: 95%;
        text-align: center;
    #VACH {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    #VACHbuttonText {
        float: left;
        clear: left;
        width: 95%;
        text-align: center;
    #LADbutton   {
        width: 100%;
    #VACbutton {
        width: 100%;
        float: left;
        clear: left;
    #VACHbutton {
        float: left;
        clear: left;
        width: 100%;
    #LinearDiffusers {
        color: #FC6719;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 12px;
        padding-left: 15px;
    #LinearDiffPict {
        margin-left: 5px;
        float: right;
        width: 45%;
    #SquareDiffPict {
        float: right;
        color: #06A7E2;
        width: 40%;
    #SquareDiffPict img {
        width: 170px;
    #LinearDiffPict img {
        width: 175px;
    #PHseries {
        width: 200px;
        float: left;
        clear: none;
        margin-bottom: 15px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    #AirTerminalPicts {
        float: left;
        clear: both;
        background-color: #E6EBEE;
        display: block;
        width: 100%;
    #PTseries {
        width: 200px;
        float: left;
        clear: left;
        margin-right: auto;
        margin-bottom: 25px;
        margin-top: 20px;
        margin-left: auto;
    #ATUpicts {
        text-align: center;
        padding-left: 10px;
        margin-bottom: 20px;
    #PHbuttonText {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        text-align: left;
        padding-left: 12px;
    #PTbuttonText {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        padding-left: 12px;
        text-align: left;
    #ModelPhSeries {
        padding-left: 5%;
        color: #FC6719;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
    #ATUVideo {
        width: 95%;
        margin-bottom: 20px;
        float: left;
        display: block;
        clear: both;
    #mainParagraphATU {
        float: none;
        width: 95%;
        padding-bottom: 15px;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
    #ATUsectionVideo {
        margin-top: 35px;
        margin-left: 10px;
        width: 100%;
        float: left;
    #mainParagraphPH {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        margin-bottom: 15px;
    #PHatuSeries {
        float: right;
    #ATUSectTitle {
        padding-left: 10px;
        width: 95%;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
    #ATUplace {
        width: 100%;
    #ATUSection {
        float: left;
        width: 100%;
        background-color: #06A7E2;
    #PHDuct {
        margin-top: 35px;
        float: left;
        display: block;
        width: 100%;
    #PHductSection {
        float: left;
        background-color: #E6EBEE;
        clear: left;
        width: 100%;
    #PHductCaption {
        float: left;
        clear: left;
        color: #FFFFFF;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        width: 100%;
        background-color: #303E48;
        line-height: 50px;
    #PHaccessText {
        margin-top: 20px;
        float: left;
        width: 100%;
    #PHdownloadTitle {
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        font-size: 18px;
    #PHpdfList {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
    #PHdownloads {
        float: left;
        clear: right;
        width: 100%;
        margin-top: 35px;
        margin-bottom: 20px;
    #Ductpict {
        float: left;
        display: block;
        width: 100%;
    .PHdata a:active {
        color: #06A7E2;
        text-decoration: none;
    #PHaccessories {
        float: left;
    .PHdata a:visited {
        color: #303E48;
        text-decoration: none;
    .PHdata a:hover {
        color: #06A7E2;
        text-decoration: none;
    .PHdata a:link {
        color: #303E48;
        text-decoration: none;
    .PHdata {
        border-bottom: 6px solid #E6EBEE;
        background-color: #FFFFFF;
    #PHimage {
        width: 150px;
    #PTseries2 {
        float: right;
    #Ductpict2 {
        width: 510px;
        float: left;
    #PHductCaption2 {
        width: 510px;
        float: left;
        background-color: #303E48;
        height: 40px;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        font-size: 22px;
    #DigitalContent {
        text-align: left;
        margin-top: 20px;
        background-color: #E6EBEE;
        float: left;
        width: 90%;
    #digiPicts {
        background-color: #E6EBEE;
        display: block;
        clear: left;
        width: 300px;
    #SEHCMbutton a:hover {
        background-color: #06A7E2;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        display: block;
    #EdgeSVCH {
        float: left;
        margin-left: 10px;
    #SCVHanim   {
        float: left;
        margin-top: 35px;
        width: 95%;
        margin-bottom: 10px;
    #SVCHanimPict {
        float: left;
        width: 100%;
    #SCVHhowToButt {
        float: left;
    .fluid.SCVHsubMenuItems {
        color: #303E48;
        background-color: #CED1D3;
        display: block;
        width: 100%;
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
    #SCVHsub {
        margin-bottom: 10px;
    .fluid.SCVHsubMenuItems2  {
        background-color: #CED1D3;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        height: 30px;
        display: block;
    .fluid.SCVHsubMenuItems2 a:link  {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 30px;
        display: block;
    .fluid.SCVHsubMenuItems2 a:hover  {
        background-color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 30px;
        display: block;
        color: #FFFFFF;
    .fluid.SCVHsubMenuItems2 a:visited  {
        background-color: #CED1D3;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 30px;
        display: block;
        color: #303E48;
    .SCVHlist a:link {
        color: #303E48;
        text-decoration: none;
        display: block;
        background-color: #FFFFFF;
        height: 30px;
        line-height: 30px;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        border-bottom: medium solid #E6EBEE;
    .SCVHlist a:hover {
        color: #FFFFFF;
        background-color: #06A7E2;
        display: block;
    .SCVHlist a:visited {
        color: #303E48;
        background-color: #FFFFFF;
        display: block;
    #SCVHchartPict {
        float: left;
        text-align: center;
        width: 300px;
    #SCVHdata {
        margin-top: 25px;
        text-align: left;
        width: 90%;
        float: left;
    #SCVHbottomData {
        margin-top: 15px;
        width: 300px;
        float: left;
    #SCVHchartPict img {
    #SCVHchartGraphic {
        width: 100%;
    #SCVHdimGraphic {
        width: 100%;
    #SCVHdimenPict {
        margin-top: 20px;
        width: 300px;
    #SCVHvideo {
        width: 95%;
    #LADimages {
        float: right;
        width: 200px;
        margin-left: 20px;
    #LAD3D {
        float: right;
    #LADusePict {
        float: right;
        clear: right;
        margin-top: 50px;
    #MidContent {
        float: left;
        text-align: left;
        margin-top: 20px;
    #CoAnda {
        margin-top: 25px;
        border: thin solid #FFFFFF;
        float: left;
        width: 300px;
        padding-left: 15px;
    #VACinduction {
        float: right;
        margin-left: 10px;
    #PAproducts {
        width: 100%;
        clear: both;
        display: block;
        float: left;
    #SlideShow {
        width: 100%;
        float: left;
        height: 400px;
        display: block;
    #ProductWrapper {
        width: 300px;
        display: block;
        clear: both;
        float: left;
    .fluid.PromoBlocks {
        width: 225px;
        display: block;
        clear: both;
    #SQdiffPict {
        width: 100%;
    #ATUpict {
        width: 100%;
    #DigiDiffPict {
        width: 100%;
    @media only screen and (min-width:480px){
    #PAproducts {
        width: 100%;
        clear: both;
        display: block;
        float: left;
    #mainAnim {
        width: 100%;
        display: block;
        float: left;
        clear: both;
        height: 270px;
        margin-bottom: 15px;
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 600px) {
    .fluid.SCVHsubMenuItems2 a:link  {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 30px;
        display: block;
    .fluid.SCVHsubMenuItems2 a:hover  {
        background-color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 30px;
        display: block;
        color: #FFFFFF;
    .fluid.SCVHsubMenuItems2  {
        background-color: #CED1D3;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        height: 30px;
        display: block;
        padding-left: 10px;
        font-size: 13px;
        width: 240px;
        float: left;
        clear: right;
    #DigitalPicts {
        float: left;
        display: block;
    #SEHCMbutton {
        float: left;
        margin-left: 15px;
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
        text-align: center;
        display: block;
        width: 62%;
    .gridContainer {
        width: 100%;
        padding-left: 0%;
         padding-right: 0%;
        clear: none;
        float: none;
        margin-left: auto;
    #top {
        text-align: left;
        float: left;
    .tagline {
    width: 100%;
    clear: both;
    margin-left: 0;
    #menuChoices {
    #div2 {
        width: 100%;
        background-color: #FC6719;
        height: 380px;
    #SubHead {
        position: static;
        height: 40px;
        width: 100%;
    #mainSubHead {
        clear: both;
        margin-left: 0;
        position: static;
        height: 40px;
        width: 100%;
        line-height: 40px;
    #div3 {
    width: 100%;
    #div4 {
    clear: both;
    margin-left: 0;
    width: 100%;
    #mainContent {
    .content {
    .contentStyle {
        width: 88.6792%;
        margin-left: 0;
    #mainAside {
        margin-left: auto;
        position: static;
        height: auto;
        display: block;
        width: 700px;
        margin-right: auto;
    #mainFooter {
    #footerLogo {
        margin-left: 25px;
        text-align: left;
    #footerInfo {
        margin-left: 25px;
        text-align: left;
        width: 400px;
    #asideBrochure {
        clear: both;
        float: left;
    #asideVideo {
        margin-left: 0;
        float: left;
        text-align: center;
    .lightLinks {
        text-align: center;
        line-height: 16px;
    #thermalDiffLabel {
    #thermDiffLabel {
        width: 330px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    #thermDiffPict {
    #atuLabel {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 330px;
    #atuPict {
    #digitalLabel {
        width: 330px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    #digitalPict {
    .mainSubHead {
        color: #FFFFFF;
        background-color: #F60;
        display: block;
        font-family: questrial;
        font-size: 30px;
        margin: auto;
        height: 80px;
        line-height: 40px;
        font-style: normal;
        font-weight: 400;
    #navList {
    #PAnav {
    #PAchoices {
    #PAList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    .PAmenuItem {
        float: left;
        position: relative;
        display: block;
        width: 115px;
        clear: right;
        font-size: 13px;
        padding-left: 10px;
    .SubPageContentArea {
        padding-bottom: 20px;
        text-align: left;
    #topContent {
    #pageContent {
        width: 100%;
    #asideNavArea {
    #bottomContentArea {
    .bottomContent {
    #aboutPict {
    #sectionPict {
    #sideNavHolder {
    #bottomContentText {
    #indexContentArea {
    #asideArea {
        line-height: 30px;
        width: 150px;
        height: 700px;
        float: left;
        clear: none;
    #mainAnim {
        height: 425px;
        width: 100%;
        float: left;
    #bottomContent {
    #sectionPhoto {
    #bottomContent2 {
        float: left;
        clear: left;
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    #bottomContent1 {
        float: left;
        width: 575px;
        margin-left: 5px;
    #sectionVideo {
        width: 580px;
        float: left;
        margin-left: 15px;
    .mainParagraphs {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        font-size: 15px;
        text-align: left;
    #ThermalList {
    #thermalLinks {
    #ThermalLinks {
        float: left;
        clear: both;
        width: 150px;
        margin-bottom: 10px;
    #SquareIcon {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        float: none;
    #LinearIcon {
        float: none;
        width: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        clear: left;
    #mainParagraph {
        float: left;
        clear: both;
        width: 98%;
        margin-top: 0px;
    #leftSpacer {
    #ThermalVideo {
        width: 70%;
        margin-top: 20px;
        margin-left: 15px;
        border-width: thin;
    #ThermalChoose {
        margin-top: 0px;
        text-align: center;
        line-height: 1.5em;
        height: 50px;
    #SquareDiffuserSection {
        height: 35px;
    #SquareDiffText {
        width: 575px;
        margin-top: 20px;
        margin-bottom: 25px;
        margin-left: 15px;
        padding-left: 8px;
        text-align: left;
    #squareDiffuserPicts {
        width: 600px;
        margin-top: 15px;
        margin-left: 15px;
    #SCVH {
        display: block;
        width: 150px;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    #SCVHanim   {
        float: left;
        margin-top: 35px;
        width: 50%;
    .fluid.SCVHsubMenuItems {
        color: #303E48;
        background-color: #CED1D3;
        display: block;
        height: 30px;
        line-height: 30px;
        width: 220px;
        font-size: 14px;
        text-align: left;
        padding-left: 10px;
        float: left;
        clear: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    #SCVHdimGraphic {
        width: 600px;
    #SCVHdimenPict {
        margin-top: 20px;
    #SCAH {
        display: block;
        width: 150px;
        margin-left: 0px;
        margin-right: 0px;
    #SCbutton {
        float: left;
        width: 175px;
        clear: right;
        position: relative;
        margin-left: 25px;
    #PHDuct {
        margin-top: 35px;
        float: left;
        display: block;
    #PHductCaption2 {
        width: 510px;
        float: left;
        background-color: #303E48;
        height: 40px;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        font-size: 22px;
    #brochureThumb {
        visibility: visible;
    #SquareDiffSectTitle {
        width: 500px;
        height: 35px;
        text-align: left;
        color: #FFFFFF;
        margin-left: 20px;
        line-height: 35px;
    #SquarePict {
        width: 225px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        clear: left;
    #LADbutton   {
        width: 175px;
        float: left;
    #brochureLink {
        visibility: visible;
    #bottomContent3 {
        width: 595px;
        float: left;
        clear: left;
        margin-left: 15px;
    .hide_tablet {
    display: none;
    .zeroMargin_tablet {
    margin-left: 0;
    #SCVHbutton {
        float: left;
        width: 175px;
    #SCVHbuttText {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        width: 90%;
        float: left;
        clear: right;
        text-align: left;
    #SCAHbuttText {
        float: left;
        clear: right;
        width: 90%;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        position: relative;
        text-align: left;
    #SCbuttText {
        position: relative;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        width: 90%;
        float: left;
        clear: none;
        display: block;
        text-align: left;
    #SC {
        width: 150px;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    #SCAHbutton {
        float: left;
        width: 175px;
        clear: right;
        position: relative;
        margin-left: 25px;
        margin-bottom: 20px;
    #sqDiffPict {
        width: 190px;
        margin-top: 20px;
    #LinearDiffusers {
        color: #FC6719;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        padding-left: 15px;
        margin-bottom: 12px;
        float: left;
        width: 100%;
    #VACbutton {
        width: 175px;
        float: left;
        clear: right;
        margin-left: 25px;
    #VACHbutton {
        float: left;
        width: 175px;
        clear: right;
        margin-left: 25px;
    #VACbuttonText {
        float: left;
        clear: left;
        width: 90%;
        padding-left: 10px;
        text-align: left;
    #LADbuttonText {
        float: left;
        clear: left;
        width: 90%;
        padding-left: 10px;
        text-align: left;
    #VACHbuttonText {
        float: left;
        clear: left;
        width: 90%;
        padding-left: 10px;
        text-align: left;
    #LAD {
        width: 150px;
        margin-left: 0px;
    #VAC {
        width: 150px;
        margin-left: 0px;
    #VACH {
        width: 150px;
        margin-left: 0px;
    #linearPict {
        float: left;
        clear: right;
        margin-left: 0px;
    #linearPict img {
        width: 150px;
        display: block;
    #SquareDiffPict {
        color: #06A7E2;
        float: right;
        text-align: center;
        width: 25%;
    #LinearDiffPict {
        margin-left: 5px;
        float: right;
        width: 25%;
    #ATUsectionVideo {
        margin-top: 35px;
        width: 95%;
        float: left;
        margin-left: 40px;
    #ATUVideo {
        width: 62%;
        margin-bottom: 20px;
        float: left;
        clear: right;
        margin-left: 15px;
    #mainParagraphATU {
        float: left;
        width: 200px;
    #PHseries {
        width: 200px;
        float: left;
        margin-left: 10%;
        clear: none;
        margin-bottom: 25px;
        margin-top: 20px;
    #PHductCaption {
        float: left;
        clear: left;
        color: #FFFFFF;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        width: 100%;
        background-color: #303E48;
        line-height: 50px;
    #PHdownloads {
        float: left;
        clear: right;
        width: 250px;
        margin-left: 30px;
        margin-top: 35px;
    #PHatuSeries {
        float: right;
    #PHimage {
        width: 225px;
    #PHaccessText {
        margin-top: 20px;
    #ATUSectTitle {
        padding-left: 40px;
    #PTseries2 {
        float: right;
    #PTseries {
        width: 200px;
        float: left;
        clear: right;
        margin-right: auto;
        margin-bottom: 25px;
        margin-top: 20px;
        margin-left: 35px;
    #digiPicts {
        float: right;
        background-color: #E6EBEE;
    #DigitalContent {
        text-align: left;
        margin-top: 20px;
        background-color: #E6EBEE;
        margin-left: 30px;
    #Ductpict {
        width: 511px;
        float: left;
        display: block;
        clear: right;
    #Ductpict2 {
        width: 510px;
        float: left;
    #DigitalPicts {
        float: right;
    #SCVHsub {
        width: 100%;
        margin-bottom: 15px;
    #EdgeSVCH {
        float: right;
        margin-left: 20px;
    #SVCHanimPict {
        float: left;
        width: 100%;
    #SCVHchartPict {
        float: right;
        margin-left: 20px;
        width: 350px;
    #SCVHbottomData {
        margin-top: 15px;
        width: 600px;
        float: left;
        clear: both;
    #SCVHvideo {
        width: 100%;
    #CoAnda {
        margin-top: 25px;
        border: thin solid #FFFFFF;
        float: left;
        width: 500px;
        padding-left: 15px;
    #SlideShow {
        width: 100%;
        height: 455px;
        float: left;
    #ProductWrapper {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    .fluid.PromoBlocks {
        width: 180px;
        float: left;
        margin-top: 20px;
        margin-left: 15px;
        clear: none;
        display: block;
    #SQdiffPict {
        display: block;
    #ATUpict {
        display: block;
    #DigiDiffPict {
        width: 100%;
        display: block;
    /* additional media query of min 600px*/
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width:800px){
    .gridContainer {
        width: 100%;
        max-width: 1920px;
        padding-left: 0;
        padding-right: 0;
        margin: auto;
        clear: none;
        float: none;
        margin-left: auto;
    #top {
        float: left;
    .tagline {
    width: 79.3103%;
    margin-left: 1.2987%;
    clear: none;
    #mainNav {
    .menuItem {
        clear: none;
        background-size: auto 40px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 0px;
    #top img {
        text-align: left;
        background-repeat: no-repeat;
        float: left;
        margin-left: 10px;
    #SEHCMbutton {
        float: left;
        margin-left: 35px;
        background-color: #FC6719;
        color: #FFFFFF;
        font-family: questrial;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        width: 62%;
    #div2 {
        text-align: center;
        width: 100%;
        background-color: #FC6719;
        background-repeat: repeat-x;
        clear: both;
    #SlideShow {
        width: 100%;
        height: 555px;
        float: left;
    #SubHead {
        position: static;
        margin-left: auto;
        height: 45px;
        width: 100%;
        top: 586px;
        left: 0px;
        background-color: #FC6719;
    #mainSubHead {
        margin-left: 0;
        clear: both;
        position: static;
        height: 45px;
        width: 100%;
        #SCVHsub {
        width: 100%;
        margin-bottom: 15px;
    .fluid.SCVHsubMenuItems {
        color: #303E48;
        background-color: #CED1D3;
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        text-align: left;
        padding-left: 15px;
        width: 250px;
        #SCVHlist a:link {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none;
    #SCVHpdfList {
        float: none;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
    #SCVHlist {
        height: 25px;
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        background-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-color: #E6EBEE;
    #SCVHanim   {
        float: left;
        margin-top: 35px;
        width: 511px;
    #SCVHdimGraphic {
        float: right;
    #SCVHdimenPict {
        margin-top: 20px;
        width: 800px;
        float: right;
    #div3 {
    width: 100%;
    #div4 {
    margin-left: 1.2987%;
    clear: none;
    width: 29.8701%;
    #mainContent {
    .content {
    .contentStyle {
        width: 55%;
        margin-left: 0;
        float: left;
    #mainAside {
        position: relative;
        width: 325px;
        float: left;
        clear: right;
        display: block;
        margin-left: 30px;
    #mainFooter {
    #footerLogo {
        margin-left: 25px;
    #footerInfo {
        line-height: 30px;
        display: block;
        height: 30px;
        float: none;
        clear: none;
        text-align: left;
        width: 400px;
    #asideBrochure {
        width: 325px;
        margin-left: 0;
        clear: none;
        float: left;
    #asideVideo {
        width: 325px;
        margin-left: 0;
        float: left;
    .mainSubHead {
        color: #FFFFFF;
        background-color: #F60;
        display: block;
        font-family: questrial;
        font-size: 30px;
        margin: auto;
        height: 40px;
        line-height: 40px;
        font-style: normal;
        font-weight: 400;
    .lightLinks {
    #thermalDiffLabel {
    #thermDiffLabel {
        width: 280px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    #thermDiffPict {
    #atuLabel {
        padding-top: 10px;
        /* [disabled]padding-right: 10px; */
        padding-bottom: 10px;
        padding-left: 10px;
        width: 280px;
    #atuPict {
    #digitalLabel {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 280px;
    #digitalPict {
        padding-bottom: 2px;
    #navChoices {
    #navList {
    #PAnav {
        background-color: #30434D;
        display: block;
    #PAchoices {
    #PAList {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: left;
    .PAmenuItem {
        padding-left: 10px;
        width: 150px;
        font-size: 15px;
    .mainSubHead {
        color: #FFFFFF;
        display: block;
        font-family: questrial;
        font-size: 30px;
        margin: auto;
        font-style: normal;
        font-weight: 400;
    #AboutUsText {
        padding-left: 15px;
        width: 92%;
    #pageContent {
    #asideNavArea {
    #bottomContentArea {
    .bottomContent {
    #aboutPict {
    #sectionPict {
    #sideNavHolder {
    #bottomContentText {
    #indexContentArea {
    #asideArea {
        height: 725px;
        width: 275px;
        float: left;
        clear: right;
        padding-bottom: 25px;
    #mainAnim {
        width: 100%;
        display: block;
        height: 555px;
        float: left;
    #bottomContent {
    #sectionPhoto {
    #bottomContent1 {
        float: left;
        width: 800px;
        margin-left: 15px;
    #bottomContent2 {
        clear: right;
        margin-left: 20px;
        float: left;
    #sectionVideo {
        margin-left: 5%;
        width: 800px;
    #ThermalList {
    #thermalLinks {
    #ThermalLinks {
        width: 200px;
        text-align: center;
    #SquareIcon {
        margin-left: auto;
        margin-right: auto;
        width: 125px;
        display: block;
        float: none;
    #LinearIcon {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 145px;
        float: none;
        clear: both;
    #mainParagraph {
        color: #303E48;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 200;
        text-align: left;
        float: none;
        clear: both;
        width: 754px;
        margin-top: 10px;
        margin-bottom: 40px;
    #leftSpacer {
    #ThermalVideo {
        display: block;
        float: left;
        clear: right;
        margin-top: 20px;
        width: 534px;
        margin-left: 30px;
        margin-right: auto;
    #ThermalChoose {
    #SquareDiffuserSection {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        padding-left: 5%;
        height: 35px;
    #SquareDiffText {
        width: 750px;
        float: left;
        margin-left: 5%;
        margin-bottom: 30px;
        text-align: left;
    #squareDiffuserPicts {
        margin-left: 5%;
        width: 800px;
        margin-bottom: 30px;
        clear:

    Too much to check through but You are using the following conditionals:
    1) Standard CSS.
    This is the CSS that will load at any res. If you set a style here it will load in the two conditional's below as well.
    2) @media screen and (min-width:990px)
         This is telling the browser to load these styles when the screen is over 990px's wide but you have not excluded anything using max-width so any styles from 1) will be carried over. You could try overwriting them with      !important but its messy and would make more sense to extract the styles from 1)
    3) @media screen and (min-width:1100px)
         This is telling the browser to load these styles when the screen is over 1100px but like 2) you are not ignoring anything under this width so it will pick up your base styles as well as your conditional styles from 2)

Maybe you are looking for

  • How much RAM can my 17" iMac take?

    There's alot of conflicting views on this question. Does anybody know the answer? I have read that it can take 3G, others say it is made for 2G. If I were to have 3G (currently I have 2G) would it actually make a big difference? Are there any empiric

  • My computer crashed and I need to reset up my phone.  Iphone 3 running software Version 4.2.1

    My computer crashed and I need to reset up my phone.  I do not have a backup.  Iphone 3 running software Version 4.2.1 After researching this, I understand that I will need to reload iTunes on a new computer, deactivate the prior computer and authori

  • Calling applet in jsp page

    i have made a line graph in applet and i want to call that applet in my jsp project's page.... <jsp:plugin type= "applet" codebase="." code= "ibill.lineGraph.class" width="400" height="400"> </jsp:plugin> but it dosnt show the applet and give error o

  • How to view the contacts on a pc without connectin...

    Hello Everybody, I am using Nokia PC suite on xp sp2. My cell is Nokia 3230 I've got a question: i have my contacts copied to my computer. Is there a way to view the contacts on my computer without connecting the phone to it? I have found the .dat fi

  • Automator: Made a service but it won't show up in the app.

    followed this tutorial to make a "wrap text in quotes" automator service. I tried to find and use the service I made in a word processing application but no services show up, it simply says "no services apply." I followed every step to the T and I ca