/**********************************************************************
 Main
 *********************************************************************/
/*stops font from being enlarged in chrome android*/
html * {
	max-height:1000000px;
}
body {
    background-color: #F9F0D9;
    margin: 0;
    padding: 0;
}
img, img a {
    border: 0;
    outline: none;
}
#wrapper {
    width: 940px;
    margin: 10px auto 0 auto;
}
#innerWrapper {
    float: left;
    height: 100%;
    width: 900px;
    padding: 0 20px 0 20px;
    background-color: #FFF;
    -webkit-box-shadow: 5px 4px 23px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    5px 4px 23px 0px rgba(50, 50, 50, 1);
    box-shadow:         5px 4px 23px 0px rgba(50, 50, 50, 1);
}
h1 {
    margin: 8px 0 30px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #003768;
}
h2 {
    margin: 30px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #003768;
}
h3 {
    margin: 8px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #003768;
    background: #9e8d63; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiM5ZThkNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2M2ZTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #9e8d63 37%, #7c6e48 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#9e8d63), color-stop(100%,#7c6e48)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9e8d63 37%,#7c6e48 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8d63', endColorstr='#7c6e48',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.76);
    -moz-box-shadow:    3px 3px 5px 0px rgba(0, 0, 0, 0.76);
    box-shadow:         3px 3px 5px 0px rgba(0, 0, 0, 0.76);
}
/**********************************************************************
 Header
 *********************************************************************/
header {
    width: 940px;
    height: auto;
    float: left;
}
header img, img a {
    border: 0;
    outline: none;
}
/**********************************************************************
 Navigation
 *********************************************************************/
nav#mainNav {
    width: 940px;
    height: 36px;
    float: left;
    margin-bottom: 10px;
}
nav#mainNav ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
nav#mainNav ul li{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    margin-right: 6px;
    background: #9e8d63; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiM5ZThkNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2M2ZTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #9e8d63 37%, #7c6e48 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#9e8d63), color-stop(100%,#7c6e48)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9e8d63 37%,#7c6e48 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8d63', endColorstr='#7c6e48',GradientType=0 ); /* IE6-8 */
}
nav#mainNav ul li a{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
}
nav#mainNav ul li a:hover{
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #DBCFB1;
}
/**********************************************************************
 Main section
 *********************************************************************/
section#main {
    width: 900px;
    float: left;
}
#topRightGraphic {
    width: 280px;
    height: 280px;
    float: left;
    margin-left: 10px;
    background: #9e8d63; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM5ZThkNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM5ZThkNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2M2ZTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #9e8d63 52%, #9e8d63 52%, #7c6e48 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#9e8d63), color-stop(52%,#9e8d63), color-stop(100%,#7c6e48)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9e8d63 52%,#9e8d63 52%,#7c6e48 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9e8d63 52%,#9e8d63 52%,#7c6e48 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9e8d63 52%,#9e8d63 52%,#7c6e48 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9e8d63 52%,#9e8d63 52%,#7c6e48 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8d63', endColorstr='#7c6e48',GradientType=0 ); /* IE6-8 */
}
#slideContainer {
    width: 610px;
    height: 280px;
    float: left;
}
#rightGraphicContainer {
    float: right;
    width: 280px;
    text-align: center;
}
.rightGraphic {
    float: left;
    width: 280px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    color: #003768;
    font-family: arial;
    position: relative;
}
.rightGraphicLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rightGraphic img {
    margin: 0;
    padding: 0;
    display: block;
}
.rightGraphicText {
    float: left;
    width: 270px;
    height: 32px;
    padding: 5px 5px 5px 5px;
    color: #fff;
    background-color: #A29061;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    position: relative;
    background: #9e8d63; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiM5ZThkNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2M2ZTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #9e8d63 37%, #7c6e48 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#9e8d63), color-stop(100%,#7c6e48)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9e8d63 37%,#7c6e48 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9e8d63 37%,#7c6e48 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8d63', endColorstr='#7c6e48',GradientType=0 ); /* IE6-8 */
}
.rightGraphicText img {
    position: absolute;
    left: 220px;
    top: 1px;
}
#mainContent {
    float: right;
    width: 590px;
    margin: 10px 10px 10px 0;
    padding: 10px;
    color: #43526B;
    font-family: Arial, Helvetica, sans-serif;
    list-style-image: url("../images/arrowBullet.png");
}
#mainContent a {
    color: #003768;
    text-decoration: none;
}
#mainContent a:hover {
    color: #236AA8;
    text-decoration: none;
}
#mainContent ul {
    margin: 5px 0 0 50px;
    padding: 0;
}
#mainContent img, img a {
    border: 0;
    outline: none;
}
#bottomLogos {
    float: left;
    width: 100%;
    padding: 20px 0 0 20px;
    text-align: center;
}
#wykamolLogo {
	
}
#checkATradeLogo {
	
}
#addressContainer {
    border-top: solid 1px #003768;
    border-bottom: solid 1px #003768;
}
#freeSurvey {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    color: #003768;
}
#quotesEnquiries {
    margin-top: 20px;
}
/**********************************************************************
 Contact Form
 *********************************************************************/
form#contactForm {
    float: left;
    width: 100%;
    margin-top: 20px;
}
#Full_Name, #Email_Address, #Telephone_Number, #Your_Message, #AntiSpam, #Button {
    float: left;
    clear: left;
    padding-left: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #B2C5D5;
}
#Full_Name:focus, #Email_Address:focus, #Telephone_Number:focus, #Your_Message:focus, #AntiSpam:focus, #Button:focus {
   outline: 1px solid #003768;
}
#Full_Name, #Email_Address, #Telephone_Number {
    width: 200px;
    height: 20px;
    margin-bottom: 20px;
}
#Your_Message {
    width: 98%;
    height: 150px;
    margin-bottom: 20px;
    padding-top: 5px;
}
#AntiSpam {
    height: 20px;
    width: 80px;
    margin-bottom: 40px;
}
#Button {
    margin: 0;
    padding: 7px;
    overflow: visible;
    border: none;
    background-color: #003768;
    color: #fff;
    font-size: 22px;
    background: -moz-linear-gradient(top, rgba(162,144,97,1) 0%, rgba(124,110,72,1) 76%, rgba(124,110,72,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162,144,97,1)), color-stop(76%, rgba(124,110,72,1)), color-stop(100%, rgba(124,110,72,1)));
    background: -webkit-linear-gradient(top, rgba(162,144,97,1) 0%, rgba(124,110,72,1) 76%, rgba(124,110,72,1) 100%);
    background: -o-linear-gradient(top, rgba(162,144,97,1) 0%, rgba(124,110,72,1) 76%, rgba(124,110,72,1) 100%);
    background: -ms-linear-gradient(top, rgba(162,144,97,1) 0%, rgba(124,110,72,1) 76%, rgba(124,110,72,1) 100%);
    background: linear-gradient(to bottom, rgba(162,144,97,1) 0%, rgba(124,110,72,1) 76%, rgba(124,110,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29061', endColorstr='#7c6e48', GradientType=0 );
}
#Button:hover {
    padding: 7px;
    border: none;
    background-color: #003768;
    color: #DBCFB1;
    font-size: 22px;
}
.formTitle {
    float: left;
    clear: left;
    margin-bottom: 3px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #003768;
}
/*Placeholder colour for all browsers*/
::-webkit-input-placeholder {color:#B2C5D5; }
::-moz-placeholder { color:#B2C5D5; } /* firefox 19+ */
:-ms-input-placeholder { color:#B2C5D5; } /* ie */
input:-moz-placeholder { color:#B2C5D5; }
#thankYou {
    color: green;
    font-weight: bold;
}

/**********************************************************************
 Footer
 *********************************************************************/
footer {
    width: 900px;
    margin: 20px 0 0 0;
    padding: 10px 0 10px 0;
    border-top: solid 2px #A29061;
    float: left;
    color: #43526B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
}
footer img, img a {
    border: 0;
    outline: none;
}
footer a {
    color: #003768;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
footer a:hover {
    color: #236AA8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.footerBold {
    color: #43526B;
    font-weight: bold;
}
#designedBy {
    font-size: 10px;
}
#designedBy a{
    font-size: 10px;
    font-weight: bold;
}
#bottomMargin {
    float: left;
    width: 100%;
    height: 20px;
}