﻿body
{
    margin: 0 auto;
    padding: 0;
    background-image: url('images/Background.jpg');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    min-width: 1100px;
}
#menu1
{
    margin: 0 auto 0 auto;
    
    min-width: 1100px;
}
.main_back
{
    background-image: url('images/colourback.png');
    background-repeat: repeat;
    width: 1100px;
    height: 1391px;
    margin: 0 auto 0 auto;
}
.sub_back
{
    background-image: url('images/colourback2.png');
    background-repeat: repeat;
    width: 1100px;
    height: 1391px;
    margin: 0 auto 0 auto;
}
.fullback
{
    background-image: url('images/fullback.png');
    background-repeat: repeat;
    width: 1100px;
    height: 2100px;
    margin: 0 auto 0 auto;
}
#construction p
{
    background-color: #fff;
    color: #000;
}
#top_bar
{
    height: 10px;
    background: #333333;
    min-width: 1100px;
}

#top_tab
{
    height: 4px;
}
.Contacttbl
{
    width: 111%;
    margin: 0px 10px 10px 0px;
    height: 77px;
}
td.Label
{
    color: #fff;
    font-family: verdana;
    font-size: 8pt;
    text-align: right;
    padding-right: 5px;
    width: 120px;
}
td.Field
{
    width: 200px;
}
td.required
{
    width: 10px;
    color: #CC0000;
}

#top_tab img
{
    height: 65px;
    margin-top: 10px;
    margin-right: 100px;
    text-align: right;
    float: right;
}
#title
{
    min-width: 1100px;
    height: 112px;
    background-color: #fff;
}
#logo
{
    width: 239px;
    float: left;
    height: 85px;
    margin-left: 53px;
    margin-top: 15px;
}
#nav
{
    width: 507px;
    float: right;
    height: 81px;
    min-width: 483px;
    margin-left: 0px;
    margin-right: 20px;
    top: 40px;
}


#nav ul
{
    margin-top: 55px;
    margin-left: 155px;
    width: 547px;
    height: 32px;
    text-align: right;
}
#nav li
{
    display: inline;
    list-style-type: none;
    padding-right: 30px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    height: 80px;
}

#nav a:link
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    height: 80px;
}
#nav a:visited
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
/* Banner */
#banner
{
    /*background: #214b62;*/
    height: 272px;
    width: 100%;
    min-width: 1100px;
    z-index: -1;
}
img.bg
{
    height: 267px;
    width: 100%;
    min-width: 1100px;
    z-index: -1;
}
div#content
{
    width: 49.4em;
    height: 14.4em;
    left: 0px;
}
#contentleft
{
    position: relative;
    top: -16.8em; /*z-index: 1;*/
    width: 20em;
    float: left;
    left: 0px;
    height: 1px;
}
#contentleft h2
{
    font-size: 22px;
    font-style: italic;
    color: #c3e9ff;
    font-family: Verdana;
    width: 583px;
    margin: 95px auto 0 80px;
    height: 77px;
}

#contentright
{
    position: relative;
    top: -18.8em;
    margin-right: 190px;
    z-index: 1;
    width: 12.6em;
    float: right;
    left: 0px;
    height: 6px;
    bottom: 301px;
    padding-top: 30px;
    margin-top: 34px;
}

#menubanner
{
    /* background: url('../Images/Menubanner.png') repeat-x;*/
    width: 100%;
    min-width: 1100px;
    height: 40px;
    float: left;
    margin-top: -90px;
    z-index: 1;
}
#menubanner ul
{
    margin-top: 0px;
    margin-left: 40px;
    vertical-align: middle;
    text-align: center;
    min-width: 1100px;
    z-index: 1;
    top: 314px;
    left: 0px;
    height: 54px;
    width: 96%;
    text-align: center;
}
#menubanner li
{
    display: inline;
    list-style-type: none;
    padding-right: 100px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
#menubanner ul a:link
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    height: 60px;
}
#menubanner ul a:visited
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    height: 60px;
}
/*#intro
{
    font:verdana;
    font-weight:bold;
}*/
#intro h3
{
    font-size: 14px;
    line-height: 20px;
    color: #5e5c5c;
    font-style: italic;
    margin: 82px 100px auto 100px;
    font-family: Verdana;
}
#content
{
    margin-top: 112px;
    width: 100%;
    min-width: 1100px;
}
#contentSub
{
    margin-top: 23px;
    width: 100%;
    min-width: 1100px;
    height: 435px;
}

#contentSub h4
{
    color: #333333;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-top: 70px;
    margin-left: 76px;
    width: 246px;
}
#contentSub h5
{
    color: #1971a3;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-top: 20px;
    margin-left: 74px;
    width: 945px;
    text-align: left;
}
#contentSub h6
{
    color: #333333;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-top: 35px;
    margin-left: 76px;
    width: 246px;
}
#contentSub p
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    margin: 23px 10px 5px 76px;
    width: 957px;
    line-height: 20px;
}

#contentfull
{
    margin-top: 23px;
    width: 100%;
    min-width: 1100px;
    height: 1636px;
}
#contentfull 
{
    color: #333333;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-top: 80px;
    margin-left: 76px;
    width: 246px;
}
#contentfull h5
{
    color: #1971a3;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-top: 20px;
    margin-left: 74px;
    width: 945px;
    text-align: left;
}
#contentfull p
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    margin: 23px 10px 5px 76px;
    width: 957px;
    line-height: 20px;
}
#contentfull ul
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    margin: 0 10px 5px 76px;
    width: 957px;
}
#contentfull li
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    line-height: 15pt;
}

#content_left
{
    float: left;
    width: 33%;
    min-width: 363px;
    height: 237px;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
    background-position: top;
}
#content_middle
{
    float: left;
    width: 31%;
    min-width: 368px;
    height: 237px;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
    background-position: top;
}
#content_right
{
    float: right;
    width: 31%;
    min-width: 363px;
    height: 237px;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
    background-position: top;
}
#content h4
{
    color: #fff;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 71px;
    text-align: center;
    margin-top: 34px;
    vertical-align: middle;
    margin-left:-5px;
}
#content p
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    height: 78px;
    margin: 0 10px 5px 76px;
    width: 232px;
}
.links
{
    text-align: right;
}
.links a:link
{
    color: Maroon;
    font-family: Sans-Serif;
    font-size: 8pt;
}
.links a:visited
{
    color: Maroon;
    font-family: Sans-Serif;
    font-size: 8pt;
}
.serviceslinks a:link
{
    color: Maroon;
    font-family: Sans-Serif;
    font-size: 8pt;
}
.serviceslinks a:visited
{
    color: Maroon;
    font-family: Sans-Serif;
    font-size: 8pt;
}
#portfolio
{
    margin-top: 40px;
    width: 100%;
    min-width: 1100px;
    height: 316px;
}
#portfolio_left
{
    float: left;
    width: 33%;
    min-width: 363px;
    height: 237px;
    background-repeat: no-repeat;
    background-position: top;
}
#portfolio_middle
{
    float: left;
    width: 32%;
    min-width: 368px;
    height: 237px;
    background-repeat: no-repeat;
    background-position: 50% top;
}
#portfolio_middle a:link
{
    text-decoration: none;
    color: #fff;
}
#portfolio_middle a:hover
{
    color: #fff;
    text-decoration: underline;
}
#portfolio_middle a:visited 
{
    color: #fff;
    text-decoration: underline;
}
#portfolio_right
{
    float: right;
    width: 31%;
    min-width: 363px;
    height: 237px;
    background-repeat: no-repeat;
    background-position: top;
}
table#portfolio_right
{
    margin-right: 50px;
}
#portfolio
{
    margin-top: 40px;
    width: 100%;
    min-width: 1100px;
    height: 316px;
}
table.Contacttblmain
{
    color: #fff;
    font-family: Sans-Serif;
    font-size: 9pt;
    margin-left: 120px;
}

#portfolio h4
{
    color: #fff;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 71px;
    text-align: center;
    margin-top: 32px;
    vertical-align: middle;
}
#portfolio p
{
    font-family: Sans-Serif;
    font-size: 10pt;
    color: #333333;
    height: 78px;
    margin: 0 10px 5px 76px;
    width: 232px;
}
#portfolio ul
{
    margin-left: 131px;
    color: #fff;
    list-style: none;
    font-family: Sans-Serif;
    font-size: 9pt;
    line-height: 18pt;
}


img#sites
{
    margin-left: 40px;
    border:none;
}
h5
{
    color: #fff;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 43px;
    text-align: center;
    margin-top: 9px;
    vertical-align: middle;
    width: 355px;
}
#corplogos
{
    width: 100%;
    min-width: 1100px;
    height: 161px;
}
table#logo_table
{
    width: 100%;
    min-width: 1100px;
    margin: 29px 70px auto 28px;
}
/*Services page */

#servicesWrapper
{
    margin-top: 40px;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 22px;
    margin-left: 76px;
}
#servicesWrapper h6
{
    color: #fff;
    font-family: verdana;
    font-style: italic;
    font-size: 10pt;
    height: 50px;
    margin-top: 32px;
    margin-left: 50px;
    width: 945px;
    text-align: left;
    margin-bottom: 20px;
}
#servicesWrapper ul
{
    list-style-type: none;
        width: 300px;

}
#servicesWrapper li a { 
        color: #333333;
        display: block;
        
        padding: 5px;
        text-decoration: none;
}
#servicesWrapper li a:hover {
        background: #5c9ec4;
        color:#ffffff;


}


#servicesWrapper p
{
    
}

#first
{
    width: 25%;
    float: left;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
}


#second
{
    width: 25%;
    float: left;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
}
#third
{
    width: 25%;
    float: left;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
}
#fourth
{
    width: 25%;
    float: left;
    background-image: url('images/tear.png');
    background-repeat: no-repeat;
}
ul.services
{
    margin-left:30px;
}

#servicesWrapper li
{
    list-style-type: none;
    line-height:40px;
    width: 198px;
    height: 45px;
}
.PortfolioMain
{
   text-align:left;
}
#footer
{
    background-color: #266081;
    height: 84px;
    margin-top: -20px;
}
#footer_left
{
    float: left;
    width: 32%;
    min-width: 363px;
    height: 78px;
    background-repeat: no-repeat;
    background-position: 50% top;
}
.socialmedia 
{

        width: 100%;
    min-width: 363px;
    height: 55px;
    text-align: center;
    padding-top: 5px;
}
.socialmedia a:hover
{

        width: 100%;
    min-width: 363px;
    height: 55px;
    text-align: center;
    padding-top: 5px;
}
#footer_middle
{
    float: left;
    width: 32%;
    min-width: 368px;
    height: 71px;
    background-repeat: no-repeat;
    background-position: 50% top;
}
#footer_right
{
    float: right;
    width: 31%;
    min-width: 363px;
    height: 71px;
    background-repeat: no-repeat;
    background-position: top;
}
#footer p
{
    font-family: Sans-Serif;
    font-size: 8pt;
    vertical-align: middle;
    margin-top: 40px;
    color: #fff;
    text-align: center;
}

img#footer_left
{
    border: thin none #fff;
}
#footer ul
{
    color: #fff;
    list-style: none;
    font-family: Sans-Serif;
    font-size: 8pt;
    width: 123px;
    margin-left: 189px;
    margin-top: 20px;
    line-height: 18px;
    text-align:center;
}
#footer a:hover
{
        width: 100%;
    min-width: 363px;
    height: 55px;
    text-align: center;
    padding-top: 5px;
}
#footer a:visited
{
    color: #fff;
    list-style: none;
    font-family: Sans-Serif;
    font-size: 8pt;
    width: 123px;
    margin-left: 189px;
    margin-top: 20px;
    line-height: 18px;
}
#footer_right a:link
{
        color: #fff;
    list-style: none;
    font-family: Sans-Serif;
    font-size: 8pt;
    width: 123px;
    margin-left: 189px;
    margin-top: 20px;
    line-height: 18px;
    text-decoration:none;
}
#footer_right a:hover
{
        color: #fff;
    list-style: none;
    font-family: Sans-Serif;
    font-size: 8pt;
    width: 123px;
    margin-left: 189px;
    margin-top: 20px;
    line-height: 18px;
    text-decoration:underline;
}
