/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo some of the default styling of common (X)HTML browsers */
html {font: 0.625em Arial, Helvetica, sans-serif;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {  }
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; border:none; color: #002246;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal }
#enquiry-form #address {display:none;}
body { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; background-color:#CFD4D7; text-align:center; font-size:1.0em;}

#container {text-align:left; width: 955px;  position:relative; margin:0px auto 10px auto;  background-color:#4B4B4D;   }

#navBar001 {float:left; position:relative; width:955px; height:33px; background:url(images/navBar001.jpg);}
#navBar001 ul {}
#navBar001 a {color:#FFFFFF; }
#navBar001 a:hover {text-decoration:underline;}
#navBar001 li {float:left; font-size:1.2em; background:url(images/navBar001-divider.gif) no-repeat; background-position:right; padding:7px 0 7px 0;}
#navBar001 li a {color:#879095; padding:0px 16px 0px 16px;}
#navBar001 li a:hover {color:#ffffff; text-decoration:none;}
#navBar001 .current {color:#ffffff;}
#navBar001 p {float:right; padding:7px 0 7px 0; color:#879095; font-size:1.2em; margin-right:16px;}
#navBar001 span {margin-left:3px; color:#ffffff;}

#navBar002 {position: relative; float:left; width:955px; height:36px; background:url(images/navBar002.jpg);}
#navBar002 ul {margin:4px 0 0 411px;}
#navBar002 li {float:left; font-size:1.2em; background:url(images/navBar002-divider.gif) no-repeat; background-position:right; padding:7px 0 7px 0;}
#navBar002 a {color:#000000; padding:0px 16px 0px 16px;}
#navBar002 a:hover {color:#ffffff;}
#navBar002 .current {color:#ffffff;}

#contentPanel {float:left;}
#contentPanel h1 {width:450px; float:left; font-size:1.4em; color:#2A434D; font-weight:normal; line-height:1.28em; }
#contentPanel h2 {width:500px; float:left; font-family:Georgia; font-size:2.8em; color:#A79900; font-weight:normal; line-height:1.14em; padding-bottom:25px;}
#contentPanel h4 {width:450px; float:left; font-size:1.4em; color:#2A434D; font-weight:normal; line-height:1.28em; padding:20px 0 20px 0; }
#contentPanel.leftAlignHome h4 {padding:0 0 30px 0;}
#contentPanel h3 {width:450px; float:left; font-family:Georgia; font-size:2.6em; color:#A79900; font-weight:normal; line-height:1.14em; padding-bottom:5px }
#contentPanel h5 {width:450px; float:left; font-family:Georgia; font-size:2.2em; color:#A79900; font-weight:normal; line-height:1.14em; padding-bottom:5px }
#contentPanel h6 {width:450px; float:left; font-size:1.4em; color:#2A434D; font-weight:normal; line-height:1.28em;  }
#contentPanel p {width:450px; float:left; font-size:1.2em; color:#878787; line-height:1.5em;}
#contentPanel p.historicHeading {color:#000000; font-weight:bold; padding-bottom:20px;}
#contentPanel span {font-size:9px; font-weight:bold; float:right;}
#contentPanel a {color:#2A434D;}
#contentPanel a:hover {color:#A79900;}
#contentPanel ul {width:450px; float:left; font-size:1.2em; line-height:1.4em; padding:5px 0 20px 0;}
#contentPanel li {color:#878787; margin-left:23px; list-style-type:disc; }
.floatRight {position:absolute; top:205px; right:30px;}
.size16 {font-size:16px;line-height:1.14em;  }
#contentPanel table {float:left; font-size:12px; clear:both; width:500px; margin-bottom:10px;}
#contentPanel table td {vertical-align:top; padding:5px 0 5px 0;}
#contentPanel .highlight {background-color:#CAB007; border:1px solid black; }
#contentPanel .highlight td {padding:5px 8px 5px 8px; color:#000000; }

/* ---- Register online ---- */
#contentPanel #button-register {position:absolute; left:60px; top:463px; margin-top:15px; display:inline-block; width:209px; height:30px; background-image:url(images/button-register.gif); background-repeat:no-repeat;}
#contentPanel #button-register a {display:block; width:209px; height:30px;}
#contentPanel .spacer {float:left; width:418px; height:23px; margin-bottom:8px; }
#contentPanel .spacer-short {float:left; width:332px; height:23px; margin-bottom:8px; clear:both;}
#contentPanel .large-spacer {float:left; width:332px; height:60px; margin-bottom:8px; }
#contentPanel .form-spacer {float:left; width:632px; height:23px;}
#contentPanel .short-label {width:110px; margin-right:10px;}
#enquiry-form a {font-size:1.2em; text-decoration:underline; float:left; line-height:2.0em;}
#contentPanel label {float:left; width:90px; font-size:1.4em; color:#4B4B4B; padding-top:5px;}
#contentPanel input {float:left; width:235px; border:1px solid #A4A4A4; height:20px; padding:3px 0 0 5px;}
#contentPanel textarea {float:left; width:235px; border:1px solid #A4A4A4; padding:3px 0 0 5px; margin-bottom:15px; }
#contentPanel .submit-button {width:88px; height:30px; border:none; background-image:url(images/button-submit.gif); background-repeat:no-repeat; display:inline-block; margin:10px 0 0px 244px; }
#contentPanel span.checkbox input {width:20px; float:left;}
#contentPanel span.label2 {font-size:11px; width:300px; font-weight:normal; color:#4B4B4B; float:left; padding:3px 0 0 3px; }

.leftAlign {padding:114px 40px 0 60px; width:855px; height:301px;}
.leftAlignProjects {padding:114px 40px 0 60px; width:855px; height:351px;}
.leftAlignVariable {padding:114px 40px 20px 60px; width:855px; }
.leftAlignVariable2 {padding:114px 40px 20px 60px; width:490px;}
.leftAlignVariable3 {padding:114px 40px 30px 60px; width:855px; }
.leftAlignHome {padding:130px 40px 0 60px; width:855px; height:371px;}
.leftAlignHome2 {padding:150px 40px 0 60px; width:490px; height:301px;}
.rightAlign {padding:64px 40px 0 425px; width:490px; height:351px;}
.rightAlignVariable {padding:64px 40px 40px 425px; width:490px; }

#norris {background:url(images/portrait-norris.jpg) no-repeat #ffffff; background-position:right bottom; float:left; width:890px; height:580px; padding:127px 0 0 65px;}
#norris p {width:450px; float:left; font-size:1.2em; color:#878787; line-height:1.5em;}
#norris h1 {width:450px; float:left; font-size:1.4em; color:#2A434D; font-weight:normal; line-height:1.28em; }
#norris h2 {width:450px; float:left; font-family:Georgia; font-size:2.8em; color:#A79900; font-weight:normal; line-height:1.14em; padding-bottom:30px;}
#norrisNavBar {float:left; width:955px; background: #CAB701; padding:20px 0 20px 0;}
#norrisNavBar h1 {padding:0px 0 5px 65px; color:#ffffff; font-size:1.4em;}
#norrisNavBar ul {list-style-type:disc; margin-left:82px;}
#norrisNavBar li {color:#938701; font-size:1.2em; line-height:1.4em; }
#norrisNavBar li p {color:#ffffff; }
    
/* ---- Site logo and background swirls ---- */
.logo {position:absolute; top:74px; left:42px; width:196px; height:66px; background:url(images/logo.jpg) no-repeat; }
.swirl1 {background:url(images/swirl-1.jpg) no-repeat #ffffff; background-position:left bottom;}
.swirl2 {background:url(images/swirl-2.jpg) no-repeat #ffffff; background-position:left bottom;}

/* ---- Site Images ---- */
#homeImage {position:absolute; left:590px; top:33px;}
#portrait {position:absolute; left:65px; top:185px;}
#rightImage {position:absolute; left:590px; top:69px;}
.floatingImage {float:right; margin:0px 0 20px 0px; clear:right;}

/* ---- RightPanel ---- */
#rightPanel {position:absolute; left:595px; top:69px; background:#CAB701; width:360px; height:465px;}
#rightPanel ul {padding:6px 0 0 25px; margin:0px; width:335px;}
#rightPanel li {width:310px; height:50px; background:url(images/rightPanel-divider.jpg) no-repeat bottom; list-style-type:none; margin:0px;}
#rightPanel li img {padding:6px 10px 6px 0;}
#rightPanel a {color:#000000; line-height:45px; }
#rightPanel a.current {color:#ffffff;}
#rightPanel a:hover {color:#ffffff;}

/* ---- Bottom navigation bar ---- */
#navBar003 {float:left; width:955px; height:116px;  background:url(images/navBar003.jpg) #dddddd}
#navBar003 ul {padding:15px 0 0 65px;}
#navBar003 li {float:left; font-size:1.2em; background:url(images/navBar003-divider.gif) no-repeat; background-position:right; padding:7px 0 7px 0;}
#navBar003 a {color:#1F2F39; padding:0px 16px 0 16px;}
#navBar003 a:hover {color:#ffffff;}
#navBar003 .current {color:#ffffff;}
#navBar003 h3 {width:750px; color:#FFFFFF; font-size:1.6em; font-weight:normal;padding:30px 0 0 65px; line-height:1.5em;}
#navBar003 h3 span {font-style:italic;}

/* ---- Bottom navigation bar ---- */
#navBar004 {float:left; width:955px; height:116px;  background:url(images/navBar004.jpg) #dddddd;}
#navBar004 ul {padding:15px 0 0 65px;}
#navBar004 li {float:left; font-size:1.2em; background:url(images/navBar003-divider.gif) no-repeat; background-position:right; padding:7px 0 7px 0;}
#navBar004 a {color:#1F2F39; padding:0px 16px 0 16px;}
#navBar004 a:hover {color:#ffffff;}
#navBar004 .current {color:#ffffff;}
#navBar004 h3 {width:750px;color:#FFFFFF; font-size:1.6em; font-weight:normal;padding:20px 0 0 65px; line-height:1.5em;}
#navBar004 h3 span {font-style:italic;}

/* ---- Flash content ---- */
#flash {float:left; width:955px; height:116px;}

/* ---- Footer ---- */
#footer {float:left; text-align:right; width:955px; padding-top:3px; padding-bottom:20px; background-color:#CFD4D7;}
#footer a {color:#666666; margin-right:2px;}
#footer a:hover {color:#FFFFFF;}
#footer img {float:right; padding:10px 0px 0 20px; }

/*---- Newsletter ---- */
#newsletter {float:left; }
#newsletter img {padding:5px 0 10px 15px;}
#newsletter a {color:#2A434D;}
#newsletter a.current {color:#A79000;}
#newsletter a:hover {color:#A79000;}

#newsletterMenu {position:absolute; top:200px; left:60px; width:300px;}
#newsletterMenu h1 {width:300px; float:left;  font-size:1.4em; font-family:Arial; color:#A79900; font-weight:normal; line-height:1.14em; padding-bottom:10px;}
#newsletterMenu p {color:#A79900; font-size:1.2em; line-height:1.6em; padding-bottom:20px;}
#newsletterMenu a {color:#2A434D;}
#newsletterMenu a:hover {color:#A79900;}

#newsletter ul {width:450px; float:left; font-size:1.2em; line-height:1.4em; padding:5px 0 10px 0;}
#newsletter li {color:#878787; margin-left:23px; list-style-type:disc; }


#storyFix {display:inline; float:left; border-left:1px solid #A79900; margin-left:-22px; padding-left:22px;  }
#storyFix h1 {width:478px; float:left; font-family:Georgia; font-size:2.8em; color:#A79900; font-weight:normal; line-height:1.14em; }
#storyFix h2 {width:468px; float:left; font-family:Georgia; font-size:1.5em; color:#2A434D; font-weight:normal; line-height:1.28em; padding-bottom:20px; }
#storyFix p {width:468px; float:left; font-size:1.2em;  line-height:1.5em; margin-bottom:25px; color:#878787; }
#storyFix ul {padding-bottom:25px;}
#storyFix img {padding:5px 0 10px 15px;}
#storyFix a {color:#A79000; font-weight:bold;}
#storyFix a:hover {color:#2A434D;}
#storyFix span {color:#2A434D; font-weight:bold;}
p#benefit {display:inline; background-color:#f5f4e2; margin:0px 0px 25px -7px; padding:3px 15px 5px 7px; color:#484647;}


/* ---- Call Back Form Styles ---- */

#callBackPanel {width:335px; height:225px; position:absolute; top:69px; right:0px; background-color:#CAB701; padding-left:25px;}
#callBackPanel h2 {color:#FFFFFF; font-size:1.6em; padding:12px 0 0px 0; width:320px; }
#callBackPanel h3 {color:#FFFFFF; font-size:1.6em; padding:0px 0 12px 0; width:320px; }
#callBackPanel h3 a {color:#FFFFFF; text-decoration:underline;}
#callBackPanel .divider {float:left; width:310px; height:10px; line-height:2px; background-image:url(images/divider.gif); background-position:0px 7px; background-repeat:no-repeat;  margin-bottom:7px; margin-top:3px;}
#callBackPanel .spacer {width:315px; height:25px;}
#callBackPanel label {float:left; width:73px; color:#000000; font-size:1.2em;}
#callBackPanel input {float:left; width:230px; background-color:#FFFFFF; height:21px; border: 1px solid #A4A4A4;}
#callBackPanel .callbackButton {float:right; width:100px; height:29px; background-image:url(images/callbackRequest.gif); border:none; margin-top:3px; margin-right:5px;}
#callbackImage {float:right; margin:54px -40px -20px 0;}
.callbackVerify {color:black;}

p#callNow {width:500px; float:left; font-family:Georgia; font-size:1.4em; color:#A79900; font-weight:normal; line-height:1.14em; padding:25px 0 10px 0;}


/* ---- Benefits ---- */
table#benefits1 {color:#878787; float:left;  width:350px; clear:both; margin-right:30px; margin-top:20px; }
table#benefits1 th {text-align:left; color:#878787; font-weight:bold;}
table#benefits1 td {color:#878787; line-height:1.4em; border-top:1px solid #A79900; padding:8px 0 8px 0;}
table#benefits1 td.topRow {border-top:none;}
table#benefits2 {color:#878787; float:left;  width:350px; clear:none; margin-top:20px; }
table#benefits2 th {text-align:left; color:#878787; font-weight:bold;}
table#benefits2 td {color:#878787; line-height:1.4em; border-top:1px solid #A79900; padding:8px 0 8px 0;}
table#benefits2 td.topRow {border-top:none;}