@charset "utf-8";
/* CSS Document */

body {	margin: 0; background: url(/images/siteBg.gif); }
h1 { margin: 0; padding: 0; }

#globalHolder { width: 925px; margin-left: auto; margin-right: auto; position: relative; }

#headerBG {	background: url(/images/headerBg.png) repeat-x; height: 155px; padding-top: 10px; }

#logo {	height: auto; width: auto; padding: 0px 0px 16px 30px; }

#pageTitle { background: url(/images/pageTitleBg.gif) repeat-x; height: 63px; width: 925px; margin-left: auto; margin-right: auto; }
#pageTitle h1 { font-family: Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size: 22px; margin-left: 35px;  margin-top: 6px;}

#crumbTrail { width: auto; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9aa7b7; text-align: left; margin-left: 35px; }
#crumbTrail a { text-decoration: underline; color: #9aa7b7; }
#crumbTrail a:hover { color: #c1d72e; }

#pageContent { background: url(/images/contentBg.png) repeat-y; position: relative; top: -18px; width: 943px; margin-left: auto; margin-right: auto; margin-top: 1px; }
#portfolioPageContent { background: url(/images/portfolioBg.png) repeat-y; position: relative; top: -18px; width: 943px; margin-left: auto; margin-right: auto; margin-top: 1px; }


#subNavHolder { background:url(/images/subNavBg.gif) repeat-x; height: auto; width: 925px; margin-left: auto; margin-right: auto; }

#projectHolder { width: 292px; float: left; }

#homepageHolder { background: url(/images/contentBgHome.png) repeat-y; position: relative; top: -18px; width: 943px; margin-left: auto; margin-right: auto; margin-top: 1px; }
#contentCapHome { clear: left; margin: 0 auto; height: 8px; width: 925px; background: url(/images/contentCapHome.gif) no-repeat bottom right; }

#homeIntro { width: 632px; float: left; background: url(/images/flashCap.jpg) no-repeat; }
#homeIntro h1 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size: 26px; font-weight: normal; margin-left: 20px;  margin-top: 10px; }
#homeIntro p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; width: 590px; margin-left: auto; margin-right: auto; padding: 10px 0px 0px 0px; }
#homeIntro ul { margin: 0; padding: 0px 0px 0px 20px; width: 600px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
#homeIntro li { padding: 0; margin: 0; border-bottom: 1px solid #FFFFFF; }
#homeIntro h2 {}
#homeIntro li a { padding: 7px 10px; font-size: 14px; color: #0054a9; display: block; background: #efefef; }
#homeIntro li a:hover { color: #c1d72e; background: #0054a9; }

#newsHolder { height: auto; width: 293px; float: left; background: url(/images/flashCap.jpg) no-repeat top right; }
#newsHolder h1 { margin: 0; padding: 0px 0px 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size: 26px; font-weight: normal; margin-left: 20px;  margin-top: 10px; }
#newsHolder ul { margin: 15px 0px 0px 20px; padding: 0px 0px 20px 0px; width: 255px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  border-bottom: 1px solid #0054a9; }
#newsHolder ul.last { border: none; }
#newsHolder li { list-style: none; font-size: 12px; line-height: 22px; }
#newsHolder li.title a { font-size: 15px; color: #033064; text-decoration: underline; font-weight: bold; }
#newsHolder li.title a:hover { color: #c1d72e; }
#newsHolder li.readMore a { font-size: 13px; color: #0054a9; margin: 0px 20px 0px 130px; text-align: right; }
#newsHolder li.readMore a:hover { color: #c1d72e; }

#contentTopCap { width: 632px; margin: 0px 0px 0px 9px; background: url(/images/contentShadow.gif) no-repeat; float: left; }
#contentCap { clear: left; margin: 0 auto; height: 8px; width: 925px; background: url(/images/contentCap.gif); }
#contentArea { width: 570px; margin-left: auto; margin-right: auto; padding-top: 15px; }
#contentArea p, #contentAreaPort p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; margin: 0; padding: 0px 0px 10px 0px; }
#contentArea a { color: #0054a9; }
#contentArea a:hover { color: #c1d72e; }

#servicesList, #processList { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #022750; }
#servicesList .type a { font-weight: bold; color: #022750; }
#servicesList .type a:hover { color: #c1d72e; }
#servicesList .description { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; padding: 0px 0px 15px 15px; font-weight: normal; color: #000000; }

#processList .title { font-size: 16px; font-weight: bold; padding: 0; }
#processList li { padding: 5px 0px 5px 15px; border-bottom: 1px solid #999999; font-weight: normal; }

#contentTopCap h1 { width: 602px; background: url(/images/flashCap.jpg) no-repeat; margin: 0; padding: 10px 0px 17px 30px; font-family: Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size: 26px; font-weight: normal; }
#contentArea h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; margin: 0; padding: 10px 0px 0px 0px; color: #333333; }
#contentArea h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; margin: 0; padding: 10px 0px 0px 0px; }
#contentArea a {}

#stylePicker { position: absolute; top: -31px; left: 558px; height: 87px; width: 380px; background:url(/images/styleChooserBg.gif) no-repeat; z-index: 2000; }
#stylePicker p { margin: 0; padding: 0; color: #FFFFFF; text-align: left; }
#stylePicker p.current { text-align: left; font-size: 14px; margin: 5px 0px 0px 148px; }
#stylePicker p.feeling {font-size: 22px; font-weight: bold; margin: 14px 0px 0px 0px; }
#stylePicker p.choose { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }

#contentCapPort { clear: left; margin: 0 auto; padding-top: 15px; height: 8px; width: 925px; background: url(/images/contentCapPort.gif) no-repeat bottom right; }
#contentTopCapPort { width: 925px; margin: 0px 0px 0px 9px; background: url(/images/contentShadowPort.gif) repeat-x; float: left; }
#contentAreaPort { width: 570px; margin: 0px 0px 0px 25px; padding-top: 15px; }

#interestForm { margin: 0; padding: 0; width: 600px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
#interestForm li { padding: 7px 10px; margin: 0; border-bottom: 2px solid #FFFFFF; font-size: 14px; color: #0054a9; display: block; background: #efefef; float: left;  }
#interestForm .title { width: 135px; font-weight: normal; font-size: 16px; color:#333333; }
#interestForm .reqtitle { width: 135px; font-weight: normal; font-size: 16px; color: #990000; }
#interestForm .formField { width: 411px; padding: 8px; font-weight: normal; font-size: 14px; }
#interestForm .longQuestion { width: 562px; border: none; font-weight: normal; font-size: 16px; color:#333333; }
#interestForm .email { width: 125px; }
#interestForm .phone { width: 417px; }
#interestForm .webDev { width: 200px; border: none; }
#interestForm .eMarketing { width: 342px; border: none; }
#interestForm .onlineAdvertising { width: 200px; }
#interestForm .searchMarketing { width: 342px; }
#interestForm .submitButton { width: 562px; border-top: 2px solid #FFFFFF; font-weight: bold; font-size: 16px; }

#interestForm input { background: url(/images/bgFormInput.gif) no-repeat left; border: 1px solid #0d4dac; padding-left: 5px; }
#interestForm textarea {	background: url(/images/bgFormText.gif) no-repeat bottom left;	border: 1px solid #0d4dac; padding-left: 5px; }
#interestForm checkbox { border: none; }

#printableHeader { display: none; }