/* Default Overwrites
*******************************/
* {padding: 0; margin: 0;}
html, body {height: 100%; border:0px; border:none;}
BODY,TD {FONT-FAMILY: Arial,Helvetica,sans-serif;FONT-SIZE:13px;COLOR:#666;}
H1 { font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 28px; color:#ff5a00; font-weight:normal;}
H2 { font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 15px; color:#ff5a00;}
H3 { font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 13px; color:#ff5a00;}
A {FONT-SIZE: 13px; COLOR:#ff5a00; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover {COLOR:#325f91; TEXT-DECORATION: underline;}
IMG {border:none;}
p { padding: 0 0 10px;}


FORM{display:inline;}
INPUT {	FONT-SIZE: 13px; MARGIN: 0px; font-family:Verdana,tahoma,Arial;}
SELECT {	FONT-SIZE: 13px; MARGIN: 0px; font-family:Verdana,tahoma,Arial;}
SUBMIT {FONT-SIZE: 13px; MARGIN: 0px; font-family:Verdana,tahoma,Arial;}


/* Common classes
*******************************/
.Hand { cursor:pointer;}
.TxtSmall {font-size:9px;}
.FloatL { float:left;}
.FloatR { float:Right;}
.AlignR {text-align:right;}
.Cntr{ text-align:center;}
.Vtop {vertical-align:top;}
.Blok{ display:block;}
.Bld{ font-weight:bold;}
.NoMargins{ padding:0px; margin:0px;}
.ClrBoth{ clear:both;}
.FLClrB { float:left; clear:both;}

form.cmxform fieldset {margin-bottom: 10px; border:none;}
form.cmxform legend {padding: 0 2px;font-weight: bold;}
form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top;}
form.cmxform fieldset ol {margin: 0;padding: 0;}
form.cmxform fieldset li {list-style: none;padding: 5px;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform em {font-weight: bold;font-style: normal;color: #f00;}
form.cmxform label {width: 120px;} /* Width of labels */
form.cmxform fieldset fieldset label {margin-left: 123px;} /* Width plus 3 (html space) */
form.cmxform INPUT[type=text] { border:#666666 1px solid; padding:0px 3px;}


/* Site Misc
*******************************/
.Colour1 {color:#f79239;} /* Logo Orangee */
.Colour2 {color:#ff5a00;} /* Heading Orange */
.Colour3 {color:#325f91;} /* Blue Links */
.EdPageImg{ float:left; padding:0px 10px 2px 0px;}

/* Page Structure *******************************************************************************************************************************/
BODY {BACKGROUND: url(pix/SiteBG.jpg) no-repeat center top white;}
#PageShell{ width:980px; margin: 0 auto;}
#PageBase{ float:left; width:980px; background:white; clear:both;}

#Header{ width:100%; height:176px; float:left; clear:both; background:url(pix/Header.jpg) no-repeat;}
#Header A { width:350px; height:120px; float:left; clear:both; display:block; margin:30px 0px 0px 40px;}

#ContentShell{ width:100%; float:left; clear:both; background:url(pix/BGContentTop.gif) repeat-x top; min-height:350px;}
#ContentShell .ContentPad{ float:left; clear:both; padding:40px 30px;}
 
#Footer{ background:#dae5f2; width:100%; clear:both; float:left;}
#Footer .Inner{ padding:22px 16px;}
#Footer IMG{ float:right; padding-left:25px;}

/* Menu *******************************/
#Menu {width:100%; background:url(pix/BGMenu.gif) repeat-x; float:left; clear:both;}
#Menu A { font-size:16px; color:white; font:Helvetica, Arial, sans-serif; padding:0px 21px; line-height:36px;}
#Menu A:Hover {  text-decoration:underline;}





/* Home *******************************************************************************************************************************/
#HomeAOI{width:100%; height:310px; float:left; clear:both;}
#HomeAOI IMG {float:left; display:block;}
#HomeWrap{width:920px;float:left; clear:both;}
#HomeWrap H1 { margin-bottom:25px;}
#HomeWrap H2 { margin:25px 0px 0px 0px; color:#666;}
#HomeWrap .Col1{width:540px;float:left;}
#HomeWrap .Col1 .Colpad{float:left; clear:both; padding-right:70px;}

#HomeWrap .Col2{width:380px;float:left;}

#HomeWrap .IntroAd { clear:both; float:left; margin-top:20px; }

/* News Feed *******************************/
#NewsFeedWrap{ float:left; width:380px; clear:both; min-height:260px;}
#NewsFeedWrap H1 { margin-bottom:10px;}
#NewsFeedWrap .Inner{ float:left; padding:0px 0px 20px 20px;}
#NewsFeedWrap .dataitem{ float:left;clear:both; width:360px; margin-top:15px;}
#NewsFeedWrap .Adate { float:left;width:90px; color:#a3a4cb;}
#NewsFeedWrap .adata { float:left;width:270px;}
#NewsFeedWrap .adata A { color:#666;}
#NewsFeedWrap .More {float:left; clear:both; padding:10px 0px 0px 90px;}
#NewsFeedWrap .More A { color:#f8933a; white-space:nowrap;}

/* Mail Signup *******************************/
#SignUpWrap{width:100%; float:left; clear:both; background:#e9ebf0;}
#SignUpWrap .Inner { padding:10px 18px; float:left; clear:both;}
#SignUpWrap H1 { margin-bottom:5px;}
#SignUpWrap Form { padding-top:18px; float:left; margin:0px;}
#SignUpWrap .cmxform fieldset ol { padding:0px 0px 0px 25px; margin:0px;}
#SignUpWrap .cmxform label {width: 50px;}
#SignUpWrap .cmxform fieldset li {list-style: none;padding: 2px;margin: 0;}
#SignUpWrap INPUT[type=text]{ width:200px; height:18px;}


/* General Editable Pages *******************************************************************************************************************************/
#EdPageWrap{width:100%; float:left; clear:both;}
#EdPageWrap H1 { margin-bottom:25px;}
#EdPageWrap .Nav{ float:left; width:250px}
#EdPageWrap .Nav UL {Margin:0px; padding:0px; padding-left:20px;}
#EdPageWrap .Nav LI {list-style:none; padding-left:20px; background:url(pix/Bullet02.gif) no-repeat 0px 4px; margin:15px 0px;}


#EdPageWrap .Col2{float:left; width:670px}
#EdPageWrap .Col2 .Inner{ padding-left:30px;}
#EdPageWrap .Col2 UL {Margin:0px; padding:0px; padding-left:20px;}
#EdPageWrap .Col2 LI {list-style:none; padding-left:20px; background:url(pix/Bullet01.gif) no-repeat 0px 4px; margin:15px 0px;}

/* CaseStudies *******************************************************************************************************************************/
#CaseStudiesWrap{width:100%; float:left; clear:both;}
#CaseStudiesWrap .Intro{width:920px; float:left; clear:both; margin-bottom:45px;}
#CaseStudiesWrap .Nav{ float:left; width:250px}
#CaseStudiesWrap .Nav UL {Margin:0px; padding:0px; padding-left:10px;}
#CaseStudiesWrap .Nav LI {list-style:none; padding-left:20px; background:url(pix/Bullet03.gif) no-repeat 0px 2px; margin:10px 0px;}

#CaseStudiesWrap .Col2{float:left; width:670px}
#CaseStudiesWrap .Col2 .Inner{ padding-left:30px;}

#CaseStudiesWrap .ImageStrip{ float:left; width:200px; margin-right:30px;}
#CaseStudiesWrap .DataStrip{ float:left; width:410px;}
#CaseStudiesWrap  .DataStrip H2{ font-size:22px;COLOR:#325f91;}
#CaseStudiesWrap .DataStrip UL {Margin:0px; padding:0px; padding-left:10px;}
#CaseStudiesWrap .DataStrip LI {list-style:none; padding-left:20px; background:url(pix/Bullet04.gif) no-repeat 0px 4px; margin:10px 0px;}


/* News Archive *******************************************************************************************************************************/
#NewsShell{width:100%; float:left; clear:both;}
#NewsArchiveShell {width:300px; float:left; background:url(pix/NewsArchive_BG.gif) no-repeat;}
#NewsArchiveShell .Inner { margin: 5px 10px 0px 10px; }
#NewsArchiveHeadlineShell{ margin-top:16px;}
#NewsArchiveHeadlineShell UL {Margin:0px; padding:0px;}
#NewsArchiveHeadlineShell LI {list-style:none; padding-left:20px; background:url(pix/Bullet01.gif) no-repeat 0px 2px;}
#NewsArchiveHeadlineShell .ItemShell{ border-bottom: 1px dotted #666666; padding:0px 0px 10px 0px; margin-bottom:10px;}
#NewsArchiveHeadlineShell A.More { color:#325f91;}

#NewsArticleShell {width:620px; float:left; clear:right;}
#NewsArticleShell .Inner {margin: 0px 25px;}
#NewsArticleShell H1 { font-size:21px;}
#NewsArticleShell .Date { margin-bottom:10px;}
#NewsArticleShell .ArticleImg {margin:0px 10px 5px 0px; float:left;}


/* ContactFrm *******************************************************************************************************************************/
#ContactWrap{width:100%;float:left; clear:both;}
#ContactWrap .Col1{ float:left; width:500px; }
#ContactWrap .Col2{ float:left; width:420px; }
#ContactFrm{ text-align:left;margin-top:20px; float:left; width:390px;}
#ContactFrm #Submit { margin-top:14px;}
#ContactFrm .FieldRow{ width:390px; text-align:left; clear:both;}
#ContactFrm .FieldLabel{ width:130px; text-align:left; float:left; line-height:20px; color:#ea1111;}

#ContactWrap .Col1 .Inner { margin-right:50px;}
#ContactWrap .Col1 UL {Margin:0px; padding:0px; padding-left:20px;}
#ContactWrap .Col1 LI {list-style:none; padding-left:20px; background:url(pix/Bullet01.gif) no-repeat 0px 2px; margin:20px 0px;}

#ContactWrap .Locating{width:100%;float:left; clear:both; padding-top:30px;}

/* ContactFrm *******************************************************************************************************************************/
#QuoteWrap{width:920px;float:left; clear:both;}
#QuoteWrap H1 { margin-bottom:25px;}
#QuoteWrap .Col1{ float:left; width:350px; margin-right:50px;}
#QuoteWrap .Col2{ float:left; width:520px; }
#QuoteFrm{ text-align:left;margin-top:20px; float:left; width:390px;}
#QuoteFrm fieldset{padding:16px; margin-bottom:15px; width:390px;}
#QuoteFrm fieldset Legend {padding:0px 10px;}
#QuoteFrm #Submit { margin-top:14px;}
#QuoteFrm .FieldRow{ width:390px; text-align:left; clear:both; padding:5px 0px;}
#QuoteFrm .FieldLabel{ width:130px; text-align:left; float:left; line-height:20px; color:#ea1111;}
#QuoteFrm Input[type=text]{ width:230px; border:#666666 1px solid; padding:0px 3px}
#QuoteWrap .Col1 UL {Margin:0px; padding:0px; padding-left:20px;}
#QuoteWrap .Col1 LI {list-style:none; padding-left:20px; background:url(pix/Bullet01.gif) no-repeat 0px 2px; margin:20px 0px;}


/* Mail Sunscription *******************************************************************************************************************************/
#SubscriptionWrap{width:920px;float:left; clear:both;}
#SubscriptionWrap .FieldRow{ width:270px; text-align:left; clear:both; padding:3px 0px;}
#SubscriptionWrap .FieldLabel{ width:80px; text-align:left; float:left; line-height:20px; color:orange;}