@charset "utf-8";
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Custom Style */
body {background: url(../images/bg-grad.jpg) top left repeat-x #fff; font-family: arial;}
#container {width:930px; margin:10px auto; background-color:#fff; padding:15px;}
#header {width:910px;padding:10px; clear:both; border-bottom: 1px solid #333366;}
#contentcontainer {width:100%; clear:both;}
#footer {width:910px;padding:5px;clear:both; height: 12px; background: #333366; color: #FFF; padding: 10px; font-size: 10px;}

h1 {font-size:24px; color:#2E3192; margin-top: 20px;margin-bottom:10px; font-weight: bold;}
h2 {font-size:18px; color:#2E3192; margin-top: 5px; margin-bottom: 20px; font-weight: bold;}
p {font-size: 14px; line-height: 18px; margin-bottom: 15px;}
b, strong {font-weight: bold;}
.clear {clear: both;}
#strapline {font-size:20px;color:#2E3192;}
.imageright {height: 419px; width: 316px; float: right; display: block;}
#content {width: 590px; float: left; height: auto; display: block;}

.cta {display: block; width: 588px; height: 86px ; background: url(../images/cta.jpg) top left no-repeat; margin-top: 20px;}
.phone {float: right; width: 300px; height: 86px; font-weight: bold; font-size: 18px; text-align: right; color: #333366;}

/* contact */
table {font-size: 12px; width: 100%;}
table#contact td { padding: 6px; background-color:#f7f7f7; font-size: 10px;} 
table#contact th { padding: 6px; background-color:#E9E9E9; text-align: left; font-weight: normal; }
table#contact_success { border: 2px solid #a0e19d; background-color: #ccffd6; margin-bottom: 30px; width: 500px; }
table#contact_err { border: 2px solid #ff8181; background-color: #ffcccc; margin-bottom: 30px; }
p#err_str { margin: 6px 30px; font-weight: bold; }

/* form elements */
input[type="submit"], input[type="submit"]:active, input[type="button"], input[type="button"]:active {
background:transparent url(images/button.gif) repeat-x scroll 0pt; border: 1px solid #999; color:#333333; cursor:pointer; display:block; font-size:12px; height:25px; margin:5px 10px 5px 0pt; padding:0pt 15px 3px 15px; text-decoration:none; white-space:nowrap; width:auto; }

