/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Verdana, sans-serif; border:none;}

a img,:link img,:visited img { border:none; }

address {font-style:normal;}

body {background-color:#97D5E4; font:Arial, Verdana, sans-serif; font-size:0.625em; margin: 0px; padding: 0px 0 0px 0; text-align:center; color:#000000;}

/* ---- Container ---- */
#container {position:relative;	width: 939px; margin: 0px auto 0px auto ; text-align:left; padding-left:15px;}

/* ---- Header ---- */
#header {width:924px; height:82px; position:relative; float:left;}
#header img {padding-top:0px;}
#header h2 {color:#0173B9; font-size:1.6em; font-weight:bold; position:absolute; top:51px; left:400px;}
#header h3 {color:#FFFFFF; font-size:1.8em; font-weight:bold; position:absolute; top:49px; right:15px;}

/* ---- Top Menu ---- */
#navbar001 {position:relative; float:left; width:924px; height:28px; background-image:url(images/navbar001.gif); background-repeat:no-repeat;}
#navbar001 ul {padding:3px 0 0 12px;}
#navbar001 ul li {float:left; color:#FFFFFF; padding-right:15px; font-size:1.3em; line-height:1.5em;}
#navbar001 ul li a {color:#FFFFFF;}
#navbar001 ul li a:hover {color:#003B8D;}
#navbar001 ul li a.current {color:#003B8D;}

/* ---- Content & Columns ---- */
#content {float:left; width:900px; background-image:url(images/background.gif); background-repeat:repeat-y; border:12px solid white; border-bottom:none;}
#column001 {float:left; position:relative; width:184px; padding:0 12px 0 0px;}
#column002 {float:left; position:relative; width:509px;}
#column003 {float:left; position:relative; width:183px; padding:0 0px 0 11px;}

/* ---- Column001 list menu control ---- */
ul#CMSListMenu1 {padding:7px 0 12px 8px; border-bottom:12px solid white;}
#CMSListMenu1 li {line-height:1.8em; width:152px; border-bottom:1px solid #C6CDFF; background-image:url(images/menuItem.gif); background-repeat:no-repeat; background-position:0px 4px; padding:3px 0px 3px 15px;}
#CMSListMenu1 li a {color:#003B8D; font-size:1.3em;}
#CMSListMenu1 li span {color:#000000; font-size:1.3em;}
#CMSListMenu1 li a:hover {color:#000000;}


/* ---- Column001 contact control ---- */
#contact {float:left; background-color:#FFFFFF; position:relative; padding-bottom:12px;}
#contact h2 {color:#0399BE; float:left; font-size:1.4em; font-weight:bold; margin-top:3px; margin-bottom:12px;}
#contact a {float:left; width:117px; height:62px; color:#0171BD; font-size:14px; font-weight:bold; padding:13px 0 0 67px;}
#contact a span {color:#0171BD; font-size:12px; font-weight:normal;}
#button001 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact001.jpg); background-repeat:no-repeat;}
#button002 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact002.jpg); background-repeat:no-repeat; margin-top:12px;}
#button003 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact003.jpg); background-repeat:no-repeat; margin-top:12px;}
#button004 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact004.jpg); background-repeat:no-repeat; margin-top:12px;}
#button005 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact005.jpg); background-repeat:no-repeat; margin-top:12px;}
#button006 {position:relative;float:left; width:184px; height:75px; background-image:url(images/contact006.jpg); background-repeat:no-repeat; margin-top:12px;}

#caseStudies {position:relative; float:left; width:184px; background-color:#B8D9EE; border-bottom:12px solid white;}
#caseStudies h3 {display:block; font-size:1.4em; font-weight:normal; color:#429DD8; background-color:#F1F7FC; padding:5px 8px 5px 8px; border-bottom:1px solid white;}
#caseStudies h4 {color:#003B8D; font-size:1.4em; font-weight:bold; padding:8px 8px 8px 8px;}
#caseStudies p {color:#003B8D; font-size:1.2em; font-weight:normal; padding:0 8px 8px 8px;}
#caseStudies p a {color:#003B8D; font-weight:bold;}
#caseStudies p a:hover {text-decoration:underline;}

/* ---- Column002 content ---- */
#column002 .flash {margin-bottom:20px;}
#column002 img {margin-bottom:20px;}
#column002 h1 {float:left; font-size:2.3em; font-weight:bold; color:#0273C3; padding:20px 30px 20px 30px; width:420px;}
#column002 h2 {float:left; font-size:1.4em; font-weight:bold; line-height:1.4em; color:#003B8D; padding:0 30px 15px 30px; width:420px;}
#column002 h3 {float:left; font-size:1.2em; font-weight:bold; line-height:1.4em; color:#003B8D; padding:0 30px 3px 30px; width:420px;}
#column002 p {float:left; font-size:1.2em; padding:0 30px 15px 30px; line-height:1.4em; width:420px;}
#column002 a {color:#0171BD;}
#column002 a:hover {text-decoration:underline;}
#column002 ul {float:left;  padding:0 30px 15px 35px; width:420px;}
#column002 li {font-size:1.2em; line-height:1.4em; list-style-type:disc; margin-left:15px; padding-right:15px;}

/* ---- Sitemap content ---- */
#column002 ul.CMSSiteMapList {font-size:11px; padding:0 30px 0 35px;}
#column002 li.CMSSiteMapListItem {list-style-type:none; line-height:1.4em; margin:0px;}
#column002 li.CMSSiteMapListItem a {color:#000000;}
#column002 li.CMSSiteMapListItem a:hover {text-decoration:underline;}

/* ---- Callback Form ---- */
#callbackForm {float:left; padding:10px 0 20px 30px;}
#callbackForm .spacer {width:460px; float:left; margin-bottom:5px;}
#callbackForm input {float:left; width:285px; border:1px solid gray; height:20px; font-weight:normal; padding:2px 0 0 5px;}
#callbackForm select {float:left; width:292px; border:1px solid gray; height:24px; font-weight:normal; }
#callbackForm textarea {float:left; width:286px; border:1px solid gray; font-weight:normal; }
#callbackForm label {float:left; font-size:1.2em; float:left; width:140px; line-height:20px; color:#646464; padding-top:2px;}
#callbackForm .validation {float:left; width:10px; height:20px; padding-left:2px; color:Red;}
#callbackForm .FormButton {width:88px; height:24px; background:url(images/submit.gif); margin-left:344px; border:none;}
.ErrorLabel { background-color:Red; text-align:center; font-size:1.2em; font-weight:bold; padding:3px 5px 3px 5px; line-height:1.4em; color:white; margin-bottom:10px; margin-left:30px;}

/* ---- Column003 Services control ---- */
#services {float:left; position:relative; border-bottom:12px solid white;}
#services .enquiry {position:relative; background-image:url(images/services.jpg); background-repeat:no-repeat; height:272px; width:183px;}
#services .enquiry a.servicesBenefits {position:absolute; top:174px; left:14px; width:60px; height:16px;}
#services .enquiry a.servicesEnquiry {position:absolute; top:200px; left:14px; width:160px; height:47px;}

/* ---- Footer control ---- */
#footer {width:924px; float:left; position:relative; margin:0px 0 0px 0; color:#3E7BA3; padding-bottom:20px; background-image:url(images/backgroundBottom.gif); background-repeat:no-repeat; padding-top:20px;}
#footer a {color:#3E7BA3; padding:0 6px 0 6px; vertical-align:top;}
#footer a:hover {color:#FFFFFF;}
#footerLeft {width:518px; float:left; padding-left:6px;}
#footerRight {width:394px; float:right; text-align:right; padding-right:6px;}