/* reset */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {

  border: 0;

  margin: 0;

  padding: 0;

  font-size: 100%; }



html, body {

  height: 100%; }



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block; }



b, strong {

  font-weight: bold; }



img {

  color: transparent;

  font-size: 0;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic; }



li {

  display: list-item; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



th, td, caption {

  font-weight: normal;

  vertical-align: top;

  text-align: left; }



q {

  quotes: none; }



q:before, q:after {

  content: '';

  content: none; }



sub, sup, small {

  font-size: 75%; }



sub, sup {

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sub {

  bottom: -0.25em; }



sup {

  top: -0.5em; }



svg {

  overflow: hidden; }



body {

    font-family: Arial;

    font-size: 15px;

    font-weight: normal;

    font-style: normal;

    text-decoration: none;

    color: #7F7F7F;

}



pre, code {

  font-family: 'DejaVu Sans Mono',Monaco,Consolas,monospace; }



hr {

  border: 0 #ccc solid;

  border-top-width: 1px;

  clear: both;

  height: 0; }



h1 {

  font-size: 25px; }



h2 {

  font-size: 23px; }



h3 {

  font-size: 21px; }



h4 {

  font-size: 19px; }



h5 {

  font-size: 17px; }



h6 {

  font-size: 15px; }



ol {

  list-style: decimal; }



ul {

  list-style: disc; }



li {

  margin-left: 30px; }



p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {

  margin-bottom: 20px; }



/* start grid */



body {

  min-width: 960px;

}



.container {

  margin-left: auto;

  margin-right: auto;

  width: 950px; }



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0; }



.clearfix:before, .clearfix:after, .container:before, .container:after {

  content: '.';

  display: block;

  overflow: hidden;

  visibility: hidden;

  font-size: 0;

  line-height: 0;

  width: 0;

  height: 0; }



.clearfix:after, .container:after {

  clear: both; }



.clearfix, .container {

  zoom: 1; }



.container .grid_24{width: 100%;}



form .control-group {

    width: 50%;

}

form .control-group .control-group {

    width: 100%;

}

form .control-group input,

form .control-group select{

    width: 90%;

}



/* end of grid system */



body {

    text-align: center;

    margin: 0;

    background-color: #EDEDFC;

    background-image: url(../images/chequer-plate.png);

    color: #000000;

}



.header-wrap {

    background: #336699;

}

#header {

    min-height: 167px;

    background: url(../images/blogheader950x250_07_08_20.jpg ) center no-repeat;

}

#header .logo {

    float: left;

    margin-top: 10px;

    margin-left: 75px;

}

#header .right-side {

    float: right;

}

#header .right-side h2,

#header .right-side h1,

#header .right-side p {

    margin: 0;

    color: #ffffff;

}

#header .right-side h2 {

    font-family:'Century Gothic';font-size:21px;

    font-weight: normal;

}

#header .right-side h1 {

    font-family:Arial;font-size:35px;

}

#header .right-side h1 img {

    padding-right: 20px;

}





#main-container {

    background: #ffffff;

}



#main-container .nav {

    border:none;

    border:0px;

    margin:0px;

    padding:0px;

    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

    font-size:19px;

    font-weight:bold;

    font-style:normal;

    background:#004080;

    height:35px;

    list-style:none;

    margin:0;

    padding:0;

}

#main-container .nav li{

    float:left;

    padding:0px;

    margin-left: 0;

}

#main-container .nav li a{

    background:#004080 url("../images/seperator.gif") bottom right no-repeat;

    color:#FFFFFF;

    display:block;

    font-weight:normal;

    line-height:35px;

    margin:0px;

    padding:0px 25px;

    text-align:center;

    font-style:normal;

    text-decoration:none;

}

#main-container .nav li a:hover, #main-container .nav ul li:hover a{

    background: #F8DD23 url("../images/hover.png") bottom center no-repeat;

    color:#282828;

    text-decoration:none;

}

#main-container .nav li ul{

    background:#333333;

    display:none;

    height:auto;

    padding:0px;

    margin:0px;

    border:0px;

    position:absolute;

    width:225px;

    z-index:200;

    /*top:1em;

    /*left:0;*/

}

#main-container .nav li:hover ul{

    display:block;



}

#main-container .nav li li {

    background:url('images/sub_sep.gif') bottom left no-repeat;

    display:block;

    float:none;

    margin:0px;

    padding:0px;

    width:225px;

}

#main-container .nav li:hover li a{

    background:none;



}

#main-container .nav li ul a{

    display:block;

    height:35px;

    font-size:16px;

    font-style:normal;

    font-weight:normal;

    margin:0px;

    padding:0px 10px 0px 15px;

    text-align:left;

}

#main-container .nav li ul a:hover, #main-container .nav li ul li:hover a{

    background:#2580a2 url('images/hover_sub.png') center left no-repeat;

    border:0px;

    color:#ffffff;

    text-decoration:none;

}

#main-container .nav p{

    clear:left;

}



#main-content-container {

    min-height: 370px;

    position: relative;

    z-index: 5;

    top: 0;

    float: left;

    margin-bottom: -100px;

    padding-bottom: 100px;

    background: #ffffff;

}

#bransBlog {

    position: absolute;

    bottom: 24px;

    margin-left: 20px;

    float: left;

    z-index: 10;

}

#contactUs {

    float: right;

    position: absolute;

    bottom: 0;

    right: 0;

    margin-right: 100px;

    z-index: 10;

}

#contactUs h2 {

    color: #ffffff;

    margin: 0;

    font-family: 'Century Gothic';

    font-weight: normal;

}

#main-content-container .bottombar {

    content: '';

    display: block;

    width: 950px;

    height: 40px;

    background: url(../images/main-content-footer.gif);

    position: absolute;

    bottom: 0;

}

#main-content-inner {

    padding: 30px 30px 0 30px;

    text-align: left;

    /*max-width: 680px;*/

    min-height: 250px;

}

#main-content-inner {

    color: #7f7f7f;

}



#footer-top {

    background: #336699;

    padding-top: 100px;

    min-height: 187px;

    position: relative;

    z-index: 1;

}



#footer .footer-left {

    max-width: 500px;

    float: left;

}

#footer .footer-left .awards {

    margin-top: 10px;

}

#footer .footer-left .awards img {

    position: relative;

    float: left;

    top: 0;

    margin-left: 10px;

}



#footer .footer-right {

    max-width: 450px;

    float: right;

    margin-right: 20px;

}

#footer .footer-right {

    color:#FFFFFF;

    font-family:Arial;

    font-size:15px;

    line-height: normal;

}

#footer .footer-right h2 {

    margin: 15px 0 0 0;

    color:#C0C0C0;font-family:Arial;font-size:35px;

    margin-bottom: -5px;

}

#footer .footer-right h2 img {

    padding-right: 10px;

}

#footer .footer-right p {

    margin-bottom: 10px;

}



#footer .footer-bottom {

    position: absolute;

    bottom: 0;

    margin-bottom: 10px;

    color: #ffffff;

}

#footer .footer-bottom a {

    color: #f7c910;

    text-decoration: none;

}

#footer .footer-bottom a:hover {

    text-decoration: underline;

}



.greybox {

    background: #e0e0e0;

    min-height: 190px;

    padding: 20px 20px 30px 20px;

    position: relative;

    margin-bottom: 30px;

}

.greybox:after {

    content: ' ';

    display: table;

    clear: both;

}

.greybox .button {

    position: absolute;

    bottom: 10px;

    right: 20px;

    margin: 0;

}



.underline-box {

    padding: 20px 0 30px 0;

    position: relative;

    margin-bottom: 30px;



}

.underline-box:after {

    content: ' ';

    display: table;

    clear: both;

}

.underline-box:last-child {

    margin-bottom: 0;

}

.underline-box h2 {

    padding-left: 10px;

    border-bottom: 1px solid #282828;

    margin-bottom: 10px;

}

.underline-box h2 img {

    padding-right: 20px;

}

.underline-box .button {

    position: absolute;

    bottom: 0px;

    right: 20px;

    margin: 0;

}



.greybox.quote,

.underline-box.quote {

    padding-bottom: 0;

    margin: 0;

}



.link-gallery {

    margin-left: -20px;

    margin-right: -20px;

}

.link-gallery h3 {

    margin-left: 20px;

}

.link-gallery p {

}

.link-gallery a {

    /* vertical align trick */

    position: relative;

    top: 0;bottom: 0;

    margin-right: 24px;

}

.link-gallery a:last-child {

    margin-right: 0;

}



/* work around for mobile device auto-fitting */

@media only screen and (max-device-width: 800px) {

    #content-sbBlog-post,

    #main-content-container div,

    #main-content-container p {

        background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);

        background-repeat:repeat;

    }

}