body 
{
    font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
    background-image: url(/images/bg_greywave.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0px;
    margin: 0px;
}
H1 
{
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: White;
}
H2
{
    font-size: 14px;
    font-weight: bold;
    color: #0D325D;
    border: dashed 0px blue;
}
P
{
    font-size: 12px;
    color: #535360;
}
.citation 
{
    font-style: italic;
    text-align:right;
    }
img
{
    border: none;
}
#tblHeader
{
    width: 1007px;
    border: solid 0px red;
}
#tblBody
{
    width: 1007px;
    border: solid 0px red;
    background-image: url(/images/85_percent_BGtile.png);
    background-position: center;
}
#tblFooter
{
    width: 1007px;
    border: solid 0px red;
    padding-bottom: 10px;
}

/* home page elements */
.leftshadow
{
    background-image: url(/images/shadow_left.png);
    background-repeat: repeat-y;
    border: dashed 0px black;
    width: 14px;
}
#hdrnav
{
    width: 629px;
    vertical-align: bottom;
    text-align: right;
    border: dotted 0px blue;
    padding: 0px 45px 0px 0px;
}
.rightshadow
{
    background-image: url(/images/shadow_right.png);
    background-repeat: repeat-y;
    border: dashed 0px black;
    width: 14px;
}
#hdrlogo
{
    width: 350px;
    height: 121px;
    border: solid 0px blue;
}
/* header nav elements */
#hdrArea
{
    background-image: url(/images/header_bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.imgNavTab
{
    border: solid 0px blue;
    margin: 0px;
    padding: 0px;
}
#hdrspacer
{
    height: 60px;
    width: 979px;
    padding: 0px;
    /*border: solid 0px gray;*/
}
/* footer */
#footercol
{
    text-align: center;
    padding-top: 30px;
    border: dotted 0px gray;
}
#footerlogo
{
    text-align: center;
    width: 32px;
    border: dotted 0px gray;
}
#footertext
{
    font-size: 12px;
    color: #535360;
    padding: 0px 20px 0px 10px;
}

#footerlinks
{
    font-size: 12px;
    color: #535360;
    padding: 0px 20px 0px 10px;
}

#footersitemap
{
    font-size: 12px;
    color: #535360;
    padding: 0px 0px 0px 20px;
    border: dashed 0px blue;
}

/* other home page goodies */
#hmTagline
{
    padding: 0px 45px 0px 45px;
}
.taglinemajor
{
    font-size: 23px;
    color: #0d325d;
}
.taglineminor
{
    font-size: 16px;
    color: #6699ca;
}
#hmFeaturedClient
{
    padding: 17px 45px 30px 45px;
}
/* info area below blue bar on home page */
#hmInfoArea
{
    padding: 0px 45px 0px 45px;
}
.hmInfoBlueBkgnd
{
    background-color: #f3f7fb;
    border: solid 0px gray;
}
.pad20
{
    background-image: url(/images/spacer.gif);
    width: 20px;
}
#hmTblInfo
{
    border: solid 0px black;
}

#hmBeliefBlock
{
    border: solid 0px blue;
    background-color: #f3f7fb;
    /*padding: 15px 20px 7px 20px;*/
    padding: 5px 20px 7px 20px;
    margin-bottom: 0px;
    vertical-align: top;
    padding-bottom: 5px;
    height: 300px;
}
#hmBeliefBlock div
{
    border: solid 1px red;
    /*background-color: #f3f7fb;*/
    /*padding: 15px 20px 7px 20px;*/
    margin-bottom: 0px;
    vertical-align: top;
    /*height: 309px;*/
    
}
.learnmore 
{
    /*padding-top: 32px; */
    padding-top: 32px; 
    margin-bottom: 0px;
    vertical-align: bottom;
}
.hmServicesTbl
{
    border: solid 0px black;
    vertical-align: top;
    height: 358px;
}
#hmService_Design
{
    border: dotted 0px gray;
    background-image: url(/images/hm_Services_WebDesign.png);
    background-repeat: no-repeat;
    background-position: right;
    /*vertical-align: top;*/
    height: 113px;
    width: 282px;
}
#hmService_Dev
{
    border: dotted 0px gray;
    background-image: url(/images/hm_Services_WebDevelopment.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 113px;
    width: 282px;
}
#hmService_Mktg
{
    border: dotted 0px green;
    background-image: url(/images/hm_Services_BrandMarketing.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 113px;
    width: 282px;
}
#hmService_SEO
{
    border: dotted 0px gray;
    background-image: url(/images/hm_Services_SearchEngineOptimization.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 113px;
    width: 282px;
}
#hmService_Usability
{
    border: dotted 0px gray;
    background-image: url(/images/hm_Services_Usability.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 113px;
    width: 282px;
}
#hmService_Strategy
{
    border: dotted 0px gray;
    background-image: url(/images/hm_Services_StrategyConsulting.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 113px;
    width: 282px;
}
.hmService_div
{
    border: dashed 0px blue;
    text-align: left;
    vertical-align: top;
    padding: 10px 8px 10px 90px;
}
.hmService_div p
{
    font-size: 11px;
    color: #3f3f4c;
    border: dotted 0px gray;
    padding-top: 5px;
    margin-top: 0px;
}
/* text treatments */
.hmServiceTitle
{
    font-size: 13px;
    font-weight: bold;
    color: #354a75;
    border: dashed 0px blue;
}
.emphasis
{
    font-size: 16px;
    color: #0d325d;
}
.almostH3
{
    font-size: 14px;
    font-weight: bold;
}
P 
{
    font-size: 11px;
    color: #3f3f4c;
}
/* inside pages */
#td_leftnav
{
    vertical-align: top;
    width: 230px;
    border: dotted 0px black;
    padding-left: 45px;
}
#td_insidecontent
{
    border: dotted 0px blue;
}
#tblInsideContent
{
    border: dotted 0px gray;
}
#td_PageTitleBar
{
    background-image: url(/images/blue_Header_bg.png);
    background-repeat: no-repeat;
    height: 55px;
    width: 656px;
    vertical-align: top;
    border: solid 0px green;
    padding-left: 30px;
    padding-top: 15px;
}
#td_PageDetails
{
    width: 626px;
    vertical-align: top;
    /*border: solid 0px green;*/
    border-left: solid 1px #e8eff7;
    font-size: 24px;
    color: #535360;
    font-size: 12px;
    padding: 20px 30px 0px 30px;
}
.smHeading
{
    font-size: 14px;
    color: #0d325d;
    font-weight: bold;
}
.rightpadContent
{
    padding-right: 30px;
}

/* following used for Work Sample pages */
#featuredProjectHeader
{
    border: solid 0px blue;
}
#featuredProjectNavigation
{
    border: solid 0px red;
    padding-right: 25px;
}
#featuredProjectServices
{
    background-color: #f3f7fb;
    border: solid 1px #d2dff0;
    width: 626px;
}
.featuredProjectImage
{
    margin-bottom: 25px;
}
.featuredProjectTitle
{
    font-size: 18px;
    color: #0d325d;
}
.featuredProjectSummary
{
    padding: 20px 0px 0px 10px;
}

#td_PageDetails p
{
    padding-top: 5px;
    margin-top: 0px;
    color: #535360;
    font-size: 12px;
}

/* styles for the tabbed area underneath project description */
.tabproduct {width: 620px; border: solid 0px blue; margin-top: 30px; margin-right: 30px; border: dashed 0px blue;}

#tabheader {
	margin: 0px;
	padding: 0px;
	}
.tabbody  { /*border-bottom: solid 1px #d2dff0; border-left: solid 1px #d2dff0; border-right: solid 1px #d2dff0; */
    background-color: White;
	width: 610px; 
	padding: 20px 0px 20px 0px;
	border: dotted 0px red;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:	11px;
}

.tabbutton {
	font-size:	12px;
	font-weight: bold;
	color: #2E3D9B;
	}

a.tabbutton:link    {text-decoration: none; color:	#354a75;}
a.tabbutton:visited {text-decoration: none; color:	#354a75;}
a.tabbutton:hover   {text-decoration: none; color:	#354a75;}
a.tabbutton:active  {text-decoration: none; color:	#354a75;}

.tabgap {border-bottom: solid 1px #d2dff0; width: 10px;}
.tabend {border-bottom: solid 1px #d2dff0; }

.tabontop {border-top: solid 1px #d2dff0; border-left: solid 1px #d2dff0; border-right: solid 1px #d2dff0; border-bottom: solid 0px #d2dff0; 
	       background-color: White; text-align:center;  padding: 5px;}

.tabinback	{border-top: solid 1px #d2dff0; border-left: solid 1px #d2dff0; border-right: solid 1px #d2dff0; border-bottom: solid 1px #d2dff0; 
	         background-color: #f3f7fb; text-align:center;  padding: 5px;}

.websitegallery { border: dashed 0px blue;}
.websiteimg { padding: 7px 25px 30px 0px;}
.websitedescription {padding: 5px 0px 10px 0px;}
.websitedescription ul {margin-top: 3px;}
.websitedescription ul li 
{
    margin-left: -24px;
    border: solid 0px red;    
}
.projecttitle {
	font-size:	12px;
	font-weight: bold;
	color: #2E3D9B;
	}
.projectfeature { padding-right: 5px;}

/* links */
/* default link */
A:link			{ text-decoration: none;	color:	#2176de;}	
A:visited		{ text-decoration: none;	color:	#2176de;}	
A:hover			{ text-decoration: underline;	color:	#2176de;}
A:active		{ text-decoration: none;	color:	#2176de;}	

/* services links on home page */
#hmService_Design A:hover		{ text-decoration: none;	color:	#0B1F66;}
#hmService_SEO A:hover			{ text-decoration: none;	color:	#0B1F66;}
#hmService_Dev A:hover			{ text-decoration: none;	color:	#0B1F66;}
#hmService_Mktg A:hover			{ text-decoration: none;	color:	#0B1F66;}
#hmService_Strategy A:hover		{ text-decoration: none;	color:	#0B1F66;}
#hmService_Usability A:hover	{ text-decoration: none;	color:	#0B1F66;}

/* LEFT NAVIGATION STYLES ---------------------------------------------------------------- */

#tdlistnav  	
{
    width: 210px; 
	border-top: solid 1px #d2e0f0;
	border-bottom: solid 1px #d2e0f0;
}
			
#tdlistnav dl { display: inline;}
#tdlistnav div {margin: 0px;}

.navsection {height: 28px;
    background-color: #d2e0f0;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
	padding: 5px 0px 0px 10px;
}
.navcell {height: 28px;
    border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
    }
.navcell_parent {height: 250px; /* item plus 8 children each 28 px */
    border-collapse: collapse;
    /*border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;*/
    }
.navcell_level3 {height: 28px;
    border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
    }

/* section nav item link */
A.sectnav:link		{text-decoration: none;}	
A.sectnav:visited	{text-decoration: none;}	
A.sectnav:hover	    {text-decoration: none;}
A.sectnav:active	{text-decoration: none;}	

	
.navcellover, .navcell_level3over {height: 28px;
    border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
	background-color: #e3ecf6;
    border: solid 0px red;
	}
	
.navcelltall {height: 40px;
    border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
    }
	
.navcelltallover {height: 40px;
    border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
    background-color: #e3ecf6;
	}

.navbullet {border: solid 0px red; margin-left: 0px; margin-right: 1px;}

DIV.navitem 
{
    height: 22px;
    padding-top: 4px;
    padding-left: 10px;
    border-bottom: solid 0px #ffffff;
} 
DIV.navitem_level3 
{
    height: 22px;
    padding-top: 4px;
    padding-left: 22px;
    border-bottom: solid 0px #ffffff;
} 

DIV.navitems 
{
    background-color: #e3ecf6;
    height: 22px;
    padding-top: 4px;
    padding-left: 10px;
    border-bottom: solid 0px #ffffff;
}
DIV.navitems_level3
{
    background-color: #e3ecf6;
    height: 22px;
    padding-top: 4px;
    padding-left: 22px;
    border-bottom: solid 0px red;
}


/* for Womack-style nav */
/*
#listnav ul {border: solid 0px red; margin: 0px 0px 0px 0px; width: 210px; padding: 0px;	border-top: solid 1px #d2e0f0;
	border-bottom: solid 1px #d2e0f0;
}
			
#listnav ul li {list-style-type: none; padding: 5px 10px 5px 10px;  border-collapse: collapse;
    border-left: solid 1px #d2e0f0;
	border-right: solid 1px #d2e0f0;
}
.navitem a:link		{text-decoration: none;		color:	#333333; font-size: 13px;}	
.navitem a:visited	{text-decoration: none;     color:	#333333; font-size: 13px;}	
.navitem a:hover	{text-decoration: none;		color:	#333333; background-color: #cacaca; font-size: 13px;}
.navitem a:active	{text-decoration: none;     color:	#333333; font-size: 13px;}	
*/

/* END LEFT NAVIGATION STYLES ---------------------------------------------------------------- */






/* normal item link unselected */
A.nnav:link		{text-decoration: none;	color:	#265185; font-size: 13px;}	
A.nnav:visited	{text-decoration: none; color:	#265185; font-size: 13px;}	
A.nnav:hover	{text-decoration: none;	color:	#265185; font-size: 13px;}
A.nnav:active	{text-decoration: none; color:	#265185; font-size: 13px;}	
/* level 3 item link unselected */
A.nnav_level3:link		{text-decoration: none;	color:	#265185; font-size: 13px;}	
A.nnav_level3:visited	{text-decoration: none; color:	#265185; font-size: 13px;}	
A.nnav_level3:hover	    {text-decoration: none;	color:	#265185; font-size: 13px;}
A.nnav_level3:active	{text-decoration: none; color:	#265185; font-size: 13px;}	

/* any item link selected */
A.snav:link		{text-decoration: none;	color:	#265185; font-size: 13px;}	
A.snav:visited	{text-decoration: none; color:	#265185; font-size: 13px;}	
A.snav:hover	{text-decoration: none;	color:	#265185; font-size: 13px;}
A.snav:active	{text-decoration: none; color:	#265185; font-size: 13px;}	
/* level 3 item link selected */
A.snav_level3:link		{text-decoration: none;	color:	#265185; font-size: 13px;}	
A.snav_level3:visited	{text-decoration: none; color:	#265185; font-size: 13px;}	
A.snav_level3:hover	    {text-decoration: none;	color:	#265185; font-size: 13px;}
A.snav_level3:active	{text-decoration: none; color:	#265185; font-size: 13px;}	

/* Contact Us page */
.tdContactUs    {width: 450px;}

/* Work pages */
#tblWork
{
    background-image: url(/images/hdr2_Work_3.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblWork td
{
    vertical-align: text-top;
    padding: 100px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblApproach
{
    background-image: url(/images/hdr2_OurApproach_2.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblApproach td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}

/* Services pages */
#tblServices
{
    background-image: url(/images/hdr2_Services_3.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblServices td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblWebDesign
{
    background-image: url(/images/hdr2_Design_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblWebDesign td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblWebDevelopment
{
    background-image: url(/images/hdr2_WebDevelopment_2.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblWebDevelopment td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblBrandMarketing
{
    background-image: url(/images/hdr2_BrandMarketing_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblBrandMarketing td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblUsability
{
    background-image: url(/images/hdr2_Usability_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblUsability td
{
    vertical-align: text-top;
    padding: 100px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblSEO
{
    background-image: url(/images/hdr2_SEO_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblSEO td
{
    vertical-align: text-top;
    padding: 100px 270px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblStrategy
{
    background-image: url(/images/hdr2_Strategy_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblStrategy td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}

/* Company pages */
#tblPhilosophy
{
    background-image: url(/images/hdr2_Philosophy_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblPhilosophy td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblBackground
{
    background-image: url(/images/hdr2_Background_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblBackground td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblLeadership
{
    background-image: url(/images/hdr2_Leadership.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblLeadership td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}

/* Contact pages */
#tblProposal
{
    background-image: url(/images/hdr2_RequestForProposal_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblProposal td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblCareers
{
    background-image: url(/images/hdr2_Careers_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblCareers td
{
    vertical-align: text-top;
    padding: 100px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}
#tblContactUs
{
    background-image: url(/images/hdr2_ContactUs_1.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 211px;
    margin-bottom: 20px;
}
#tblContactUs td
{
    vertical-align: text-top;
    padding: 110px 250px 0px 25px;
    border: dashed 0px red;
    font-family: Trebuchet MS, Arial;
    font-size: 16px;
    color: #6699ca;
}

/* Project Examples */
.FeaturedProject
{
    padding: 10px 0px 0px 15px;
    width: 610px;
    border: solid 0px red;
}

/* client page */
#clientlist td 
{
    text-align: center;
}
.tdClientLeft   {padding-left: 0px; padding-bottom: 20px;}
.tdClientMiddle {padding-left: 20px; padding-bottom: 20px;}
.tdClientRight  {padding-left: 20px; padding-bottom: 20px;}