body {margin:0px 0px 0px 0px;  color:#4c4c4c;font-family:Arial, Sans-Serif;background:#001959 url(/resources/images/background.jpg) no-repeat top center;  background-position:50% 0%; }

ul { margin:0px 0px 0px 0px; list-style-type:none; padding:0px 0px 0px 0px;}
img { background:none; }
a img { border:none;}
h1 { color:#ff9900; text-transform:lowercase; font-weight:normal; font-size:30px; font-family:Arial;  }
h1 a { color:#ffb000;}
h2 { color:#ffb000; text-transform:uppercase; font-size:12px; font-weight:normal;  margin-top:0px;padding-top:11px; margin-bottom:0px; padding-bottom:6px;}
h4 { font-size:12px; color:#7283AB; font-style:italic; margin-top:0px; margin-bottom:8px;}
a { color:#7eb0ff; text-decoration:none;}
p { padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

/* Header */
#Header { margin:0px auto;width:970px; height:115px;background:#001d66 url(/resources/images/background.jpg) -415px 0px;position:relative;z-index:3;  }
#Header #HeaderList { position:absolute; right:10px; top:8px; color:#FFFFFF; font-size:13px;}
#Header #Logo {margin-left:0px; margin-top:35px;}
#Header #Navigation { list-style-type:none; margin-top:35px;position:absolute; right:0px; bottom:-1px; z-index:5000;}
#Header #Navigation li {float:left;height:35px; }
#Header #Navigation li a {text-decoration:none; color:#d6eaff;display:block; width:100px;height:35px; text-transform:lowercase; font-size:14px; line-height:28px; padding-left:10px;}
#Header #Navigation li a.selected {color:#ff9900; }
#Header #Navigation li a:hover{color:#ff9900;}
#Header #Navigation li ul {  opacity:.90; }
#Header #Navigation li ul li { float:none; margin-top:0px;height:24px; width:135px;}
#Header #Navigation li ul li a { height:24px; line-height:24px; background-color:#061D55; font-size:11px;width:125px;}
#Header #Navigation li ul li a.selected {  background-color:#061D55;}

/* Home page */
#HomeMain { position:relative; margin:0px auto; width:970px; height:310px;background:#001d66 url(/resources/images/background.jpg) no-repeat -415px -115px;}
#HomeMain h1 { margin:0px 0px 0px 0px; position:absolute; top:32px; left:15px; font-size:34px; font-weight:lighter;}
#HomeMain p.tagLine { color:#FFFFFF; position:absolute; left:443px; top:46px;  font-size:14px;  line-height:25px; text-transform:uppercase; }
#HomeMain p.about { position:absolute; top:90px; left:431px; font-size:14px; line-height:23px; width:500px;}
#HomeMain #PortfolioHome { position:absolute; bottom:0px; list-style-type:none; display:inline; padding-bottom:5px; padding-left:0px;}
#HomeMain #PortfolioHome li { display:block; float:left;}
#HomeMain #PortfolioHome li.header { padding-right:5px;  padding-left:15px; padding-top:12px; font-size:14px; color:#ff9900; text-transform:uppercase;}
#HomeMain #PortfolioHome li.logo { width:156px; text-align:center;}
#HomeMain #PortfolioHome li.more { padding-top:12px; font-size:14px; }
#HomeMain #PortfolioHome li.more a { color:#ff9900; }
#HomeFeatures { margin:0px auto; width:970px;}

/* Home page column 1 */
.column { color:#FFFFFF; height:560px;   background:url(/resources/images/highlightcolumn.jpg) repeat-x;float:left; padding-top:10px;  position:relative; display:inline;}
.column1 { width:182px; height:500px; margin-right:15px; padding-left:15px; padding-right:15px; margin-left:0px; }
.column1 .capability { clear:both;}
.column1 .capability h4 { font-size:15px; font-weight:bold; text-transform:lowercase; color:#7eb0ff;font-style:normal;}
.column1 .capability h4 a { color:#7eb0ff;  }
.column1 .capability img { float:left; margin-left:-5px; display:inline;}
.column1 .capability ul { float:left; display:block; font-size:12px; width:145px; padding-left:7px; padding-bottom:10px;}

/* Home page column 2 */
.column2 { width:486px; margin-right:15px; padding-left:15px; padding-right:15px; line-height:25px; font-size:13px;}
.column2 p { margin:0px 0px 0px 0px;padding-top:0px; margin-bottom:5px; line-height:18px; font-size:12px; display:block; float:left;padding-bottom:5px;}
.column2 h4 { font-size:16px; letter-spacing:normal; text-transform:none; font-style:normal; line-height:20px; margin-bottom:0px; font-weight:bold;}
.column2 h4 a { }
.column2 .dateAuthor { font-size:11px; color:#FFFFFF; margin-bottom:10px; line-height:11px;}
.column2 .seperator { width:100%; height:1px; font-size:1px; line-height:0px; background-color:#004bbe; margin-top:0px; margin-bottom:15px; clear:both;}
.column2 .thumbnail { float:left; padding-right:15px; padding-top:3px;}
.column2 a.readMore { font-size:10px;}
.column3 { width:182px;position:relative; padding-left:15px; padding-right:15px;}
.column h3 { color:#ff9900; text-transform:uppercase; font-size:14px; font-weight:normal;  padding-top:5px; margin-top:0px; line-height:13px; }

/* Home page column 3 */
.column3 p { font-size:11px; line-height:16px; margin:12px 0px 12px 0px;}
.column3 p.tweet { margin-bottom:17px;}
.column3 .twitterHead { text-transform:lowercase; clear:both; padding-top:10px;}
.column3 ul li { font-size:12px; margin-bottom:5px; display:block; float:left; width:80px;}
.column3 ul li a { line-height:20px;}
.column3 img { margin-right:5px;}
.column .more { text-decoration:none; color:#7283ab;  font-size:12px;}
.column .rss { position:absolute; right:20px; top:12px;}
.clear { clear:both;}


#Content { width:970px;  margin:0px auto;position:relative; z-index:2;}
.spectrum { background:url(/resources/images/spectrum.jpg) no-repeat;}
.harris { background:url(/resources/images/harris.jpg) no-repeat;}
.spartan { background:url(/resources/images/spartan.jpg) no-repeat;}
.stiles { background:url(/resources/images/stiles.jpg) no-repeat;}
.zpower { background:url(/resources/images/zpower.jpg) no-repeat;}
.twoColumn { background:url(images/outer2bg.jpg) repeat-y;}
.twoColumn .twoColumn { background:url(images/inner2bg.jpg) no-repeat;}
.threeColumn { background:url(images/outer3bg.jpg) repeat-y;}
.threeColumn .threeColumn { background:url(images/inner3bg.jpg) no-repeat;}

#ContentContainer { width:970px; margin:0px auto;}
#Content h1 { position:absolute;left:10px;top:24px; margin:0px 0px 0px 0px;}
#Content #LeftBar { width:163px; float:left; margin-top:85px;}
#Content.caseStudy #LeftBar { margin-top:215px;}

/* Watermarks */
#Watermark img { position:absolute;}
.about #Watermark img { left:420px;}
.capabilities #Watermark img { left:529px;}
.clients #Watermark img { left:638px;}
.contactus #Watermark img { left:747px;}
.blog #Watermark img { left:856px;}


/* Subnavigation */
#SubNavigation { margin-left:0px;  }
#SubNavigation h2 { margin-left:10px; padding-top:10px; margin-top:0px; margin-bottom:5px; letter-spacing:normal;}
#SubNavigation ul { padding-top:0px; }
#SubNavigation ul li { padding-left:10px; padding-top:8px; padding-bottom:8px;}
#SubNavigation.blog ul li { padding-top:1px;color:#7e99cc; text-decoration:none; font-size:12px;}
#SubNavigation ul li a { color:#7eb0ff; text-decoration:none; font-size:12px;}
#SubNavigation ul li a.selected { color:#ff9900;} 
#SubNavigation ul li ul{ padding-top:0px; padding-bottom:0px; }
#SubNavigation ul li ul li { padding-top:4px; padding-bottom:0px;}
#SubNavigation ul li ul li a { font-size:11px;}

#Content #Main {  float:left; padding-top:105px; padding-left:48px;padding-right:37px; padding-bottom:20px;}
.threeColumn #Main { width:510px; font-size:12px; }
.twoColumn #Main { width:722px;}
#Content.caseStudy #Main { padding-top:217px;}
#Main a  { color:#004cb0;}
#Main p { font-size:12px; line-height:20px; color:#4c4c4c; margin-top:8px; margin-bottom:15px;}
#Main p.highlight { font-size:14px; line-height:23px;}
#Main .intro {  margin-top:0px;}
#Main img.sideImage { float:right; padding:15px 0px 0px 15px; clear:right;}
#Main .logoArray img { padding:5px 10px 5px 10px;}
#Main ul { list-style-type:disc; padding:5px 0px 5px 0px; line-height:22px; margin-left:20px; margin-bottom:5px; font-size:12px;}
#Main ul li { margin-bottom:10px;}
#Main h2 {   text-transform:lowercase; font-size:27px; font-weight:bold;  padding-bottom:9px;color:#003484; padding-bottom:20px;}
#Main h3 { color:#7e7e7e; font-size:16px;}
#Main h4 { color:#ff9900; text-transform:uppercase; font-size:14px; font-weight:bold; font-style:normal; }
#Main .seperator { height:1px; width:100%; background-color:#bdbdc6; font-size:1px; line-height:0px;}
#Main .clientLogoList { padding-top:25px;}
#Main .clientLogoList .client { width:240px; float:left; height:60px;}
#Main .clientLogoList .client img { float:left;}
#Main .clientLogoList .client p { font-size:10px; display:block; float:right; width:120px; line-height:12px;}
#Main .clientList .client { float:left; width:170px; height:175px;}
#Main .projectList {}
#Main .projectList .project { height:135px; clear:both;}
#Main .projectList .project a.imageLink { display:block; float:left; padding-right:15px;}
#Main .map {padding-top:1px;}
#Main .form { float:left; clear:both; width:100%;}
#Main .formField { padding-bottom:10px; padding-top:5px; position:relative;}
#Main .formField .textbox { width:250px; margin-left:100px;}
#Main .formField .textarea { width:350px; margin-left:100px;}
#Main .formField label { position:absolute; right:420px;top:8px; text-align:right;}
#Main .validationSummary li {  margin-bottom:0px; padding-top:0px; color:#ffb000;}
#Main .validationSummary ul { padding-bottom:20px;}
#Main .submitButton { margin-left:100px; padding-left:15px; padding-right:15px; padding-top:3px; padding-bottom:3px; width:100px; height:30px; background-color:#003585; color:#7eb0ff; border-color:#7eb0ff; font-size:13px; border-collapse:collapse; text-transform:uppercase; font-weight:bold; margin-top:3px; font-family:Arial, Sans-Serif; letter-spacing:.4mm; cursor:pointer; }

/* Content box styles */
#Main .contentBox { width:313px; height:137px; float:left; display:inline; margin-right:50px; background:url(images/contentbox-bg.jpg) repeat-x; padding:10px 5px 0px 10px;}
#Main .contentBox h4 { color:#ff7e00; line-height:14px; margin-bottom:2px;}
#Main .contentBox h4 a { color:#ff7e00;}
#Main .contentBox img { float:left; padding-right:6px;}
#Main .contentBox p { font-size:12px; display:block; float:left; width:190px; line-height:18px; margin-top:0px;}
#Main .alternating { margin-right:0px;}


#Content #Related { color:#4c4c4c; float:left; width:177px; padding-left:15px; padding-right:20px; padding-top:105px;font-size:11px;}
#Content.caseStudy #Related { top:240px; }
#Related h2 { margin-top:0px;  margin-bottom:4px; letter-spacing:normal; color:#003484; font-weight:bold; text-transform:lowercase;}
#Related p { padding-right:5px;}
#Related ul { }
#Related ul li { padding-top:4px; padding-bottom:4px;}
#Related a { text-decoration:none; color:#004cb0;}
#Footer { margin:0px auto; width:970px; padding-top:20px; font-size:11px; padding-right:5px; color:#3366b0;}
#Footer ul {float:right;padding-bottom:10px; }
#Footer ul li { float:left; border-left:solid 1px #3366b0; padding-left:5px; padding-right:5px; line-height:11px; }
#Footer ul li.first { border:none;}

/*  Blog-specific styles */
#Main .blogPost .title { font-size:17px; font-weight:bold;}
#Main .blogPost .title a { text-decoration:none; color:#003484;}
#Main .blogPost .dateAuthor { font-size:12px;margin-bottom:20px; }
#Main .blogPost p { line-height:20px; font-size:12px;}
#Main .blogPost ul.options { list-style-type:none; padding:0px 0px 20px 0px; margin:20px 0px 0px 0px;  }
#Main .blogPost ul.options li {float:left; font-size:12px;padding-right:5px; padding-left:5px; border-left:1px solid #FFFFFF;height:12px; line-height:12px;}
#Main .blogPost ul.options li a { font-size:12px; text-decoration:none;}
#Main .blogPost ul.options li.first { background:url(/resources/images/blog-arrow.gif) no-repeat 3px; padding-left:10px; border:none; }
#Main .postBrowser a { font-size:12px;  text-decoration:none; padding-bottom:20px;}
#Main .postBrowser .previous { float:left;}
#Main .postBrowser .next { float:right;}
#Main hr { margin-bottom:23px;color:#7eb0ff; background-color:#7eb0ff;}
#Main #comment { width:505px; }