Adding Silverlight to a webpage with Dreamweaver

I recently created a free Dreamweaver extension for adding Silverlight 2.0 & 3.0  .XAP file to a  webpage / website.
http://www.GJHDigital.com and click the Free Dreamweaver Extensions link.

I have viewed your website and it appears either unloved or just not fi
nished. Images are not showing and your Silverlight 1.0 extension does not work for
me. I guess Adobe don't consider your work a completed project at this stage.
I would like to use DW to create a photographic wall using Silverlight. I'm too much into coding mowadays. Too slow. I am playing with Pivot and Deep Zoom but I'm finding it difficult to control what is happening to the images when I roll the mouse without getting involved with the code.

Similar Messages

  • Please help! adding a search to website with Dreamweaver

    confused;
    Hi all. i need some help. Im in the process of creating my
    website on Dreamweaver CS3. I would like to have a "search" option
    on my site.....
    I will explain my situation.....stay with me!.......
    My website is basically a dating website. So, i need a sercg
    function so members can SEARCH for people in there area...
    Heres an example. of the search I need....
    LOOKING FOR -- MALE OR FEMALE (select box for male or female)
    AREA - North West, north east, midlands, etc etc (drop down
    box)
    PROXIMITY - 5mile, 10 mile, 25 mile etc (drop down box)
    AGE - 18-25, 25-30, 30-45 etc (drop down box)
    OKay...so i guess you have the idea of what im talking
    about...i hope..... I KNOW how to set the table up for the above
    (using the FORMS tab on dreameaver)
    What I do need to know is - How do i program my website to
    return the correct results.
    example...... Mr. Smith is looking for a women, within 5miles
    of his postcode. he clicks search....HOW DO I GET THE WEBSITE TO
    RETURN HIS REQUESTS. Do i need to buy some sort of software???
    Hope you can help!!!!
    Jemma xxxxxxxxxx

    I'm afraid that in order to get reasonable search results for
    a dating type service, you are going need to do some programming.
    This means that along with solid html and css, you need to be adept
    at server side script programming and SQL programming. Have you
    already create the database? What kind of database design
    experience do you have? Seems like you are building a rather
    complex site and without the proper skills you will be facing a
    rather steep learning curve. You may want to think about hiring an
    experienced programmer if you want to get a quality site going in a
    reasonable amount of time.
    I don't know of any off-the-shelf packages out there that may
    exist for a dating type service so you may want to search around a
    bit.

  • How to insert a Bridge photo gallery into a webpage with Dreamweaver

    I have made the changes to the web gallery index page (from Bridge) as indicated in http://foundationphp.com/tutorials/gallery/embed3.php  in DW.  However, I normally do not use DW, but need to now.  I have the new web page where I want the gallery to appear, but am currently stuck.  I need a very clear, basic step by step instruction as to how to insert the gallery/index page.  Below is the DW code screen from the new page where I want it to appear (not sure if this is needed).  Thanks for your help!  Ron
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Visual Arts Gallery Giselle M Olivera</title>
    <style type="text/css">
    <!--
    .style5 {
      font-family: "Kunstler Script";
      font-size: 21px;
    .style7 {font-family: Geneva, Arial, Helvetica, sans-serif}
    a:link {
      text-decoration: none;
      color: #000000;
    a:visited {
      text-decoration: none;
      color: #000000;
    a:hover {
      text-decoration: underline;
      color: #33FFFF;
    a:active {
      text-decoration: none;
      color: #000000;
    .style8 {color: #000000}
    -->
    </style>
    </head>
    <body>
    <div align="center">
      <table width="227" border="1">
        <tr valign="top">
          <td width="217" align="center" valign="top"><div align="center"><span class="style7"><span class="style8"><a href="./">HOME</a></span></span> <span class="style8"><a href="./"><span class="style5">Giselle M. Olivera</span></a></span></div></td>
        </tr>
      </table>
    </div>
    </body>
    </html>

    First define your site folder in Dreamweaver.  Site > Manage Sites > New > Local Site.
    http://foundationphp.com/tutorials/gallery/embed1.php
    Also, to simplify things, you could use an <iframe> to bring your bridge gallery index.html page into your DW web page.
    http://www.w3schools.com/tags/tag_iframe.asp
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Yes I am trying to edit one of my webpages with Dreamweaver

    Yes I am trying to edit one of my
    one colum, head footer, for my website and I am not cerrtain how to align the object I pasted in here. Could you align this so I can type next to the object I put there. thank you
    here is it is dont laugh to hard.
    http://www.forgottenrealms.site90.com

    You have misposted this. This is not related to app dev. Please post to the correct Dreamweaver forum. You'll also need to include more details as it is not clear what you are asking.

  • Adding keywords to a web page with Dreamweaver 8

    Hi,
    Does anyone of you know how to add keywords to a web page
    with Dreamweaver 8? I want the link to the web page shows up when
    people google the keywords. I pulled out the instructions from
    ehow.com and followed the instructions by using the HTML Keywords
    function in the Insert menu. I tested it on Google website by
    entering the keywords but it did not work.
    Any clues would be helpful.
    Thanks,
    Shirley

    Let's put it this way - those sites I have that are highly
    ranked do not
    have any meta keywords on them. So - you do the math....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Nancy O" <[email protected]> wrote in message
    news:[email protected]...
    > Maybe...
    >
    >
    http://www.hypergurl.com/articles/metatagswhatare.html
    >
    > "Will Meta Tags Improve My Rankings?
    >
    > Unfortunately, the majority of the major search engines
    do not recognize
    > the
    > meta keyword tag at all. A larger number do recognize
    the meta description
    > tag for the purpose of creating a summary for the page.
    The prevailing
    > philosophy is that search engines prefer to index text
    that is clearly
    > VISIBLE to the user, although exceptions are certainly
    made. The engines
    > in
    > general consider invisible text, such as that found in
    meta tags, as
    > "untrustworthy" since they can be easily abused by an
    unethical Webmaster.
    > For example, someone could list out many keywords that
    do not apply to
    > their
    > page's content, or they could repeat a keyword many
    times in hopes of
    > boosting their rankings.
    >
    > Of the engines that do support meta tags, none are
    thought to give extra
    > "relevance" to words appearing in meta tags versus
    elsewhere on the page.
    > In
    > fact, most engines give words in these tags less weight
    than if they had
    > appeared elsewhere on the page such as in the body area
    or the page title.
    >
    > You might then conclude that meta tags are useless?
    Well, not quite. You
    > definitely want to include a meta description tag on
    every page to avoid
    > the
    > search engine making up its own description from random
    excerpts on the
    > page.
    >
    > In regard to the meta keyword tag, many experts believe
    that including a
    > keyword in BOTH your meta tags and in other areas of
    your page CAN help
    > improve your rankings. For example, let's say your
    keyword was "Star Wars
    > collectibles" and it appeared in the body text that is
    visible to the
    > user.
    > If the keyword were also included in your meta keyword
    tag, then that
    > would
    > reinforce to the search engine that "Star Wars
    collectibles" was an
    > important theme on this page. Although no extra
    relevancy boost is given
    > for
    > including the keyword solely in the meta tag, some
    engines may look to the
    > meta tag as a way to reinforce their belief that a page
    is relevant if all
    > the other more important factors "check out" too.
    >
    > In any case, including the tags are unlikely to hurt
    your rankings if you
    > follow a few simple rules. Be careful not to repeat the
    same keyword more
    > than two or three times in the tag. Never repeat the
    same word twice in a
    > row or you may trigger a search engine's "spam filter."
    Lastly, never
    > include keywords that do not apply to the content of
    that page."
    >
    >
    > --Nancy O.
    > Alt-Web Design & Publishing
    > www.alt-web.com
    >
    >
    >
    >
    >
    > "John Waller" <[email protected]>
    wrote in message
    > news:[email protected]...
    >> > No one? Several regulars here do.
    >>
    >> Is there any point in using them other than typing
    practice?
    >>
    >> --
    >> Regards
    >>
    >> John Waller
    >>
    >>
    >
    >

  • How do I create a webpage in Dreamweaver WITHOUT using layers?

    I'm reading a lot about how we should not use layers and
    tables when creating a website in Dreamweaver because of something
    called "absolute placement" (or something), which is the reason the
    text in my website is constantly misaligned or overlapping when
    opened up in Firefox. Although, I've never had this problem before
    for the past three years I've been using Dreamweaver to create my
    sites, which is what's most frustrating I think.
    So, I guess I'm wondering how, then, do I create a webpage in
    Dreamweaver WITHOUT using layers and tables? The only thing I've
    been able to do w/o layers/tables is to literally hit "enter" and
    "tab" continuously until the cursor is somewhere close to where I
    want it to be on the page. But that seems a little old-school (for
    lack of a better term) to really be the way to do it.
    Also, if I've used a lot of layers/tables already in my
    website, is the general recommendation for be to rebuild my site
    completely w/o layers/tables, or is it feasible for me to have
    someone who knows HTML just come in and fix the actual HTML code
    for me to make it all work?
    Ideally, I just want something to help me fix this problem
    w/o having to hire someone else to come in, cause I've been working
    this site for about a year now and am just now finally getting it
    up online only to find that the way it looks online is not the way
    it looks in Dreamweaver. I'd really really appreciate any
    suggestions/advice.
    Thank you so much!

    Hello,
    The first bit of advice, which you may already be doing, it
    to learn HTML
    and CSS.
    CSS is used to style and position elements.
    Instead of adding numerous   to add spacing, for
    example, you can use
    CSS to add margins or padding to elements to move them away
    from other
    elements.
    Also, IMHO there is nothing wrong with using tables,
    specially as you learn.
    You can also use <divs> and CSS to position them (a
    table-less layout).
    There are a number of threads in this forum comparing them
    and giving many
    designer's views.
    It's Dreamweaver's "Layout Mode" you should stay away
    from.Use "Standard
    Mode"
    It creates tables with rowspanss and colspans that are very
    fragile.
    Something as simple as a user having a different text size
    setting in their
    browser than what you had in yours when you designed can make
    the page break
    apart.
    More info:
    http://apptools.com/rants/spans.php
    Also, "Layers" are an older DW term for AP Divs (Absolutely
    Positioned).
    They can cause you a lot of frustration.
    More info:
    http://apptools.com:80/examples/pagelayout101.php
    I would strongly suggest you take a couple of hours to do
    these tutorials.
    They are a great introduction to using CSS, making a
    stylesheet and using
    DW's "wizards".
    They are very well written, illustrated and easy to follow.
    I promise you will walk away with a different outlook on how
    you can design
    a page.
    They are not intended to replace learning HTML or CSS in any
    way, I just
    think it will benefit you greatly seeing what you can do.
    http://projectseven.com/tutorials/css/css_td/index.htm
    http://projectseven.com/tutorials/css/qdmacfly/index.htm
    I hope that helps.
    Take care,
    Tim
    "darkpwca" <[email protected]> wrote in
    message
    news:[email protected]...
    > I'm reading a lot about how we should not use layers and
    tables when
    > creating a
    > website in Dreamweaver because of something called
    "absolute placement"
    > (or
    > something), which is the reason the text in my website
    is constantly
    > misaligned
    > or overlapping when opened up in Firefox. Although, I've
    never had this
    > problem
    > before for the past three years I've been using
    Dreamweaver to create my
    > sites,
    > which is what's most frustrating I think.
    >
    > So, I guess I'm wondering how, then, do I create a
    webpage in Dreamweaver
    > WITHOUT using layers and tables? The only thing I've
    been able to do w/o
    > layers/tables is to literally hit "enter" and "tab"
    continuously until the
    > cursor is somewhere close to where I want it to be on
    the page. But that
    > seems
    > a little old-school (for lack of a better term) to
    really be the way to do
    > it.
    >
    > Also, if I've used a lot of layers/tables already in my
    website, is the
    > general recommendation for be to rebuild my site
    completely w/o
    > layers/tables,
    > or is it feasible for me to have someone who knows HTML
    just come in and
    > fix
    > the actual HTML code for me to make it all work?
    >
    > Ideally, I just want something to help me fix this
    problem w/o having to
    > hire
    > someone else to come in, cause I've been working this
    site for about a
    > year now
    > and am just now finally getting it up online only to
    find that the way it
    > looks
    > online is not the way it looks in Dreamweaver. I'd
    really really
    > appreciate any
    > suggestions/advice.
    >
    > Thank you so much!
    >

  • Using PSP with Dreamweaver

    Using Dreamweaver to create PSP pages can become effortless and allow developers to rapidly generate thin-client, web based applications. Anything that can be accomplished with an ASP, PHP, JSP or any type of dynamic web page that also incorporates Javascript, can easily be created with PSP.
    I've proven to management at my company that given similar application requirements, writing and deploying PSP pages is a much faster development cycle. And, in ALL cases, execution time is much faster and with a smaller application footprint.
    When using these scripts together with Dreamweaver you can create a Rapid Application Development environment all by using PL/SQL Server Pages.
    The batch file LOAD_PSP.bat will create a PSP file from your HTM file, creates a timestamped backup copy, and loads the PSP file into the database - all fast and easy.
    Copy these batch files to your development directory and create a backup directory called Backup. Simply modify these batch files by adding the service name of your database to DB_NAME and adding your development username and password to the PSP_CONNECT variables. You should also change the path of your Oracle Home for the ORACLE_HOME variable as well.
    To use these batch files, simply open a DOS Window and change it to your development directory where the batch files reside. Execute the batch files with the syntax, "LOAD_PSP web_page [optional connect string]" and the batch file will execute (don't add the .htm extension).
    To allow you to maintain some sense of versioning, use the CH_PSP.bat script. This script simply adds a CHKPNT extension to the file name in the Backup folder. The reason for this is that LOAD_PSP will still copy PSP backup files of those compilations that fail and these should be removed. When you application is working, you can create a "CHECKPOINT" of the PSP file that you know works. This allows you to only maintain backup copies that you know work. Simply use the syntax "CH_PSP web_page". To perform a CHECKPOINT on all files in a folder, use the syntax "CH_PSP /ALL".
    To view help for each, simply run the batch file followed by a /? or /help.
    In closing, challenge a Java developer to create a dynamic, web-based, database driven app from scratch and win the top 3 challenges: Development time, size of application and speed of the application. I'll bet the PSP app wins all 3 every time.
    ---------------- Start LOAD_PSP.bat ----------------
    @echo off
    REM Program     : LOAD_PSP.bat
    REM Purpose     : Copies HTM file to PSP; Uploads PSP File to Database
    REM Author     : Edward Girard
    REM Email : [email protected]
    REM Created     : August 15, 2003
    REM Updated     : September 30, 2003
    REM
    REM Syntax     : LOAD_PSP <html file> <Connect String>
    REM <html file>> - HTML file to convert. Don't include .htm extension
    REM          <Connect String> - database connect string [OPTIONAL]
    REM
    REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
    REM Files must end in .htm; NOT .html
    REM
    REM History     : 19-AUG-03 EJG; Added Connect String Argument
    REM 30-SEP-03 EJG; Create Backup Copy using date and time
    REM
    REM Set Environment Variables
    set DB_NAME=service_name
    set PSP_CONNECT=username/password@%DB_NAME%
    set ORACLE_HOME=C:\oracle\ora817
    set BACKUP_FOLDER=Backup
    if (%2) ==() goto endCase
    set PSP_CONNECT=%2%
    :endCase
    REM Set the DATE and TIME Variables
    for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
    set TIME=
    for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
    REM Generate Backup File Name
    set BACKUP=%1_%DATE%_%TIME%.htm
    REM Check if ORACLE_HOME has been set
    if (%ORACLE_HOME%) == () goto nohome
    REM Check for PSP Argument
    REM if not (%1) == () goto no_psp_file
    if "%1%" == "" goto no_psp_file
    REM Load PSP Files
    cls
    set HTM_FILE=%1%.htm
    set PSP_FILE=%1%.psp
    echo. ********************************************************
    echo.
    echo. Creating %psp_file% from %htm_file%
    echo.
    echo. ********************************************************
    echo.
    echo. Creating Backup Copy ....
    copy %HTM_FILE% %BACKUP_FOLDER%\%BACKUP% /Y
    echo.
    echo. Copying %HTM_FILE% to %PSP_FILE% .....
    copy %HTM_FILE% %PSP_FILE% /Y
    echo.
    echo. Uploading %psp_file% to database .....
    echo.
    loadpsp -replace -user %PSP_CONNECT% %1%.psp
    if not %errorlevel% == 0 goto error_exit
    echo.
    echo. ********************************************************
    echo.
    echo. %psp_file% uploaded to database Successfully
    echo.
    echo. ********************************************************
    goto exit
    REM ===========================================================
    REM Error Processing
    :no_psp_file
    echo.
    echo PSP File Argument Missing
    echo.
    echo Syntax: LOAD_PSP htm_file [Connect_String]
    echo. htm_file - HTM file to convert.
    echo. Don't include .htm extension
    echo. Connect_String - Database connect string [OPTIONAL]
    echo.
    echo Default Connect String: %PSP_CONNECT%
    echo.
    goto exit
    :nohome
    echo.
    echo ORACLE_HOME environment variable is not set
    echo.
    goto exit
    :error_exit
    echo.
    echo Script Exited with an Error
    echo.
    goto exit
    :exit
    endlocal
    set DB_NAME=
    set PSP_CONNECT=
    set HTM_FILE=
    set PSP_FILE=
    set BACKUP=
    set BACKUP_FOLDER=
    set TIME=
    set DATE=
    REM ======================================================================
    ----------------- Load LOAD_PSP.bat ----------------
    ----------------- Start CH_PSP.bat -----------------
    @echo off
    REM Program     : CP_PSP.bat
    REM Purpose     : Adds CheckPoint Flag to PSP File in Backup
    REM Author     : Edward Girard
    REM Email : [email protected]
    REM Created     : February 6, 2004
    REM Updated     : February 6, 2004
    REM
    REM Syntax     : CP_PSP <htm file> </all>
    REM <htm file>> - HTML file to convert. Don't include .htm extension
    REM          </all> - Checkpoints all PSP Files [OPTIONAL]
    REM
    REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
    REM Files must end in .htm; NOT .html
    REM
    REM /ALL Option Copies only HTM files that have a associated PSP
    REM
    REM History     :
    REM
    REM Set Environment Variables
    set BACKUP_FOLDER=Backup
    REM Set the DATE and TIME Variables
    for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
    set TIME=
    for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
    REM Check for PSP Argument
    if "%1%" == "" goto no_psp_file
    if "%1%" == "/?" goto help
    if "%1%" == "/help" goto help
    if "%1%" == "/all" goto chpt_all_files
    if "%1%" == "/ALL" goto chpt_all_files
    REM Generate Checkpoint File Name
    set CHECKPOINT=%1_%DATE%_%TIME%_CHKPNT.htm
    REM Load PSP Files
    cls
    set HTM_FILE=%1%.htm
    echo. ********************************************************
    echo.
    echo. Creating %CHECKPOINT% from %htm_file%
    echo.
    echo. ********************************************************
    echo.
    echo. Creating CheckPoint Copy ....
    copy %HTM_FILE% %BACKUP_FOLDER%\%CHECKPOINT% /Y
    echo.
    echo.
    if not %errorlevel% == 0 goto error_exit
    echo.
    echo. ********************************************************
    echo.
    echo. %htm_file% Check Point Token Added Successfully
    echo.
    echo. ********************************************************
    goto exit
    REM ======== Check Point All Files ============================
    :chpt_all_files
    echo. /ALL Selected
    REM Copy Only PSP files related to HTM Files
    for /F "delims=." %%z in ('dir /b *.psp') do copy %%z.htm %BACKUP_FOLDER%\%%z_%DATE%_%TIME%_CHKPNT.htm
    goto exit
    REM ===========================================================
    REM Help and SyntaxProcessing
    :help
    echo.
    echo.Command: Checkpoint PSP
    echo.
    echo.Purpose: Adds a Checkpoint token (CHKPNT) to backed up htm files
    echo.
    :no_psp_file
    if "%1%" == "" echo PSP File Argument Missing
    echo.
    echo Syntax: CP_PSP htm_file [Connect_String]
    echo. htm_file - PSP file to Checkpoint.
    echo. Don't include .htm extension
    echo. /all - Checkpoint All PSP Modifier [OPTIONAL]
    echo.
    echo.
    goto exit
    :error_exit
    echo.
    echo Script Exited with an Error
    echo.
    goto exit
    :exit
    endlocal
    set DB_NAME=
    set PSP_CONNECT=
    set HTM_FILE=
    set PSP_FILE=
    set BACKUP=
    set BACKUP_FOLDER=
    set TIME=
    set DATE=
    REM ======================================================================
    ------------------ Load CH_PSP.bat -----------------

    Yes, I can bring the CF administrator screen. It asked me for
    a password, the one I entered during the install of CF.
    No I have created a mdb database and in the administrator
    screen I registered the data source.
    I am using the built-in CF web server.
    I was trying to create a directory for a testing web page (
    just to get me started...) in my computer, tipically in the
    "myDocuments" folder and then upload it to the CFweb server.
    Now I am reading the CF documentation in the adobe site,
    using the samples they provide.
    I guess it will be a long way to learn but I will do it
    Thanks
    Rui

  • After adding a flashfile .swf into a dreamweaver page and trying to run it, I get an error message related to Javascript

    after adding a flashfile .swf into a dreamweaver page and trying to run it, I get an error message related to Javascript
    I have no trouble viewing other websites with (most likely), flashfiles.
    Here is the the PopUp message:
    "Adobe-warning Adobe Flash PLayer has stopped a potentrially unsafe operation......"

    In newer versions of Flash Pro, you can export to HTML5 Canvas, that's probably what they're talking about: Flash Professional Help | Creating and publishing an HTML5 Canvas document
    .FLV and .SWF are Flash formats that won't show up on iOS (or an ever increasing number of other mobile devices). Mobile Flash was killed by Adobe a couple years ago, so the number of mobile devices that can see it is dwindling rapidly, don't use those formats if you want your viewers on mobile devices to see your content.

  • Fedex can only be used with dreamweaver using metric, not pounds (lbs)

    Fedex can only be used with dreamweaver using metric, not pounds (lbs), evidently?
    This as per their tier 2 tech suport.
    They say I should just convert to metric, no joke!
    Any ideas would be greatly appreaciated?
    Also a warning to anyone thinking of using business catalyst for their site, sorry, their business.
    Their note to me:
    Your request (# 82816) has been solved. To reopen this request, reply to this email or go to the Help & Support page.
                  Silviu Ghimposanu (Adobe Business Catalyst Support)           
                  Apr 14 15:23           
        Thanks for contacting us Michael  
    Our engineering team has detected some problems when doing weight conversions (from the quantities entered in the interface to what’s used when making the API calls to FedEx) -
      He have added this to our internal bug tracker to be fixed for one of the future releases. 
        I realise that this might not be what you wanted to hear,but at this moment we do't have a workaround in order to send the
      dimensions in pounds and not in KG 
        Sorry for this inconvenience!
      Kind regards, 

    If you're in US it will be in pounds. If your site is set any other country
    in the rest of the world it will be metric. So BC or as you call it
    Dreamweaver will look at the site country, which you set when creating the
    site

  • What is the best video format to use with Dreamweaver CS5.5

    My client has asked what format to convert their video to before sending it to me to be placed on their homepage. I'm using DreamWeaver CS5.5 with an HTML5 template - trying to steer clear of Flash for this new site. On other sites, I embed videos from their hosting site (YouTube, SchoolTube, etc).
    My question to the forum is what is the best way (and prefered format) now days to insert a video onto a webpage using DreamWeaver CS5.5 and HTML5. I have the Adobe Web Premium package.

    In the chapter on video in Dive Into HTML5 it says this:
    There is no single combination of containers and codecs that works in all HTML5 browsers.
    This is not likely to change in the near future.
    To make your video watchable across all of these devices and platforms, you’re going to need to encode your video more than once.
    And a suggested workflow:
    For maximum compatibility, here’s what your video workflow will look like: 
    Make one version that uses WebM (VP8 + Vorbis).
    Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.
    Make another version that uses Theora video and Vorbis audio in an Ogg container.
    Link to all three video files from a single <video> element, and fall back to a Flash-based video player.
    I think that your starting point is to consider your target audience.
    Martin
    http://diveintohtml5.info/video.html

  • Strange problem with Dreamweaver Pop-Up menus

    Hello:
    I have encountered a very strange problem with DreamWeaver
    pop-up menus, and I was wondering if I could get some help from
    this forum, as I can't seem to find an answer anywhere else.
    The problem involves use of DreamWeaver's pop-up menu
    behavior — all works as expected, and my local preview of the
    Web page/site works fine, but when I upload the site to a server, I
    see extra question mark and "box" characters added to my drop-down
    menus. This problem is inconsistent between browsers: Sometimes I
    see it only on IE, sometimes I also see it on Firefox.
    For example, check out the following URLs:
    http://libertycreativesolutions.net/clients/cci/
    ... this implementation of drop-down menus ("Services"
    button, etc.) displays an extra "box" character for each of the
    drop-down menu items, but this only occurs in IE -- Firefox is
    fine.
    http://libertycreativesolutions.net/clients/microtek/HTML/MicroTek_home.html
    ... this implementation of drop-down menus shows an extra
    question mark above the triggering link onMouseOver for Firefox,
    and in IE, it shows this "box" character for both the triggering
    buttons and for each menu item.
    For both of these sites, the pop-up menus work without a
    problem *when I'm looking at a local version on my workstation*.
    What in the Wide Wide World of Sports is going on here????
    Any help for this problem is appreciated.
    Note that I stripped out the JavaScript code for menu
    information from the <head></head> area of each of
    these pages and placed it in a linked JavaScript document.
    HELP!

    First, you need to read this, written by the person who
    adapted that menu
    code for Macromedia -
    http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
    Then you need to know that there are MUCH better ways to do
    such things -
    Check the uberlink and MacFly tutorials at PVII -
    http://www.projectseven.com/
    and the Navbar tutorial/articles at Thierry's place
    http://tjkdesign.com/articles/dropdown/
    Or this one (more recent article):
    http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
    Or to get it done fast, go here -
    http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Pomond69" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hello:
    > I have encountered a very strange problem with
    DreamWeaver pop-up menus,
    > and I
    > was wondering if I could get some help from this forum,
    as I can't seem
    > to
    > find an answer anywhere else.
    >
    > The problem involves use of DreamWeaver's pop-up menu
    behavior ? all works
    > as
    > expected, and my local preview of the Web page/site
    works fine, but when I
    > upload the site to a server, I see extra question mark
    and "box"
    > characters
    > added to my drop-down menus. This problem is
    inconsistent between
    > browsers:
    > Sometimes I see it only on IE, sometimes I also see it
    on Firefox.
    >
    > For example, check out the following URLs:
    >
    >
    http://libertycreativesolutions.net/clients/cci/
    > ... this implementation of drop-down menus ("Services"
    button, etc.)
    > displays
    > an extra "box" character for each of the drop-down menu
    items, but this
    > only
    > occurs in IE -- Firefox is fine.
    >
    >
    http://libertycreativesolutions.net/clients/microtek/HTML/MicroTek_home.html
    > ... this implementation of drop-down menus shows an
    extra question mark
    > above
    > the triggering link onMouseOver for Firefox, and in IE,
    it shows this
    > "box"
    > character for both the triggering buttons and for each
    menu item.
    >
    > For both of these sites, the pop-up menus work without a
    problem *when I'm
    > looking at a local version on my workstation*.
    >
    > What in the Wide Wide World of Sports is going on
    here???? Any help for
    > this
    > problem is appreciated.
    >
    > Note that I stripped out the JavaScript code for menu
    information from the
    > <head></head> area of each of these pages
    and placed it in a linked
    > JavaScript
    > document.
    >
    > HELP!
    >

  • My webpage with parallax scroll effects flickers in internet explorer 11. How can I fix this?

    My webpage with parallax scroll effects flickers in internet explorer 11, when using the mouse wheel or the arrows in the scroll bar - Parcerias | Agrupamentos de Escolas | EEA | DGE
    It works fine in firefox, chrome and safari.
    How can I fix this?
    Thank you

    Hi FilipaG,
    Unfortunately there isn't much you can do. This is a performance issue with IE 11, so the only current way to make the site less jittery is to have fewer effects or group objects with the same effect then apply the motion to the group. Sorry for the inconvenience. You can also post in our feature requests section how you'd like to see easing added to Muse, because that would move all of the objects together much more smoothly than they do currently. Chrome and Firefox in particular have great built in easing so these sites usually look better on them.
    Thanks,
    Dana

  • It is increasingly unbearable working with Dreamweaver

    It is increasingly unbearable working with Dreamweaver, every time I work using tables, adding links in the tab "layout" program stuck, literally has multiple problems with apple magic mouse and you need to pay monthly for something gives me a lot of problems, I can not work like this ... any solution? ... thanks in advance.

    Which ver of DW?
    Which operating system?
    Is this true of all sites or just this one?
    Are you working with valid code?
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    JavaScript - http://www.jslint.com/
    PHP -  http://phpcodechecker.com/
    What happens if you create a new site definition and then create a new, blank html page?  Type some text.  Save.  How is your performance now?
    Nancy O.

  • Flash button doesn't work when used with Dreamweaver CS4

    I am a student trying to learn how to take multimedia elements from one class and put them on a webpage using Dreamweaver CS4. From an online tutorial, I created start/stop buttons with ActionScript3 URLRequest to reference a sound file. The swf works fine when played; it plays from the html generated by flash but when I use Dreamweaver CS4 > insert > media > swf  and then preview page in browser (firefox), the button doesn't do anything. When I compare the html page generated by flash to the html created by Dreamweaver, they look completely different. I don't have a clue what to do next.
    I have also posted this in the Dreamweaver forum. Please, does anyone have a solution?

    Thanks for the response! What bothers me is that I was able to use Dreamweaver > insert.... swf on a different file with actionscrip2 controls (thanks to help from Ross Ritchey) but this time the swf has actionscript3 code in it and I was wondering if that makes a difference. I don't get any errors, the button shows as clickable, just nothing happens. Thank you for the suggestion, however the flash html but it is so MASSIVE! It makes looking at the rest of the page difficult and I have several sound files I wanted to add to one webpage.

  • 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
    >

Maybe you are looking for