body { 
font-family : Arial, Helvetica; 
font-size : 12px; 
margin : 0; 
padding : 0; 
background-color : #dfddd9; 
height : 100%; 
color : #444; 
}
p.phone { 
line-height : 30px; 
font-size : 30px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
padding : 25px 0 0 0; 
margin-top : 0; 
margin-bottom : 20px; 
margin-right : 0; 
margin-left : 0; 
} 
h1.HomeHeading { 
font-size : 30px; 
color : #00457c; 
line-height : 30px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
.bg-body { 
background-image : url('../imgs/bg-body.jpg'); 
text-align : center; 
} 
.bg-inner-body { 
text-align : center; 
background-image : url('../imgs/border-body.jpg'); 
} 
.link-body { 
font-size : 12px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-body:visited { 
font-size : 12px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-body:hover { 
font-size : 12px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
.link-bodyverysmall { 
font-size : 12px; 
color : #df0000; 
line-height : 14px; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodyverysmall:visited { 
font-size : 12px; 
line-height : 14px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodyverysmall:hover { 
font-size : 12px; 
line-height : 14px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
.link-bodysmall { 
font-size : 14px; 
color : #df0000; 
line-height : 16px; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodysmall:visited { 
font-size : 14px; 
line-height : 16px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodysmall:hover { 
font-size : 14px; 
line-height : 16px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
.link-bodymedium { 
font-size : 16px; 
color : #df0000; 
line-height : 18px; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodymedium:visited { 
font-size : 16px; 
line-height : 18px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.link-bodymedium:hover { 
font-size : 16px; 
line-height : 18px; 
color : #df0000; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
.quote { 
background-image : url('../imgs/quote.gif'); 
} 
.quote-color { 
background-color : #feb256; 
} 
.quote-bottom { 
background-image : url('../imgs/quote-btm.gif'); 
background-repeat : no-repeat; 
} 
.checkmark { 
background-image : url('../imgs/checkmark.png'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.checkmark-green { 
background-image : url('../imgs/checkmark-green.gif'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.checkmarkHosting { 
background-image : url('../imgs/checkmark.gif'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.red-arrow { 
background-image : url('../imgs/red-arrow.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.teal-checkmark { 
background-image : url('../imgs/teal-checkmark.png'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-analytics { 
background-image : url('../imgs/seo-analytics.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-consulting { 
background-image : url('../imgs/seo-consulting.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-links { 
background-image : url('../imgs/seo-links.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-placement { 
background-image : url('../imgs/seo-placement.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-research { 
background-image : url('../imgs/seo-research.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.seo-training { 
background-image : url('../imgs/seo-training.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.sem-campaign { 
background-image : url('../imgs/sem-campaign.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.sem-visitors { 
background-image : url('../imgs/sem-visitors.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.sem-targeted { 
background-image : url('../imgs/sem-targeted.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.sem-local { 
background-image : url('../imgs/sem-local.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.sem-customers { 
background-image : url('../imgs/sem-customers.jpg'); 
background-repeat : no-repeat; 
text-align : left; 
} 
.hero-website-designer { 
background-image : url('../imgs/hero-website-designer1.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-website-designer { 
position : relative; 
background : url("../imgs/hero-website-designer1.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-website-designer ul { 
clear : both; 
margin : 0 0 0 35px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-website-designer li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
.hero-website-design { 
background-image : url('../imgs/hero-website-design.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-website-design { 
position : relative; 
background : url("../imgs/hero-website-design.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-website-design ul { 
clear : both; 
margin : 0 0 0 35px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-website-design li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
.hero-seo { 
background-image : url('../imgs/hero-seo.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-seo { 
position : relative; 
background : url("../imgs/hero-seo.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-seo ul { 
clear : both; 
margin : 0 0 0 55px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-seo li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
#hero-seo p { 
clear : both; 
margin : 0 0 0 20px; 
padding-bottom : 20px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
.hero-sem { 
background-image : url('../imgs/hero-sem.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-sem { 
position : relative; 
background : url("../imgs/hero-sem.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-sem ul { 
clear : both; 
margin : 0 0 0 55px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-sem li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
#hero-sem p { 
clear : both; 
margin : 0 0 0 20px; 
padding-bottom : 20px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
.hero-online-marketing { 
background-image : url('../imgs/hero-sem.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-online-marketing { 
position : relative; 
background : url('../imgs/hero-sem.jpg') no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-online-marketing ul { 
clear : both; 
margin : 0 0 0 55px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-online-marketing li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
#hero-online-marketing p { 
clear : both; 
margin : 0 0 0 20px; 
padding-bottom : 20px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
.hero-web-hosting { 
background-image : url('../imgs/hero-web-hosting.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-web-hosting { 
position : relative; 
background : url("../imgs/hero-web-hosting.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-web-hosting ul { 
clear : both; 
margin : 0 0 0 55px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-web-hosting li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
#hero-web-hosting p { 
clear : both; 
margin : 0 0 0 20px; 
padding-bottom : 20px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
.hero-free-quote { 
background-image : url('../imgs/hero-free-quote.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 300px; 
} 
#hero-free-quote { 
position : relative; 
background : url("../imgs/hero-free-quote.jpg") no-repeat; 
padding : 0 0 0 0; 
margin-bottom : 0; 
width : 850px; 
height : 300px; 
} 
#hero-free-quote ul { 
clear : both; 
margin : 0 0 0 35px; 
padding-left : 20px; 
font-size : 16px; 
line-height : 20px; 
} 
#hero-free-quote li { 
clear : both; 
float : left; 
padding : 0 0 5px 10px; 
} 
.bg-inner-body-top { 
background-image : url('../imgs/border-top.jpg'); 
background-repeat : no-repeat; 
} 
.bg-inner-body-bottom { 
background-image : url('../imgs/border-bottom.jpg'); 
background-repeat : no-repeat; 
} 
.bg-personalized { 
background-image : url('../imgs/bg-personalized.png'); 
background-repeat : no-repeat; 
} 
.bg-website-design { 
background-image : url('../imgs/bg-website-design.png'); 
background-repeat : no-repeat; 
} 
.bg-graphic-design { 
background-image : url('../imgs/bg-graphic-design.png'); 
background-repeat : no-repeat; 
} 
.bg-e-commerce { 
background-image : url('../imgs/bg-e-commerce.png'); 
background-repeat : no-repeat; 
} 
.bg-seo { 
background-image : url('../imgs/bg-seo.png'); 
background-repeat : no-repeat; 
} 
.website-hosting { 
background-image : url('../imgs/bg-website-hosting.png'); 
background-repeat : no-repeat; 
} 
.web-design-bg { 
background-image : url('../imgs/bg-web-design.jpg'); 
background-repeat : no-repeat; 
} 
.border-0 { 
border-width : 0; 
} 
#MainNav ul { 
list-style-type : none; 
margin : 0; 
padding : 0; 
width : 400px; 
} 
#MainNav li { 
display : inline; 
text-decoration : none; 
font-family : Arial, Helvetica, sans-serif; 
padding : 5px 10px 0 0; 
font-size : 18px; 
text-transform : none; 
font-style : normal; 
font-weight : normal; 
display : block; 
float : right; 
} 
#MainNav a { 
color : #2a385d; 
text-decoration : none; 
} 
#MainNav a:visited { 
color : #2a385d; 
text-decoration : none; 
} 
#MainNav a:active { 
color : #2a385d; 
text-decoration : none; 
} 
#MainNav a:hover { 
color : #ffa415; 
text-decoration : underline; 
} 
#SubNav ul { 
list-style-type : none; 
margin : 0; 
padding : 0; 
width : 400px; 
} 
#SubNav li { 
display : inline; 
text-decoration : none; 
font-family : Arial, Helvetica, sans-serif; 
padding : 10px 10px 0 0; 
font-size : 12px; 
text-transform : none; 
font-style : normal; 
font-weight : normal; 
display : block; 
float : right; 
} 
#SubNav a { 
color : #2a385d; 
text-decoration : none; 
} 
#SubNav a:visited { 
color : #2a385d; 
text-decoration : none; 
} 
#SubNav a:active { 
color : #2a385d; 
text-decoration : none; 
} 
#SubNav a:hover { 
color : #ffa415; 
text-decoration : underline; 
} 




#nav-bkgrnd { 
background-image : url('../imgs/nav-bkgrnd.jpg'); 
background-repeat : no-repeat; 
width : 850px; 
height : 43px; 
} 
#navcontainer ul
{
margin: 0;
padding: 12px 0 0 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-family : Arial, Helvetica, sans-serif; 
font-size : 17px; 

text-decoration: none;
padding: 0 .3cm 0 .3cm ;
color: #666666;
}
#navcontainer ul li a:hover
{
color: #000000;
}










A.footer:link { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
A.footer:visited { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
a.footer:active { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
A.footer:hover { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
.footerText { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
H1 { 
clear : both; 
text-align : left; 
float : left; 
margin-top : 25px; 
margin-bottom : 25px; 
margin-right : 0; 
margin-left : 25px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
font-size : 44px; 
color : #000000; 
line-height : 44px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
H1.sub { 
clear : both; 
text-align : left; 
float : left; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
font-size : 36px; 
color : #df0000; 
line-height : 36px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
H2 { 
clear : both; 
text-align : left; 
float : left; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
font-size : 24px; 
color : #df0000; 
line-height : 24px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
H3 { 
clear : both; 
text-align : left; 
float : left; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 5px; 
padding-bottom : 15px; 
padding-right : 0; 
padding-left : 0; 
font-size : 24px; 
color : #df0000; 
line-height : 24px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
H4 { 
clear : both; 
text-align : left; 
float : left; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 20px; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
font-size : 24px; 
color : #df0000; 
line-height : 24px; 
font-family : 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif; 
font-weight : 100; 
} 
.text-left { 
text-align : left; 
} 
p { 
line-height : 20px; 
text-align : left; 
font-size : 14px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
} 
p.red { 
line-height : 20px; 
text-align : left; 
font-size : 14px; 
color : #df0000; 
font-family : Arial, Helvetica; 
margin-left : 40px; 
} 
p.small { 
line-height : 18px; 
text-align : left; 
font-size : 12px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.medium { 
line-height : 18px; 
text-align : left; 
font-size : 16px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.large { 
line-height : 26px; 
text-align : left; 
font-size : 24px; 
color : #df0000; 
font-family : Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.smallBlack { 
line-height : 18px; 
text-align : left; 
font-size : 12px; 
color : #000000; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.mediumBlack { 
line-height : 18px; 
text-align : left; 
font-size : 16px; 
color : #000000; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.largeBlack { 
line-height : 26px; 
text-align : left; 
font-size : 24px; 
color : #000000; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.smallTrebuchet { 
line-height : 18px; 
text-align : left; 
font-size : 14px; 
color : #5b6266; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.mediumTrebuchet { 
line-height : 22px; 
text-align : left; 
font-size : 22px; 
color : #5b6266; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.mediumRedTrebuchet { 
line-height : 22px; 
text-align : left; 
font-size : 22px; 
color : #df0000; 
font-family : "Trebuchet MS", Arial, Helvetica; 
margin-top : 20px; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 50px; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
p.footertext { 
font-size : 11px; 
color : #5b6266; 
font-family : Arial, Helvetica; 
text-decoration : none; 
text-align : right; 
margin-top : 0; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
padding-top : 0; 
padding-bottom : 0; 
padding-right : 0; 
padding-left : 0; 
} 
.calltoaction { 
float : left; 
clear : left; 
display : inline; 
position : relative; 
z-index : 1000; 
margin : 20px 0 0 100px; 
background : url("../imgs/call-to-action.jpg") no-repeat; 
} 
.calltoaction a { 
width : 234px; 
height : 43px; 
display : block; 
font-family : 'TeXGyreHerosBold', Helvetica, Arial, sans-serif; 
color : #fff; 
text-align : center; 
line-height : 43px; 
font-size : 26px; 
text-decoration : none; 
} 
.calltoaction a:hover { 
color : #ffee2c; 
} 
#quotetab { 
position : fixed; 
right : 0; 
top : 200px; 
background-image : url('../imgs/tab.gif'); 
width : 38px; 
height : 210px; 
} 
#quotetab a { 
display : block; 
width : 100%; 
height : 100%; 
} 
#quotetab:hover { 
background-position : 40px; 
} 
.borderit img { 
border : 1px solid #e1e1e1; 
padding : 5px; 
width : 200px; 
} 
.borderit:hover img { 
border : 1px solid #ec940f; 
padding : 5px; 
width : 200px; 
} 
.borderit:hover { 
color : #ec940f; 
} 
A.port { 
font-size : 9pt; 
color : #5582c0; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
A.port:visited { 
font-size : 9pt; 
color : #5582c0; 
font-family : Arial, Helvetica; 
text-decoration : none; 
} 
A.port:active { 
font-size : 9pt; 
color : #ec940f; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
A.port:hover { 
font-size : 9pt; 
color : #ec940f; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
A.portsmall { 
font-size : 8pt; 
color : #5582c0; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
A.portsmall:visited { 
font-size : 8pt; 
color : #5582c0; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
A.portsmall:active { 
font-size : 8pt; 
color : #ec940f; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
} 
A.portsmall:hover { 
font-size : 8pt; 
color : #ec940f; 
font-family : Arial, Helvetica; 
text-decoration : underline; 
}