body{margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; background-color:#284261; width:920px; position:relative; text-align:center; font-family:verdana; font-size:10pt;background-image:url('images/bg-page-gradient.jpg');background-repeat:repeat-x;}

h1{font-size:18pt;font-weight:400;color:#15273c;}
h3{font-size:11pt;border-bottom:2px dotted #808080;font-weight:400;padding:5px;color:#999999;font-weight:700;}
h3.whiteDotted{font-size:15pt;border-bottom:1px dotted #ffffff;font-weight:400;padding:3px 3px 6px 3px;color:#ffffff;margin:0 0 10px 0;}

#wholePg{width:912px; text-align:left; margin:0; padding:0; border:1px solid #ffffff;background-color:#598cc9;}

#headerContainer{width:912px; height:176px; margin:0; padding:0;background-color:#598cc9;text-align:center;background-color:#598cc9;background-image:url('images/bg-header-area-1.jpg');}

#logoArea{width:180px;height:150px;margin:0 0 0 35px;padding:0;position:absolute;top:0px;left:0px;}

#homePhone{position:absolute;left:220px;height:35px;width:300px;top:3px;color:#598cc9;font-size:19pt;}
/*#internalPhone{position:absolute;left:588px;height:45px;width:300px;top:140px;color:#598cc9;font-size:15pt;font-weight:400;}*/
#internalPhone{position:absolute;left:420px;height:35px;width:200px;top:3px;color:#598cc9;font-size:19pt;}
#tagline{color:#e9c761;position:absolute;font-weight:400;top:145px;left:40px;font-size:13pt;z-index:10;letter-spacing: -1px;}

#companyContainer{position:absolute;top:12px;left:631px;}
#homeContainer{position:absolute;top:12px;left:635px;}
#resourceContainer{position:absolute;top:12px;left:680px;}
#clientContainer{position:absolute;top:12px;left:750px;}
#loginContainer{position:absolute;top:12px;left:820px;}
a.topNav{color:#ffffff;font-size:8pt;font-weight:700;text-decoration:none;letter-spacing:-1px;}

#navigationContainer{width:912px; height:37px; margin:0 0 0 0; padding:0;background-color:#ffffff;text-align:center;background-image:url('images/bg-navigation-area.jpg');background-repeat:no-repeat;}

#design{width:132px;float:left;padding:10px 0 0 0;margin:1px 0px 0px 35px;height:30px;}
#development{width:177px;float:left;padding:9px 0 0 0;height:30px;margin:1px 0px 0px 1px;}
#marketing{width:145px;float:left;padding:10px 0 0 0;height:30px;margin:1px 0px 0px 1px;}
#total-business{width:240px;float:left;padding:10px 0 0 0px;height:30px;margin:1px 0px 0px 1px;}
#company{width:147px;float:left;padding:10px 0 0 0px;height:30px;margin:1px 0px 0px 1px;}
.mainnav{color:#faebd7;font-weight:700;text-decoration:none;}
.mainnav:hover{color:#ffffff;font-weight:700;text-decoration:none;}

.mainnav-on{color:#000000;font-weight:700;text-decoration:none;}

/* internal pages navigation */
#subnavContainer{width:912px;height:28px;background-color:#e9c761;margin:0 0 0 0;padding:0 0 0 0px;}
#subnav{margin:0px 0 0 0;padding:5px 0 0 10px;}
#subnavul{list-style:none;display:inline;}
#subnavul li{float:left; margin: 0 0 0 2em;} 
#subnavul li a{color:#994a3a;text-decoration:none;font-size:9pt; font-weight:700;}
#subnavul li a:hover{color:#660000;text-decoration:none;font-size:9pt; font-weight:700;}

/* white box */
#whiteBoxContainer{width:317px;background-color:#ffffff;height:auto;background-image:url('/images/featured-project-hdr-1.jpg');background-repeat:no-repeat;background-position:0px 25px;border:1px solid #284261;float:right;margin:30px 25px 0 10px; padding:0px;position:relative;}
#whiteBoxContent{margin:8px;}
#whiteBoxFooter{height:5px;background-color:#cccccc;width:317px;}
#whiteBoxFooter1{height:5px;background-color:#cccccc;width:317px;}

/* tabbed box */
#tabbedBoxContainer{width:317px;background-color:#ffffff;height:auto;background-image:url('/images/featured-project-hdr-1.jpg');background-repeat:no-repeat;background-position:0px 25px;border:1px solid #284261;float:right;margin:30px 25px 0 10px; padding:0px;position:relative;}
#tabbedBoxContent{margin:8px;}
#tabbedBoxFooter{height:5px;background-color:#cccccc;width:317px;}

#boxNav{width:312px;height:20px;background-color:#ffffff;margin:2px 0 0 3px;padding:0px;text-align:center;}
#boxNavDesign{width:85px;float:left;background-color:#ffffff;height:20px;padding:2px 0 0 2px;text-align:center;cursor:pointer;margin:0;}
#boxNavDevelopment{width:113px;float:left;background-color:#cccccc;height:20px;padding:2px 0 0 2px;border-left:1px solid #ffffff;border-right:1px solid #ffffff;text-align:center;cursor:pointer;color:#666666;margin:0;}
#boxNavMarketing{width:105px;float:left;background-color:#cccccc;height:20px;padding:2px 0 0 2px;text-align:center;cursor:pointer;color:#666666;margin:0;}
#tabbedText{margin:70px 0 0 0;padding:5px 0 0 0;width:285px;font-size:9pt;line-height: 14pt;color:#666666;}
#tabbedText1{display:none;margin:70px 0 0 0;padding:5px 0 0 0;width:285px;font-size:9pt;line-height: 14pt;color:#666666;}
#tabbedText2{display:none;margin:70px 0 0 0;padding:5px 0 0 0;width:285px;font-size:9pt;line-height: 14pt;color:#666666;}

#tabbedText h3{font-size:11pt;color:#054e71;font-weight:400;border-bottom:none;margin:0 0 -8px 0;line-height:10pt;padding:0px;}


/* blue box */
#blueBoxContainer{width:317px;background-color:#cde3f9;height:auto;border:2px solid #284261;float:right;margin:30px 25px 0 10px; }
#blueBoxContent{margin:8px;}
#blueBoxFooter{height:10px;background-color:#598cc9;width:317px;}
#blueBoxHomeFooter{height:10px;background-color:#cccccc;width:317px;}
#featuredProjectText{margin:20px 0 0 0;padding:5px;width:285px;font-size:9pt;line-height: 14pt;color:#666666;}

#featuredProjectText h3{font-size:11pt;color:#054e71;font-weight:700;border-bottom:none;margin:10px 0 -8px 0;line-height:10pt;padding:0px;}

#rtColumn{width:350px;float:right;color:#666;}
#leftColumn{width:500px;float:left;padding:30px 5px 0 20px;color:#666;}

#contentContainer{width:912px; height:auto; margin:0; padding:0; background-color:#598cc9; text-align:center;}
#contentContainerInternal{width:912px; height:auto; margin:0; padding:0;text-align:center;background-color:#ffffff}

#contentArea{width:900px; height:auto; text-align:left; margin:0; padding:0;text-align:left;}


#footerContainer{width:912px; height:250px; margin:0; padding:0;background-color:#000000;text-align:center;background-image:url('images/bg-footer-area.jpg');text-align:left;background-repeat:no-repeat;}

#footerText{padding:10px 0 0 10px;color:#598cc9;font-size:8pt;}



#picContainer{height:150px;width:500px;position:relative;}

#triColumnContainer{width:503px;height:450px;font-size:9pt;margin-top:-10px;}
#column1Container{width:163px;height:auto;float:left;text-align:left;}
#column1Content{width:148px;margin-left:4px;color:#d1e4fc;line-height:14pt;}
#column1Content a{color:#054E71;text-decoration:none;}
#column2Container{width:163px;height:500px;float:left;margin:0 0px 0 0px;text-align:left;border-left:1px dotted #ffffff;}
#column2Content{width:148px;margin-left:8px;color:#BCD7F7;line-height:14pt;}
#column2Content a{color:#054E71;text-decoration:none;}
#column3Container{width:163px;height:500px;float:left;text-align:left;border-left:1px dotted #ffffff;margin-left:5px;}
#column3Content{width:148px;margin-left:11px;color:#ffffff;line-height:14pt;font-family:georgia;font-style: oblique;font-size:10pt;}
#column3Content a{color:#054E71;text-decoration:none;}

#portfolioNav{float:left;width:150px;height:100%;margin-right:12px;margin-left:10px;}
#portfolioNav h3{line-height:12pt;font-weight:700;font-size:12pt;margin:8px 0 0 0;padding:2px;border-bottom:2px dotted #666666;}
#portfolioNav ul{line-height:10pt;font-weight:400;font-size:10pt;margin:0px 0 0 0;padding:0px;list-style-type:none;}
#portfolioNav li{line-height:9pt;font-weight:700;font-size:9pt;margin:0px 0 0 0;padding:5px 0px 5px 0;border-bottom:1px dotted #666666;list-style-type:none;color:#666666;}
#portfolioNav a{line-height:9pt;font-weight:700;font-size:9pt;color:#005387;text-decoration:none;}
#portfolioCenter{float:left;height:100%;width:495px;}
#rtColumnPortfolio{float:right;width:220px;height:100%;text-align:center;}
#rtColumnPortfolioBox{margin:10px 0 0 0;padding:8px;background-color:#faebd7;width:190px;text-align:left;}
#rtColumnPortfolioBox h2{color:#fff8dc;font-weight:700;font-size:11pt;padding:10px;background-color:#005387;}
#leftColumnPortfolio{width:680px;float:left;padding:5px 0px 0 0px}

/*  resources tabs   */
#tabContainer{position:relative;}
#tabRow{}
#tab1{cursor: pointer;}
#tab2{cursor: pointer;}
#tab3{cursor: pointer;}
#tab4{}

#tipsBox{display:none;position:absolute;top:330px;left:10px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;}
#articlesBox{display:none;position:absolute;top:330px;left:10px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;cursor:pointer;}
#pressBox{display:none;position:absolute;top:330px;left:10px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;cursor:pointer;}

#portfolioList{float:left;width:700px;position:relative;}
#listReturn{position:absolute;left:570px;top:48px;}

.leftTab{height:36px;width:16px;background-image:url('/images/left-round-tab.gif');float:left;}
.centerTab{height:36px;width:auto;background-image:url('/images/bg-round-tab.gif');background-repeat:repeat-x;float:left;color:#ffffff;padding-top:12px;font-weight:700;font-size:11pt;}
.centerTab a{font-size:11pt;color:#ffffff;text-decoration:none;}
.rightTab{height:36px;width:17px;background-image:url('/images/rt-round-tab.gif');float:left;}

.headingWhiteBox{width:142px;height:20px;background-color:#ffffff;border:3px #cce1fa solid;text-align:left;padding:4px 0 3px 3px;color:#000000;font-family:verdana;font-style:normal;font-weight:700;}
.creamBold{color:#e5e6c6;font-weight:700;font-size:9pt;font-family:georgia;font-style: oblique;}


.caseListContainer{width:700px;border-bottom:2px dotted #333333;padding:0 0 5px 0;margin:5px 0 0 0;height:140px;}
.caseListPic{float:left;width:130px;margin:3px 10px 3px 10px;}
.caseListContent{width:550px;font-size:9pt;}
.caseListContent h2{font-size:12pt;font-weight:400;margin:0 0 -10px 0;padding:0;line-height:11pt;}

.pullParagraph{margin:20px 20px 20px 10%;font-style: italic;padding:10px;clear:both;}
.pullParagraph b{margin:5px 0px 10px 0px;text-align:right;display:block;}



.selectedPortfolio{background-color:#e9c761;}

.internalSubHeading{font-family:verdana; font-size:13pt;color:#15273c;font-weight:400;border-bottom:1px dotted #666;padding:0 0 5px 0;clear:both;}

a.plainlink{color:#000000;text-decoration:none;font-weight:700;}
a.plainlink:hover{color:#0047a4;text-decoration:underline;}
a.plainlink:visited{color:#000000;text-decoration:none;}

.selectDark{color:#000000;font-weight:700;font-size:10pt;}
.selectBlue{color:#00009c;font-weight:700;font-size:10pt;}
.selectDarkHeading{color:#000000;font-weight:700;background-color:#faebd7;font-size:10pt;}
.blue{font-size:9pt;font-weight:700;color:#005387;}