/* Globals */
* { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; }
html { overflow-y: scroll; font-size: 11px; }
body { background-image: url(../images/bg_site_textured.jpg); background-repeat: repeat-x; background-color: #dadada;  }

ul { list-style-type: none; margin: 10px 10px 10px 10px;  }
ul li { background-image: url(../images/icn_grey_arrow.gif); background-repeat: no-repeat; background-position: 0 8px; padding: 0 0 0 8px; }
ul li ul { margin: 0 10px 0 0; }
ol { margin: 10px 0 10px 0; }
ol li { }
ol li ol { }

a { text-decoration: none; color: #27556f; }
a:hover { color: #00649d; }
a:visited { }
a img { border: 0; }

p { line-height: 1.8em; color: #888888; font-size: 11px; margin: 0 0 8px 0; }
p * { font-size: 11px; }

h1 { font-size: 16px; color: #666666; font-weight: normal; text-decoration: none; margin: 10px 0 7px 0; line-height: normal; }
h2 { font-size: 14px; color: #666666; font-weight: normal; text-decoration: none; margin: 10px 0 7px 0; line-height: normal; }
h3 { font-size: 13px; color: #666666; font-weight: normal; text-decoration: nont; margin: 15px 0 7px 0; line-height: normal; }
html>body h1 { margin-bottom: 0; padding-bottom: 7px; }
html>/* */body h1 { margin-bottom: 7px; padding: 0; }

.FormButton { line-height: normal; cursor: pointer; margin: 0 10px 0 0; text-decoration: none; color: #666666; height: 22px; text-align: center; float: left; background-image: url(../images/btn_submit_left.gif); background-repeat: no-repeat; background-position: 0 0; }
.FormButton span { cursor: pointer; float: left; height: 19px; padding: 3px 12px 0 12px; font-size: 12px; background-image: url(../images/btn_submit_white_right.gif); background-repeat: no-repeat; background-position: right 0; } 
.FormButton:hover { background-position: 0 -22px; }
.FormButton:hover span { color: #666666; background-position: right -22px; line-height: normal; }
.SearchButton { margin: 0 0 0 0; float: right; }
.SearchBox { width: 143px; }
.Textbox { border: 1px solid #cccccc; padding: 3px 5px 3px 5px; font-size: 12px; color: #666666; background-image: url(../images/bg_shadow_textbox.gif); background-repeat: no-repeat;  }
html>body .Textbox { margin: 0 0 8px 0; }
.CommonFormDescription {  width: 100px; font-weight: bold; color: #888888; }
.CommonFormData {  }
.CommonErrorMessage { font-size: 12px; color: #666666; margin: 0 0 15px 0; padding: 5px; background-color: #dddddd; border: 1px solid #aaaaaa; display: block; }
.CommonFormButtons { } 
.CleanNotification { }
.DirtyNotification { }
.Validator { color: #00649d; }
.ValidationSummary { color: #666666; font-size: 12px; margin: 15px 0 15px 0; padding: 5px; background-color: #dddddd; border: 1px solid #aaaaaa; display: block; }

/* Gridview */
.GridView { }
.GridView td { padding: 3px; text-align: center; }
.GridView .AltRow { }
.GridView .Row { }
.GridView .AltRow td { background-color: #f3f3f3; }
.GridView .Row td { background-color: White; }
.GridView .Header { color: #00649d; }

/* End Gridview */

/* Styled Drop Down */
.skinddl_Parent { padding: 3px 5px 3px 5px; height: 14px; display: block; font-size: 12px;  line-height: normal; }
.skinddl_downimage { float: right; margin: 1px 1px 0 0; height: 18px; background-image: url(../images/icn_dropdown_arrow.gif); background-repeat: no-repeat; background-position: center middle; width: 18px; } 
.skinddl_downimage:hover { background-position: 0 -18px;} 

.skinddl_dropdown { position: absolute; left: 0; width: 188px; border: 1px solid #cccccc; border-bottom-width: 0; background-image: url(../images/bg_shadow_textbox.gif); background-repeat: no-repeat; display: none; z-index: 5; font-weight: normal; } 
.skinddl_Menu { margin: 0 0 8px 0; float: left; width: 190px; border: 1px solid #cccccc; color: #666666; background-image: url(../images/bg_shadow_textbox.gif); background-repeat: no-repeat;  display: block; cursor: pointer; }
.skinddl_dropdown a { line-height: normal; font-size: 12px; width: auto; height: 15px; display: block; border-bottom: 1px solid #dddddd; padding: 3px 5px 3px 5px; text-decoration: none; color: #666666; }
.skinddl_dropdown a.Last { border-bottom: 1px solid #cccccc; }
html>body .skinddl_dropdown a { height: auto; min-height: 15px; }
* html .skinddl_dropdown a { width: 100%; }
.skinddl_dropdown a:hover{ background-color: #00649d; color: #ffffff; }
.skinddl_dropdown a.Active {  }

/* End Styled Drop Down */

/* End Globals */

/* Site Structure */
.SiteContainer { width: 970px; margin: 8px auto 20px; background-image: url(../images/bg_shadow_site_sides.gif); background-repeat: repeat-y; }
.PrimaryContainer { background-color: #ffffff; width: 960px; height: 590px;  clear: both; }
html>body .PrimaryContainer { min-height: 590px; height: auto; }
.PrimaryContainerFiller { background-color: #ffffff; width: 960px; clear: both; margin: 0; } 
.MasterCenterPane { width: 960px; float: left; }

.ShadowGutter { width: 5px; float: left; }
.ShadowTop { height: 2px; background-image: url(../images/bg_shadow_site_top.gif); background-repeat: no-repeat; font-size: 0.1%; }
.ShadowBottom { height: 5px; background-image: url(../images/bg_shadow_site_bottom.gif); background-repeat: no-repeat; clear: both; font-size: 0.1%; }

.PrimaryRoundingContainer { background-color: #ffffff; height: 5px; width: 970px; clear: both; }
.PrimaryRoundingContainer div { width: 10px; height: 5px; font-size: 0.1%; }

.MasterCenterPane .PrimaryRoundingContainer { width: 960px; clear: none; }
.MasterCenterPane .PrimaryRoundingContainer div { width: 5px; }

/* End Site Structure */

/* Page Elements */

.Header { }
.SiteLogo { float: left; margin: 15px 0 0 30px; }
.SiteNavigation { float: right; margin: 42px 20px 0 0; }
html>body .SiteNavigation { margin-right: 40px; }
.SiteNavigation a { float: left; margin: 0 0 0 23px; color: #666666; font-size: 12px;}
.SiteNavigation a:hover { color: #00649d; }
.SiteNavigation a.Active { }
.SiteFooter { width: 920px; margin: 0 auto 0; border-top: 1px solid #cccccc; padding: 7px 0 5px 0; }
html>/* */body .SiteFooter { padding-bottom: 17px; }
.SiteFooter a { color: #aaaaaa; font-size: 10px; float: left; margin: 0 0 0 20px; }
.SiteFooter a:hover { color: #00649d; }

/* Home Page */

.HomepageTwitter { margin-top: 2px; }

.HomePageContent { width: 920px; margin: 20px auto 0; clear: both; color: #888888; line-height: 1.8em; }
.HomePageFlash { margin: 0 0 20px 0; }
.NewsItem { margin: 0 0 13px 0; }
.NewsItem .DateDisplay { float: left; margin: 0 10px 0 0; }
.NewsItem .NewsText { float: left; margin: -6px 0 0 0; width: 169px; }
.NewsItem .NewsText p { font-size: 10px; }

.HomepageWhatWeDo { width: 481px; padding: 0 15px 0 0; float: left; margin: 0 15px 0 0; background-image: url(../images/bg_vertical_dotted.gif); background-repeat: repeat-y; background-position: right; }
.HomepageSearch { width: 175px; float: left; font-size: 12px; }
.HomepageSearch h1 { margin-bottom: 13px; }
.HomepageSearch .SearchBox { margin-bottom: 16px; width: 156px; }
.HomepageSearch .SearchButton {  float: left; }
.HomepageCallout { margin: 20px 0 20px 0; }
.HomepageCallout .CalloutBody { padding: 0; }
.HomepageCallout h1 { color: #00649d; font-size: 14px; margin-top: 0; }
.HomepageCallout .divWebDevelopment, .HomepageCallout .divConsulting, .HomepageCallout .divHosting { float: left; border-right: 1px solid #dddddd; padding: 0 15px 0 15px; margin: 5px 0 5px 0; }
.HomepageCallout .divWebDevelopment { width: 260px; }
.HomepageCallout .divConsulting { width: 174px; }
.HomepageCallout .divHosting { width: 169px; border-right: 0px none black; }
.HomepageCallout ul { margin: 10px 0px 10px 0px; }

/* End Home Page */
.PageHeader { margin: 0 0 20px 0; height: 24px; color: #ffffff; font-size: 14px; width: 910px; padding: 76px 0 0 10px; vertical-align: bottom; background-repeat: no-repeat;  }

/* PageHeader Images */
.SolutionsHeader { background-image: url(../images/header_solutions.jpg);}
.PortfolioHeader { background-image: url(../images/header_portfolio.jpg);}
.CompanyHeader { background-image: url(../images/header_company.jpg);}
.ContactUsHeader { background-image: url(../images/header_contactus.jpg);}
.AdminHeader { background-image: url(../images/header_admin.jpg);}
.SearchHeader { background-image: url(../images/header_search.jpg);}
.PrivacyPolicyHeader { background-image: url(../images/header_privacypolicy.jpg);}
.SiteMapHeader { background-image: url(../images/header_sitemap.jpg);}

/* End PageHeader Images */

/* Page Layout */
.LeftColumn { width: 210px; float: left; }
.CenterColumn { width: 505px; float: left; line-height: 1.8em; margin: 0 0 10px 15px; background-image: url(../images/bg_vertical_dotted.gif); background-repeat: repeat-y; background-position: right;  }
.ContentBody { height: 410px; padding: 0 15px 0 0; }
html>body .ContentBody { height: auto; min-height: 410px; }
.RightColumn { width: 175px; float: left; margin: 0 0 0 15px; }
.RightWideColumn { width: 695px; float:left; margin: 0 0 0 15px; }
.LeftWideColumn { margin: 0 0 10px 0; width: 730px; float:left; background-image: url(../images/bg_vertical_dotted.gif); background-repeat: repeat-y; background-position: right; }

/* End Page Layout */

/* Sub Menu */
.SubMenu { width: 210px; margin: 0 0 15px 0; line-height: normal; }
.SubMenu * { font-size: 11px; }
.SubMenu .CalloutRounding { width: 210px; }
.SubMenu a { display: block; font-size: 11px; padding: 4px 0 4px 10px; color: #555555; }
.SubMenu a.Active {  background-image: url(../images/bg_submenu_act.gif); background-repeat: no-repeat; color: #ffffff; }
.SubMenu a:hover { background-color: #cce0eb; background-image: url(../images/bg_submenu_ovr.gif); background-repeat: no-repeat; color: #ffffff; }
html>body .SubMenu a:hover { background-color: Transparent; }
.SubMenu a.Expandable:hover { background-image: url(../images/bg_submenu_expand_contract.gif); background-repeat: no-repeat; background-position: 0 0; }
/* IE Fixes */
.SubMenu .SubMenuGrouping div a.Active.Expanded { background-image: url(../images/bg_submenu_act.gif); background-position: 0 0px; }
.SubMenu .SubMenuGrouping div a.Active.Expanded:hover { background-image: url(../images/bg_submenu_expand_contract.gif); background-position: 0 -21px;  }
/* End IE Fixes */
.SubMenu a.Expanded:hover { background-image: url(../images/bg_submenu_expand_contract.gif); background-position: 0 -21px; }
.SubMenu .CalloutBody .SubMenuGrouping div a { padding: 4px 0 4px 20px; }
.SubMenu .CalloutBody .SubMenuGrouping div div a { padding: 4px 0 4px 30px; }
.SubMenu .CalloutBody { padding: 0; }


/* End Sub Menu */

/* Callouts */
.Callout { margin: 0 0 15px 0; }
.Callout * { font-size: 11px; color: #666666; }
.Callout h1 { font-size: 12px; margin-top: 0; }
.CalloutRounding { clear: both; height: 5px; }
.CalloutRounding div { height: 5px; width: 5px; font-size: 0.1%; background-repeat: no-repeat; background-color: Transparent; }
.CalloutRounding.Top .LeftFloat { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr_white_top_left.png',sizingMethod='scale'); }
.CalloutRounding.Top .RightFloat { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr_white_top_right.png',sizingMethod='scale'); }
.CalloutRounding.Bottom .LeftFloat { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr_white_bottom_left.png',sizingMethod='scale'); }
.CalloutRounding.Bottom .RightFloat { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr_white_bottom_right.png',sizingMethod='scale'); }
html>/* */body .CalloutRounding.Top .LeftFloat { background-image: url(../images/cnr_white_top_left.png); }
html>/* */body .CalloutRounding.Top .RightFloat { background-image: url(../images/cnr_white_top_right.png); }
html>/* */body .CalloutRounding.Bottom .LeftFloat { background-image: url(../images/cnr_white_bottom_left.png); }
html>/* */body .CalloutRounding.Bottom .RightFloat { background-image: url(../images/cnr_white_bottom_right.png); }
.CalloutRounding div img { height: 5px; width: 5px; }
.CalloutBody { clear: both; padding: 5px 10px 5px 10px; }

.LeftColumn .Callout { width: 210px; }
.LeftColumn .CalloutRounding { width: 210px; }
.RightColumn .Callout { width: 175px; }
.RightColumn .CalloutRounding { width: 175px; }

.ContactCallout { }
.ContactCallout .CalloutBody { padding-right: 0; }
.ContactCallout .PhoneDetails { background-image: url(../images/icn_contact_phone.gif); }
.ContactCallout .EmailDetails { background-image: url(../images/icn_contact_email.gif); }
.ContactCallout .MailDetails { background-image: url(../images/icn_contact_mail.gif); }
.ContactCallout .ContactDetails {background-repeat: no-repeat; background-position: 140px 5px; margin: 0 0 0 0; }
.ContactCallout .ContactDetails * { font-size: 10px;  }

/* End Callouts */

/* Callout Coloring */
.LightBlueCallout { background-color: #cce0eb; }
.LightBlueCallout .FormButton span { background-image: url(../images/btn_submit_lightblue_right.gif); }
.LightGreyCallout { background-color: #f3f3f3; }
.LightBlueCallout .FormButton span { background-image: url(../images/btn_submit_lightgrey_right.gif); }
.BeigeCallout { background-color: #F0EDE3; }
.BeigeCallout .FormButton span { background-image: url(../images/btn_submit_beige_right.gif); }

/* End Callout Coloring */

/* Breadcrumb */

.Breadcrumb { font-size: 10px; }

/* End Breadcrumb */

/* Date Display */

.DateDisplay {  }
.DateDisplayRounding { height: 3px;  width: 30px; background-color: #00649d; }
.DateDisplayRoundingBottom { background-color: #f3f3f3; background-image: url(../images/bg_datedisplay_bottom.gif); }
.DateDisplayRounding div { width: 3px; height: 3px; font-size: 0.1%; }
.DateDisplayMonth { background-color: #00649d; width: 30px; font-size: 10px; text-align: center; color: #ffffff; text-transform: uppercase; padding: 0 0 2px 0; line-height: 8px; }
.DateDisplayDayContainer { background-color: #ffffff; border: 1px solid #b2d0e1; border-bottom: 0px;  width: 28px; border-top: none; }
.DateDisplayDay { font-size: 14px; font-weight: bold; background-color: #f3f3f3; color: #333333; text-align: center; margin: 0 1px 0px 1px; padding: 0 0 0px 0; }

/* End Date Display */

/* Case Study */
.CaseStudiesContainer { margin: 7px 0 0 0; }
.CaseStudyContainer { margin: 0 0 15px 0; }
.CaseStudyIcon { float: left; height: 80px; width: 80px; }
.CaseStudyText { float: left; margin: 0 0 0 15px; }
.CaseStudyText h1 { font-size: 14px; margin: 0 0 5px 0; }
.CaseStudyText * { font-size: 12px; }
.CaseStudyBody { }
.CaseStudyBody img { border: 1px solid #cccccc; margin: 4px 0 7px 0; }
.CaseStudySystemImages { float: right; width: 127px; margin: 0 0 0 15px; }

.ImageCaption { font-size: 10px; color: #666666; margin: 0 0 7px 0; }
/* End Case Study */

/* Contact Us */
.ContactUsDescription { clear: both; font-size: 12px; width: 120px; float: left; padding: 3px 0 0 0; margin:  0 0 13px 0; }
.ContactUsData { float: left; padding: 0 0 0 15px; }
.ContactUsData input { width: 180px; }
.ContactUsData .skinddl_Menu { width: 400px; }
.ContactUsData .skinddl_dropdown { width: 390px; }
html>body .ContactUsData .skinddl_dropdown { width: 400px; }
.ContactUsData textarea { width: 390px; height: 300px; }
.ContactUsFormButtons { margin: 0 0 0 135px; }

/* End Contact Us */

/* Clients */
.ClientContainer { margin: 0 0 15px 0; }
.ClientContainer h3 { margin: 0 0 5px 0; }
.ClientContainer img.LeftFloat { margin: 0 15px 0 0; }

/* End Clients */

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/icn_lightbox_prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/icn_lightbox_next.gif) right 50% no-repeat; }
html>body #prevLink:hover, #prevLink:visited:hover { background: url(../images/icn_lightbox_prev.png) left 50% no-repeat; }
html>body #nextLink:hover, #nextLink:visited:hover { background: url(../images/icn_lightbox_next.png) right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-top: 10px; padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* End Lightbox */

/* CMS */
.CMSButtons { color: #666666; line-height: normal; margin: 0 0 15px 0; padding: 5px; background-color: #dddddd; border: 1px solid #aaaaaa; display: block; }
.CMSButtons img { margin: 0 5px 0 0px; }
div.FloatingEditBar {  line-height: normal; position: absolute; color: #666666; background-color: #cce0eb; border: 1px solid #3d88b4; width: 100%; border-left: none; border-right: none; padding: 3px 0px; font-size: 10px; }
div.FloatingEditBar input, div.FloatingEditBar select { font-size: 10px; margin: 0; padding: 0; }
div.FloatingEditBar div { margin: 0 5px 0 5px; }
div.FloatingEditBar table td { padding: 0 3px 0 3px; }
div.FloatingEditBar table td img { margin: 0 5px 0 0; }
div.FloatingEditBar .ChangeCount { font-size: 14px; margin: 3px 0 0 0; }

/* End CMS */

/* Administration Area */
.AdminPanel { border: 1px solid #cccccc; margin: 15px 0 0 0; background-color: #f3f3f3; padding: 5px; }
.AdminPanel h2 { margin-top: 0px; width: 100%; }
.AdminPanel .GridView td { font-size: 10px; }
.Permissions { color: #888888; }
.Permissions .Checkbox { vertical-align: top; width: 200px; }
.Permissions .Category { vertical-align: top; font-weight: bold; width: 100px;}
.AdminFormDescription { }
.AdminFormData { height: 30px; }
.AdminFormData * { color: #666666; }
html>body .AdminFormData { height: auto; min-height: 30px; }
.EditButtonField { width: 60px; }

/* End Administration Area */

/* News */
.HomePageNewsContent { margin: 13px 0 0 0; } 
.NewsReleaseItem { margin: 0 0 10px 0;  }
.NewsReleaseContent { float: left; width: 413px; }
.NewsReleaseDate { margin: 0 15px 0 0; float: left; padding: 4px 0 0 0; }
.NewsReleaseTitle { color: #666666; font-size: 12px; line-height: 1.8em; }
.NewsReleaseBody {  }
.NewsReleaseReadMore { text-align: right; }
.NewsReleaseReadMore a { font-size: 10px; }

.AccordionPane { background-color: #ffffff; padding: 10px 15px 10px 15px; font-size: 80%; }
.AccordionHeader {  font-size: 14px; padding: 5px 0 5px 0; color: #666666; background-image: url(../images/icn_accordian_expand_contract.gif); background-repeat: no-repeat; background-position: 469px 5px; }
.AccordionHeader:hover { background-position: 469px -85px;  }
.AccordionHeader.Expanded { background-position: 469px -175px; }
.AccordionHeader.Expanded:hover { background-position: 469px -265px; }

/* End News */

/* Search */
.SearchResult { margin: 0 0 15px 0; }
.SearchTitle * { font-size: 14px; }
.SearchDate, .SearchDate * { font-size: 10px; color: #666666; }
.SearchDate {  float: right; }
.SearchContent, .SearchContent * { font-size: 10px; color: #888888; line-height: 1.8em; }

/* End Search */

/* Site Map */
ul.SiteMap  * { font-size: 12px; }

/* End Site Map */

/* Parners */
.PartnerContainer { margin: 15px 0 0 0; }
.PartnerText { width: 385px; float:left; }
.PartnerText h1 { font-size: 14px; margin-top: -3px; }
.PartnerIcon { margin: 0 15px 0 0 ; float: left; }
/* End Partners */

/* End Page Elements */

/* Utility Classes */
.LeftFloat { float: left; }
.RightFloat { float: right; }
.LeftAlign { text-align: left; }
.RightAlign { text-align: right; }
.TopAlign { vertical-align: top; }
.BottomAlign { vertical-align: bottom; }
.ClearBoth { clear: both; float: none; font-size: 0.1%; height: 0px; background-color: transparent; }
.Hidden { display: none; }
.DisplayInline { display: inline; }
.MaxWidth { width: 100%; }
.Link { cursor: pointer; }
.FontSize10px { font-size: 10px; }
.FontSize12px { font-size: 12px; }
.FirstElement { margin-top: 0px; }
.MarginLeft10px { margin-left: 10px; }
.MarginTop10px { margin-top: 10px; }
.MarginBottom10px { margin-bottom: 10px; }
.BlueText { color: #00649d; }

/* End Utility Classes */

/* Test Classes (To Be Deleted) */
.testr { background-color: Red; }
.testg { background-color: Green; }
.testb { background-color: Blue; }

/* End Test Classes (To Be Deleted) */