div.slicknav_menu {display:none;}
        .nav { border-bottom: 0; margin: 0; background-color: #0CF; }
        .nav li a { display: block; text-decoration: none; padding: 0.75em; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }
        .nav { border: 0; }
        .nav ul { background: #0CF; margin-top: 0; list-style: none; padding-left: 0px; }
        .nav li { float: left; position: relative; }
        .nav li a { border-bottom: 0; }
        .nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; }
        .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
         .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
        .nav li:hover > ul { top: auto; visibility: visible; }
        /* ########################
        Content styles
        ######################## */
        main#main img { max-width: 100%; height: auto; }
        img.alignright { float: right; margin: 0 0 1em 1em; }
        img.alignleft { float: left; margin: 0 1em 1em 0; }
        img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
        .alignright { float: right; }
        .alignleft { float: left; }
        .aligncenter { display: block; margin-left: auto; margin-right: auto; }


/*==================== Nav ====================*/
    .nav { float: right; background: none; margin-top: 30px; }
    .nav ul { background: none; }
    .nav ul a { color: #000; }
    .nav ul a:hover { color: #000; }
    .nav ul li:last-of-type a { padding-right: 0px; }

/*==================== Body ====================*/
    .wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
    .wp-block-image.size-full { margin-bottom: 30px; padding: 5px; background-color: #00aade; }
    .wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; }
    .article-header img { padding-bottom: 1.5em; }



/*==================== Home Page ====================*/
    .blog-grid { justify-content: space-between; }
    .blog-grid .d-1of3 { width: 30%; flex-basis: 30%; }
    .blog-grid h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; }
    .blog-grid p.post-date { padding-bottom: 5px; font-size: 0.8em; }
    .blog-grid p.post-excerpt { font-size: 0.8em; }

    .blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }

/*==================== Pagination ====================*/
    .pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
    .pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;}
    .pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
    .pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: white !important; }
    .pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
    .pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: white !important; }


Reduce the cost of a new website / redesign

When it comes to looking at a new website or a redesign the biggest issue is the cost of the project, but there are several things you can do to help reduce this by making it easier for your web developer to get on with the ‘real’ work. This comes down to the age old saying ‘time is money’, in other words the longer the developer spends on your project the more it is going to cost.

Site plan / site map

The first thing you can do is to have a good idea of the layout of your website – not the page design itself but the site structure, this is called a site plan and lets the developer know how many pages you require and in what order they need to be on the website. A site plan can be a simple indented list or a flow chart diagram – as long as it clearly defines which pages go where it will be suitable, a common aid web developers and designers use when planning a site map is to write all of the pages on sticky notes and use a large table / wall to place them in the correct order as they can be easily moved around before a final site map is created.

This step benefits the process because the developer can take the number of pages into account before they start the design which ensures the design caters for all of the pages, it also means that development is not stalled with the developer waiting for you to decide which pages you want and reduces the chances of having to go back and add or remove pages later on in the project.

Copy

The next thing you can do to help reduce development time is have the copy ready for the developer to drop into place, this will help prevent the development stalling when the copy is needed but will also mean the copy can be dropped in as the pages are created which speeds up the process.

The way in which you provide the copy also effects the amount of time it takes to process it – for example its important to make it clear which pages the copy is meant for with files names or headings as having to stop and work out which page the copy needs to go on will slow down the development and cost more in the long run. Make sure the copy has been reviewed for spelling and that it is relevant and up-to-date – especially if your lifting the copy from an old website.

Also make sure you provide the copy in a digital format and not handwritten or printed out! as the developer will need to copy this out instead of simply copying and pasting it into the website.

Images

Any images you are going to use on your website should be ready to go so that the developer has access to all of them when they start working to prevent the project stalling – if the images are to large to email or if you have allot of them pop them onto a pen drive / CD and post it with enough time for it to reach the developer or make use of services such as Drop Box.

Images that are for specific pages or products should be identified – place them in folders with the copy for the page or name the files by the product code to make it easy for the developer to locate the images that go with a specific page.

Research

This is an important step as it helps you define exactly what it is you want from the website both from the design and the features of the website itself – having a good understanding of what it is you want will enable the developer / designer to better meet your needs with the design of the site itself but also with the features and functionality the site has.

Spend some time before you meet with your web developer looking at the design of other websites (particularity in your industry) and what features they offer, narrow it down to 3 of your favourites and take them with you so that you can discuss what you like about them and why you like it.

Having a list of features you want your website to have will help the developer get to grips with you website and quote you on how much the features will cost -a good idea is to put them into three categories 1)  Must have 2) could have 3) would be nice to have. This will let the developer know your priorities and if there is time left in the project work on the additional feature you would benefit from the most.