/* MAIN ELEMENTS */
* { margin:0; padding:0; }
body { margin:0 0 20px 0; font-size:13px; font-family:Trebuchet MS, Arial, Verdana; color:#666666; background-color:#304f93; background-image:url(images/bg-main.gif); background-repeat:repeat-x; background-position:top; }
#MainContainer { overflow:hidden; margin:0 auto; width:950px; background-image:url(images/bg-content.gif); background-repeat:repeat-y; }
#Wrapper { float:left; overflow:hidden; padding:0 0 30px 0; background-image:url(images/bg-content-bottom.gif); background-repeat:no-repeat; background-position:bottom; }
#Container { overflow:hidden; padding:15px 30px 0 30px; }
#Content h1 { font-size:34px; color:#2f4e91; font-weight:normal; margin:0 0 20px 0; }
h2 { font-size:22px; color:#304e93; font-weight:normal; margin:0 0 5px 0; }
p { line-height:20px; color:#666666; }
a { color:#436fd3; text-decoration:underline; }
a:hover { text-decoration:none; }
.Breadcrumbs { margin:0 0 20px 0; }
.List { margin:20px 0 20px 35px; }
.List li { margin:0 0 10px 15px; padding:0 0 0 5px; }
table { width:500px; }
.Privacy { width:375px; background-color:#FFFFFF; }

/* TOP NAVIGATION */
#TopNav { padding:20px 25px 0 20px; height:23px; color:#FFFFFF; font-size:11px; clear:both; position:relative; background-color:#1a253d; }
#TopNav a { color:#FFFFFF; text-decoration:none; }
#TopNav a:hover { text-decoration:underline; }
#TopNav li { list-style:none; float:left; }
#TopNav .Left { float:left; color:#CCCCCC; }
#TopNav .Right { position:absolute; top:20px; right:200px; color:#CCCCCC; }
#TopNav h4 { position:absolute; top:15px; right:15px; font-size:18px; color:#FFFFFF; }

/* HEADER */
#Header { height:84px; background-image:url(images/bg-header.gif); background-repeat:no-repeat; position:relative; }
#Header img { float:left; }
#Header .MainNav { color:#7a7d3f; font-size:11px; text-transform:uppercase; position:absolute; bottom:0px; right:25px; }
#Header .MainNav li { list-style:none; float:left; }
#Header .MainNav a { color:#7a7d3f; margin:0 21px 0 21px; padding:0 5px 0 5px; text-decoration:none; }
#Header .MainNav a:hover { text-decoration:none; background-color:#7a7d3f; color:#FFFFFF; }

/* INNER PAGES */
#InnerpageImage { width:950px; height:151px; position:relative; background-image:url(images/bg-innerpage-image.gif); background-repeat:no-repeat; }
#InnerpageImage .Text { position:absolute; top:50px; right:65px; text-align:right; } 
#InnerpageImage h2 { font-size:27px; height:35px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; }
#InnerpageImage .Titles { font-size:13px; color:#d5dff6; text-transform:uppercase; float:right; }
#InnerpageImage .Titles li { list-style:none; float:left; margin:0 0 0 30px;  }
#Content { float:left; width:625px; }
#Content p { margin:0 0 20px 0; }
#SupportRequest { width:800px; float:left; }

/* LEARN MORE INSET */
.LearnMore { margin:15px 0 0 0; padding:10px 0 0 0; background-image:url(images/horizontal-line.gif); background-repeat:repeat-x; background-position:top; }
.LearnMore dt { margin:5px 0 5px 0; font-weight:bold; }
.LearnMore dd { margin:2px 0 0 0; }
.LearnMore dd label { width:45px; float:left; }

/* HELP DESK CHART */
#Chart { margin:15px 0; border:1px solid #CCC; }
#Chart td { padding:2px 5px; }
#Chart td.Title { font-weight:bold; background-color:#E9E9E9; }

/* CONTACT INSET */
.ContactRoan { margin:15px 0 0 0; padding:10px 0 0 0; background-image:url(images/horizontal-line.gif); background-repeat:repeat-x; background-position:top; }

/* TESIMONTIALS */
.Testimonials { margin:0 0 25px 0; padding:0 0 25px 0; background-image:url(images/horizontal-line.gif); background-repeat:repeat-x; background-position:bottom; }
.Testimonials p { font-style:italic; }
.Testimonials a { font-style:normal; font-weight:bold; margin-top:10px; display:block; }
.Testimonials img { float:right; margin:0 0 10px 10px; }
.Testimonials span { font-size:11px; }

/* SITE MAP */
#SiteMap { clear:both; float:left; }
#SiteMap ul { float:left; width:250px; }

/* NEWS */
.News { margin:0 0 15px 0; padding:0 0 25px 0; background-image:url(images/horizontal-line.gif); background-repeat:repeat-x; background-position:bottom; } 
.News dt { font-weight:bold; }
.News dd.Date { margin:0 0 10px 0; }
.News dd.Copy { margin:0 0 5px 0; }

/* LEFT NAVIGATION */
#LeftNav { padding:0 30px 0 0; width:235px; float:left; }
#LeftNav ul { margin:0 0 25px 0; }
#LeftNav ul li { padding:0 0 8px 0px; margin:0 0 7px 0; list-style-type:none; background-image:url(images/horizontal-line.gif); background-position:bottom; background-repeat:repeat-x; }
#LeftNav a { padding:0 0 0 10px; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:left; font-size:11px; text-transform:uppercase; color:#000000; text-decoration:none; }
#LeftNav a:hover { text-decoration:underline; }
#LeftNav .ManagedITServices { margin:0 0 25px 0; width:224px; height:161px; background-image:url(images/bg-inset-managed-it-services.gif); position:relative; }
#LeftNav .ManagedITServices h4 { top:7px; left:10px; position:absolute; font-size:13px; color:#22335c; line-height:20px; }
#LeftNav img { margin:0 15px 0 0; float:left; }

/* HOMEPAGE */
#HomepageImage { width:950px; height:297px; position:relative; background-image:url(images/bg-homepage-image.jpg); background-repeat:no-repeat; }
#HomepageImage .Text { position:absolute; top:90px; right:65px; text-align:right; } 
#HomepageImage h1 { font-size:27px; height:35px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; }
#HomepageImage .Titles { font-size:13px; color:#d5dff6; text-transform:uppercase; float:right; }
#HomepageImage .Titles li { list-style:none; float:left; margin:0 0 0 30px;  }
#HomepageImage .Services { position:absolute; top:231px; left:25px; }
#HomepageImage .Services a { font-size:11px; color:#000000; line-height:14px; text-decoration:none; }
#HomepageImage .Services a:hover { text-decoration:underline; }
#HomepageImage .Services li { line-height:14px; list-style:none; float:left; }
#ManagedServices a { padding:8px 0 0 70px; display:block; width:66px; height:50px; }
#ServerManagement a { padding:8px 0 0 60px; display:block; width:107px; height:50px; }
#DesktopManagement a { padding:8px 0 0 60px; display:block; width:76px; height:50px; }
#ManagedHelpDesk a { padding:8px 0 0 70px; display:block; width:63px; height:50px; }
#AppleSystems a { padding:8px 0 0 63px; display:block; width:80px; height:50px; }
#ProjectManagement a { padding:8px 0 0 70px; display:block; width:116px; height:50px; }

#LeftColumn { width:550px; padding:0 65px 0 0; float:left; }
#LeftColumn p { margin:0 0 30px 0; }

#RightColumn { width:275px; float:left; }
#RightColumn h3 { margin:0 0 10px 0; font-size:16px; color:#000000; font-weight:bold; }
#RightColumn .LatestNews { margin:0 0 15px 0; padding:0 0 15px 0;}
#RightColumn .LatestNews dt { font-weight:bold; }
#RightColumn .LatestNews dd { font-size:12px; }
#RightColumn .LatestNews p { margin:10px 0 0 0; line-height:16px; }
#RightColumn .HorizLine { background-image:url(images/horizontal-line.gif); background-repeat:repeat-x; background-position:bottom; }

#Insets { clear:both;width:890px; }
#Insets .ITAdvisors { width:282px; height:174px; float:left; background-image:url(images/bg-inset-serving-boston.gif); position:relative; }
#Insets .ITAdvisors h4 { top:20px; left:25px; position:absolute; font-size:16px; color:#000000; line-height:20px; }
#Insets .Newsletter { width:282px; height:174px; float:left; background-image:url(images/bg-inset-newsletter.gif); position:relative; }
#Insets .NewsletterBox { padding:3px; width:218px; height:16px; }
#Insets .Newsletter dl { top:20px; left:25px; position:absolute; }
#Insets .Newsletter dt { font-size:16px; color:#000000; line-height:20px; font-weight:bold; }
#Insets .Newsletter dd { margin:7px 0 0 0; font-size:11px; line-height:18px; }
#Insets .ManagedITServices { margin:5px 0 0 50px; width:224px; height:161px; float:left; background-image:url(images/bg-inset-managed-it-services.gif); position:relative; }
#Insets .ManagedITServices h4 { top:7px; left:10px; position:absolute; font-size:13px; color:#22335c; line-height:20px; }

/* FOOTER */
#Footer { width:950px; height:112px; font-size:11px; background-image:url(images/bg-footer.gif); position:relative; float:left; }
#Footer .Container { top:30px; left:20px; position:absolute; }
#Footer .Container ul { padding:0 0 7px 0; width:930px; float:left; }
#Footer .Container ul li { margin:0 0 0 3px; float:left; list-style:none; }
#Footer .Container ul li a { margin:0 3px 0 0; text-decoration:none; }