/*
############################################################
#   Colours
############################################################

	Orange: #eb8c16
	Very DBlue: #0e6588
	DBlue: #0e6b91
	MBlue: #009ddc
	LBlue:
	DGrey:
	LGrey:
/*


/*
############################################################
#   Generic
############################################################
*/
body {text-align:center; background-color:#d4e6e6;}

.SmallTextTop {font-family:Arial, Helvetica, sans-serif; font-size: .8em; color: #0e6b91;}
.SmallTextTop  a{color: #0e6b91; text-decoration:none;}
.SmallTextTop  a:hover{color: #eb8c16; text-decoration:underline;}

.WhiteText {font-family:Arial, Helvetica, sans-serif; color: #ffffff;}
.WhiteText  a{color: #ffffff; text-decoration:none;}
.WhiteText  a:hover{color: #ffffff; text-decoration:underline;}

.StandardText {font-family:Arial, Helvetica, sans-serif; font-size: 1em; color: #0e6588;}
.StandardText  a{color: #0e6588; text-decoration:none;}
.StandardText  a:hover{color: #0e6588; text-decoration:underline;}

.Strong {font-weight:bold}

.StandardTextSmall {font-family:Arial, Helvetica, sans-serif; font-size: .85em; color: #0e6588;}
.StandardTextSmall  a{color: #0e6588; text-decoration:none;}
.StandardTextSmall  a:hover{color: #0e6588; text-decoration:underline;}

.LeftMenuText {font-family:Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a2cfef;margin:-13px 0px 5px 7px; text-align:left;}

.LeftTitleText {font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; color: #a2cfef;}
.RightTitleText {font-family:Arial, Helvetica, sans-serif; font-size: 1.15em; color: #a2cfef;}

.ReadMore {display:inline;margin:0px 0px 0px 10px;}
.ReadMore a{color:#eb8c16;text-decoration:none;}
.ReadMore a:hover{color:#eb8c16; text-decoration:underline;}

.GoBack {margin:5px 0px 0px 0px;}
.GoBack a{color:#eb8c16;text-decoration:none;}
.GoBack a:hover{color:#eb8c16; text-decoration:underline;}

h1 {color:#009ddc;font-family:Arial, Helvetica, sans-serif; font-size: 2em;margin:5px 0px 20px 0px;}

h2 {color:#009ddc;font-family:Arial, Helvetica, sans-serif; font-size: 1.2em;margin:5px 0px 10px 0px;}
h2.Link a{color:#009ddc;text-decoration:none;}
h2.Link a:hover{color:#009ddc;text-decoration:underline;}

h3 {color:#009ddc;font-family:Arial, Helvetica, sans-serif; font-size: 1.1em;margin:2px 0px 3px 0px;}
h3.Link a{color:#009ddc;text-decoration:none;}
h3.Link a:hover {color:#009ddc;text-decoration:underline;}

.LeftErrors {color:#ff0000; font-size:.8em;font-family:Arial, Helvetica, sans-serif;margin:0px 0px 10px 0px;display:none;}
/*
############################################################
#   Frame
############################################################
*/
#SiteHolder {width:850px; margin: 0 auto;}

#MainContentCentral {float:left;text-align:left;margin: 0px 10px 0px 20px; width:400px;}
#MainContentHolder {float:left;width:660px;}
#MainContentTop {width:660px;height:20px; background-image:url(/images/CenterPanel_Top.gif);}
#MainContentRepeatSection {float:left;width:660px;background-image:url(/images/CenterPanel_Repeat.gif);}
#MainContentPadded {margin:0px 18px 20px 18px;}
#MainContentBase {float:left;width:660px;height:17px; background-image:url(/images/CenterPanel_Base.gif);}
.MainContentFullWidth {margin:0px 0px 20px 0px;}

#MainContentLeftSide {float:left;width:186px;text-align:left;}
#SubscribePanel {float:left;}
#ContactUsPanel {float:left;margin-top:20px;}

.GreyPanelTop{width:186px;height:113px;background-image:url(/images/CenterPanel_LeftTop.gif);}
.GreyPanelTopPadded {float:left;margin:14px 14px 0px 14px;width:158px;}
.GreyPanelRepeat {float:left;width:186px;background-image:url(/images/CenterPanel_LeftRepeat.gif); background-repeat:repeat-y;font-size:1em;}
.GreyPanelRepeatPadded {float:left;margin:0px 15px 0px 15px;width:156px;}
.GreyPanelBase {float:left;width:186px;height:15px;background-image:url(/images/CenterPanel_LeftBase.gif);}

#RightContentHolder {float:Right;width:182px;}
#RightContentTop {float:left;width:182px;height:15px;background-image:url(/images/RightPanel_Top.gif);}
#RightContentRepeatSection {float:left;width:182px;background-image:url(/images/RightPanel_Repeat.gif);}
#RightContentPadded {margin:-2px 14px 4px 14px; text-align:left; float:left;}
#RightContentBase {float:left;width:182px;height:11px;background-image:url(/images/RightPanel_Base.gif);}

.MainContent2Cols {float:left;width:400px;margin: 20px 10px 0px 20px; text-align:left;}
.MainContentLeftColumn {float:left;width:180px;}
.MainContentRightColumn{float:left;width:180px;margin-left:40px;}

.RightSideSpacer {float:left;width:130px;height:14px;}

#FooterHolder{float:left;}

/*
############################################################
#   Buttons and expanding header bars
############################################################
*/
.HeaderBarBlueLeft {width:9px;height:26px;float:left;background-image:url(/images/headerbar_blue_left.gif);}
.HeaderBarBlueRepeat {width:137px;height:26px;float:left;background-image:url(/images/headerbar_blue_repeat.gif);margin-bottom:10px;}
.HeaderBarBlueRepeatPadded {text-align:left;margin:3px 5px 0px 5px;}
.HeaderBarBlueRight {width:8px;height:26px;float:left;background-image:url(/images/headerbar_blue_right.gif);}

.OrangeButton {float:left;}
.OrangeButtonLeft {float:left;width:9px; height:22px; background-image:url(/images/Button_Orange_Left.gif);font-size:1px;}
.OrangeButtonRepeat {float:left;width:137px;height:22px; background-image:url(/images/Button_Orange_Repeat.gif); background-repeat:repeat-x;font-size:10px;}
#RightContentPadded .OrangeButtonRepeat {float:left;width:135px;height:22px; background-image:url(/images/Button_Orange_Repeat.gif); background-repeat:repeat-x;font-size:10px;}
.OrangeButtonRepeatPadded {margin:3px 2px 0px 0px;font-size: 1.2em;text-align:right; cursor:pointer;}
.OrangeButtonRight {float:left;width:10px; height:22px; background-image:url(/images/Button_Orange_Right.gif);}

#ContactUsButton {float:left;width:161px;height:69px;margin:0px;}
.ContactUsButtonLeft {float:left;width:7px;height:69px;background-image:url(/images/ContactUs_Blue_Left.gif);}
.ContactUsButtonRepeat {float:left;width:141px;height:69px;background-image:url(/images/ContactUs_Blue_Repeat.gif);}
.ContactUsButtonRepeatPadded {float:left;margin:4px 0px 4px 0px;}
.ContactUsButtonRight {float:left;width:7px;height:69px;background-image:url(/images/ContactUs_Blue_Right.gif);}

#CaseStudyListContainer {float:left;margin:10px 0px 20px 5px;}
.CaseStudyBG {float:left;width:188px;height:148px; margin:10px 0px 5px 0px; background-image:url(/images/pages/CaseStudies/BackgroundBox.jpg);}
.CaseStudyBGPadding{float:left;margin:15px 0px 0px 15px;}
.CaseStudyText {float:left;margin:0px 0px 20px 7px;}
.CaseStudyLine {float:left;width:400px;height:10px;}
#AjaxCaseStudies {display:none;position:relative;top:-40px;left:30px;}

.BlogBoxTop {width:422px;height:14px;float:left;background-image:url(/images/pages/blogs/box_top.jpg);}
.BlogBoxRepeat {float:left;width:422px;background-image:url(/images/pages/blogs/box_repeat.jpg); background-repeat:repeat-y;}
.BlogBoxRepeatPadding {margin:5px 15px 15px 15px;}
.BlogThumbImage {float:left;margin-right:10px;}
.BlogBoxBase {width:422px;height:17px;float:left;background-image:url(/images/pages/blogs/box_base.jpg);}
.BlogName {float:left;margin:-4px 0px 10px 0px;width:400px;}
.BlogRight {float:left;margin:0px 0px 20px 0px;}

.BlogTitle {float:left;margin:-10px 0px 0px 0px;width:440px;}
.BlogImage {float:left;margin:0px 0px 20px 0px;}
.BlogDate {float:right;text-align:right;width:410px;}

.BlogYears {float:left;background-image:url(/images/Cascade_Closed.gif);width:178px;height:20px;margin:2px 0px 0px 0px; cursor:pointer;}
.BlogYearsText {float:left;margin:2px 0px 0px 10px;}
.YearContents {float:left;border-left:1px solid #cf8c16;border-right:1px solid #cf8c16; border-bottom:1px solid #cf8c16; background-color:#eba516;width:176px;margin:0px 0px 2px 0px; }
.ContentsLine {float:left;margin:4px 0px 0px 4px;width:170px;}

a.MonthLink {display:block;width:165px;background-color:#eba516;}
a.MonthLinkOn {display:block;width:165px;background-color:#0e6588;}
a:hover.MonthLink {background-color:#0e6588;}

#AjaxBlogs {display:none;position:relative;top:-40px;left:30px;}

#WorkContent {float:left;margin-top:3px;height:210px;}
/*
############################################################
#   Subscription form
############################################################
*/
.SubscribeFormLine input {border-top:2px solid #cccccc;border-left:2px solid #cccccc;margin-bottom:10px;}
.SubscribeLabel {margin:2px 0px 5px 0px;float:left;}
#AjaxSubscribing {display:none;margin:0px 5px 0px 0px;float:right;}
#SubscribingStatus {display:none;font-weight:bold; margin:5px 0px 5px 0px;float:left;}
#AjaxSubscribingHolder {float:right;height:16px;width:100px;}

#ContactResponse {display:none;float:right;border:1px solid #AA2222; padding:2px 5px 2px 5px;margin-right:20px;width:390px;margin:10px 0px 0px 0px;}
#SendAjaxDataContact {display:none;float:right;margin:-20px 0px 0px 0px;}
/*
############################################################
#   Top Navigation & Header
############################################################
*/
ul.Nav {Margin:0px;}
ul.Nav li{font-family:Arial, Helvetica, sans-serif;display: block;float: left;margin-right: 26px; font-size:1.2em;}
ul.Nav li.NoMargin{margin-right: 0px;}
ul.Nav li a{font-family:Arial, Helvetica, sans-serif;display:block;color: #eb8c16;text-decoration: none;font-weight: bold;}
ul.Nav li a:hover{color:#0e6b91;}
ul.Nav li.On a{font-family:Arial, Helvetica, sans-serif;display:block;color: #0e6b91;text-decoration: none;font-weight: bold;}
ul.Nav li.On a:hover{color:#0e6b91;}

#HeaderHolder {float:left;width:850px;height:140px;background-image:url(/images/Header_Background.gif);}
#Logo {float:left;width:145px;height:140px;margin-left:10px;}
#MainNav {Float:left;margin:110px 0px 0px 0px;}
#TopRightNav {float:right;margin:6px 10px 0px 0px;}
#TopRightImage {float:right;margin:26px 10px 0px 0px;}

/*
############################################################
#  Hack classes
############################################################
*/

.W160 {width:160px;}
.MT10 {margin-top:10px;}
.TL {Text-align:left;}