/* CSS Document */

body {
color: #666;
font-size: 85%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
text-align: center;
}

* {
padding: 0px;
margin: 0px;
}

.clear {
clear: both;
}

a {
color: #358d94;
}

p {
margin-bottom: 12px;
}

h1, h2, h3 {
color: #358d94;
padding-bottom: 12px;
}

h1 {
font-size: 1.2em;
padding: 6px 0px;
}

h2 {
font-size: 1.1em;}

.green {
color: #358d94;
}

.small {
font-size: 0.8em;
}

#wrapper {
background:  url(../images/wrapperBg.jpg) repeat-x center top #fff;
}

body #masthead {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 742px;
height: 112px;
padding: 0px 10px;
position: relative;
/*voice-family: "\"}\"";
voice-family: inherit;
width: 720px;*/
}

body #masthead {
background:  url(../images/mastheadHomeBg.jpg) no-repeat center top;
}

body#advertising #masthead {
background: url(../images/mastheadAdvertisingBg.jpg) no-repeat center top;
}

body#ecommerce #masthead {
background: url(../images/mastheadEcommerceBg.jpg) no-repeat center top;
}

#masthead img {
float: left;
}

#masthead p#testimonials {
display: none;
}

#masthead ul {
padding: 0px 0px;
height: 37px;
list-style: none;
position: absolute;
bottom: 0px;
right: 70px;
font-size: 0.9em;
}

#masthead li {
float: left;
height: 23px;
background: url(../images/navDivider.gif) no-repeat right center;
padding: 10px 18px 0px;
}

#masthead li a {
color: #FFF;
text-decoration: none;
font-weight: normal;
}

#masthead li a:hover {
text-decoration: underline;
}

.end {
background: url(../images/nav-bg.jpg) no-repeat left center !important;
}

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 742px;
padding: 0px 10px;
background: url(../images/containerBg.jpg) no-repeat center top;
}

#leftCol {
background: url(../images/sidenavBg.jpg) repeat-x bottom center #eee;
float: left;
padding: 0px 0px 90px 0px;
margin: 0px 0px;
width: 179px;
color: #999;
font-weight: bold;
font-size: 0.9em;
}

#leftCol p {
padding: 6px;
margin: 0px;
}

#leftCol a {
color: #999;
text-decoration: none;
font-size: 0.9em;
}

#leftCol a:hover {
text-decoration: underline;
}

#leftCol ul {
list-style: none;

}

#leftCol li {
padding: 12px 0px 10px 30px;
height: 17px;
background: url(../images/sidenavButton.jpg) no-repeat left top;
margin-bottom: 1px;
}

#rightCol {
float: right;
text-align: left;
font-size: 0.8em;
padding-bottom: 30px;
width: 563px;
}

#rightCol #banner {
background: url(../images/bannerHome.jpg) no-repeat top left;
height: 145px;
width: 563px;
}

#rightCol #banner p {
margin-left: -1000px;
}

#rightCol #intro {
width: 325px;
margin: 12px 0px 0px 10px;
float: left;
color: #207076;
line-height: 2.2em;
}

#rightCol #intro h1 {
display: inline;
padding: 0px;
font-size: 1em;
color: #207076;
}

#rightCol #intro p {
display: inline;
}

#rightCol #portfolio {
background: url(../images/portfolioBg.jpg) no-repeat top left;
margin: 17px 5px 0px 0px;
float: right;
width: 117px;
height: 125px;
color: #999;
padding: 25px 15px 0px 65px;
}

#rightCol #portfolio a {
margin: 12px 0px 12px 18px;
color: #999;
display: block;
font-weight: bold;
}

#rightCol #portfolio h2 {
margin: 12px 0px 12px -23px;
padding-bottom: 0px;
color: #999;
}

#rightCol #content {
margin: 20px;
line-height: 1.6em;
}

#rightCol #content ul {
margin: 0px 0px 12px 16px;
}

#rightCol #content li {
margin: 4px 0px;
}

#rightCol #content p.intro {
font-weight: bold;
color: #207076;
}

#rightCol #content .testimonials,
#rightCol #content .testimonialsClear {
padding: 12px;
color: #000;
}

#rightCol #content .testimonials strong,
#rightCol #content .testimonialsClear strong {
font-style: normal;
}

#rightCol #content .testimonials {
background-color: #e8eff0;
border-top: 1px solid #90b8bb;
border-bottom: 1px solid #90b8bb;
}

#rightCol #content #equation {
border-top: 1px solid #90b8bb;
border-bottom: 1px solid #90b8bb;
color: #207076;
padding: 12px 0px;
text-align: center;
font-weight: bold;
margin-bottom: 12px;
}

#rightCol #content #equation img {
margin-bottom: -4px;
}

img.floatRight {
float: right;
margin: 4px 0px 4px 8px;
}

img.floatLeft {
float: left;
margin: 4px 8px 4px 0px;
}

body#portfolio span {
clear: both;
display: block;
padding: 8px;
border-top: 1px solid #90b8bb; 
}

body#portfolioExamples {
text-align: left;
font-size: 0.7em;
padding: 12px;
}

body#portfolioExamples img {
display: block;
padding: 12px;
margin: 12px 0px;
border-bottom: 1px solid #90b8bb;
}

body#portfolioExamples img.logo {
border-bottom: none;
}

body#portfolio img {
display: block;
float: left;
}

body#portfolio span p {
float: right;
width: 290px;
text-align: left;
}

body#portfolioSamples {
text-align: left;
font-size: 70%;
}

body#portfolioSamples h2 {
font-size: 1em;
margin-bottom: 0px;
padding-bottom: 0px;
}

#footerWrapper {
background: url(../images/footerWrapper.jpg) repeat-x top center #fff;
}

#footer {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 553px;
height: 128px;
padding: 12px 10px 0px 199px;
background: url(../images/footerBg.jpg) no-repeat center top;
color: #90b8bb;
font-size: 0.8em;
}

#footer #phone {
background: url(../images/phone.gif) no-repeat 4px 3px;
}

#footer #email {
background: url(../images/email.gif) no-repeat 4px 2px;
}

#footer p#email,
#footer p#phone {
padding: 2px 0px 0px 20px;
display: inline;
}

#footer #address {
background: url(../images/address.gif) no-repeat 4px 8px;
padding: 6px 0px 0px 20px;
}

#footer a{
color: #a1c4c7;
}