body {
margin: 0 auto;
padding: 35px 0 15px 0;
font: 13px/18px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
text-align: center;
background: #162431 url(../images/style/bodybg.gif) repeat-x top left;
color: #333;
}


h1, h2, h3, ul, p, form, table, tr, td {
margin: 0;
padding: 0;
}

h1 {
margin: 18px 0px 6px 0px;
padding: 0px 0px 6px 0px;
font: 22px/26px Times New Roman, Times, serif;
color: #36260C;
border-bottom: 1px dotted #aaa;
}

h2 {
clear: left;
margin: 9px 0px 3px 0px;
padding: 2px 8px;
font: 13px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
text-transform: uppercase;
text-align: left;
color: #fff;
background: #687683 url(../images/style/navHoverbg2a.gif) repeat-x top left;
}


h3 {
margin-top: 24px;
font-family:  "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #36260C;
}


p {
margin: 9px 0px 9px 0px;
padding: 0px;
line-height: 18px;
}

p.blurb {
margin: 9px 0px;
padding: 0px;
line-height: 18px;
}


p.small {
margin: 0px;
padding: 0px;
font-size: 11px;
}


dl, dl dt, dl dd {
margin: 0;
padding: 0;
}

a {
color: #6a9fcf;
text-decoration: underline;
}

a:hover {
color: #836636;
}



ul {
margin: 5px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}


ul.list2 {
margin: 0px 0px 0px 5px;
padding: 0px;
list-style-type: none;
}

ul.list2 li {
margin: 0px;
padding: 0px 0px 9px 21px;
background: url(../images/style/accentBullet2.gif) no-repeat 0 23%;
}


ul.list {
margin: 9px 0px 0px 5px;
padding: 0px;
list-style-type: none;
}

ul.list li {
margin: 0px;
padding: 0px 0px 9px 15px;
background: url(../images/style/bulletAlt.gif) no-repeat 0 33%;
}


ul.serviceList li {
margin: 20px 0px;
}

ul.serviceList li.wd {
padding-left: 40px;
background: url(../images/style/palleteSmall.gif) no-repeat 0 50%;
}

ul.serviceList li.pd {
padding-left: 40px;
background: url(../images/style/scissorsSmall.gif) no-repeat 0 50%;
}

ul.serviceList li.cs {
padding-left: 40px;
background: url(../images/style/postItsSmall.gif) no-repeat 0 50%;
}






ul.portfolioNav {
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
list-style-type: none;
font-size: 12px;
background: #fff;
}

ul.portfolioNav li {
margin: 0px;
padding: 0px 0px 0px 0px;
color: #494949;
border-bottom: 1px dotted #ccc;
}

ul.portfolioNav li.last {
border-bottom: none;
}

ul.portfolioNav li a {
display: block;
margin: 0px;
padding: 5px 0px 6px 9px;
color: #494949;
text-decoration: none;
}

ul.portfolioNav li a:hover {
color: #507196;
background: #f0f5fa;
}

ul.portfolioNav li a.selected {
background: url(../images/style/accentBullet3.gif) no-repeat right center;
}



#container {
margin: 0 auto;
padding: 0;
background: #eee;
color: #333;
width: 960px;
}
 
#header {
margin: 0;
padding: 0;
text-align: center;
background: #283642 url(../images/style/headerbg.gif) repeat-x top left;
border: 15px solid #eee;
border-bottom: 1px solid #eee;
color: #fff;
width: 930px;
height: 115px;
}


#logo {
float: left;
margin: 32px 0 0 15px;
padding-right: 25px;
}

#nav {
margin: 0px; 
padding: 0px;
background: #687683 url(../images/style/navHoverbg2.gif) repeat-x top left;
border: 15px solid #eee;
border-top: none;
width: 930px;
height: 30px;
}

#nav li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}

#nav li a, #nav li.home a {
float: left;
margin: 0px;
padding: 6px 15px 0px 15px;
display: block;
border-right: 1px solid #707d89;
text-decoration: none;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
text-transform: uppercase;
color: #fff;
height: 22px;
}

#nav li a.active {
color: #964571;
}

#nav li a:hover, #nav li.nHome a:hover {
background: #80878e url(../images/style/navHoverbg2a.gif) repeat-x top left;
}

#nav li.home a , #nav li.nHome a:hover {
border-left: none;
}



#content {
float: left;
margin: 0;
padding: 0px 20px 10px 20px;
display: inline;
text-align: left;
background: #fff;
border: 15px solid #eee;
border-top: none;
width: 890px
}


#rightColumn  {
float: right;
margin: 0;
padding: 9px 0 0 0;
background: #fff;
width: 200px
}

#leftColumn {
float: left;
margin: 0;
padding: 9px 15px 0 0;
background: #fff;
width: 675px;
}

#footerContainer {
clear: both;
margin: 0;
padding: 0;
width: 930px;
}


#footer {
clear: both;
float: left;
margin: 0;
padding: 0 20px;
display: inline;
text-align: left;
font-size: 10px;
background: #283642;
border: 15px solid #eee;
border-top: none;
color: #fff;
width: 890px;
}


form {
display: inline;
}

table.contact {
margin: 0;
padding: 0;
}

table.contact td {
margin: 0;
padding: 10px 3px 3px 0;
}

table.contact td.label {
vertical-align: top;
text-align: right;
font-size: 11px;
}

.clearAll {
clear: both;
margin: 0;
padding: 0;
}

.clearLeft {
clear: left;
margin: 0;
padding: 0;
}

.clearRight {
clear: right;
margin: 0;
padding: 0;
}



/* ------------ Summary Data List ---------- */

dl.summary {
float: left;
position: relative;
display: inline;
margin: 0px 15px 18px 0px;
padding: 9px;
border: 1px dotted #ccc;
background: #fff;
width: 190px;
}


dl.summary dt {
margin: 0px 0px 3px 0px;
padding: 0px;
background: #fff;
height: 150px;
}

dl.summary dd {
margin: 9px 0px 0px 0px;
padding: 0px;
}

dl.summary dd a {
color: #365e83;
text-decoration: none;
}

dl.summary dd a:hover {
color: #6a9fcf;
text-decoration: none;
}



/* --------------- Display Data List ----------------- */


img.detail {
margin: 0px 0px 18px 0px;
padding: 5px;
border: 1px dotted #ccc;
background: #fff;
}



dl.display {
float: left;
display: inline;
margin: 0px 0px 9px 0px;
padding: 0 20px 0 0;
background: #fff;
width: 645px;
}

dl.display dt {
float: left;
display: inline;
margin: 0px 7px 0px 0px;
padding: 0;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
font-style: normal;
color: #365e83;
}


dl.display dd.image {
margin: 0 0 12px 0;
padding: 0;
}

dl.display dd.image img {
border: 1px dotted #ccc;
}

dl.display dd {
margin: 0px 0 9px 0;
padding: 0;
line-height: 18px;
}

dl.display dd em {
margin-right: 5px;
font-variant: small-caps;
font-style: normal;
color: #494949;
}


/*---------------- Contact and Quick Contact Forms ------------------*/

#contactForm {
margin: 15px 0px;
padding: 0px;
}

#contactForm table {
font: 12px/16px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

#contactForm #name, #contactForm #emailAddress {
padding: 3px;
font: 12px/16px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
border: 1px solid #cad4de;
width: 275px;
}

#contactForm #message {
padding: 3px;
font: 12px/16px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
width: 400px;
border: 1px solid #cad4de;
}

#contactForm dl dt {
margin: 16px 0px 3px 0px;
font-weight: normal;
}


#contactForm input.submitButton {
margin: 5px 0px 5px 0px;
border: none;
background: url(../images/style/submitCancelButtons.gif) no-repeat top left;
font-size: 11px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;  
color: #365e83;
text-decoration: none;
text-align: center;
width: 72px;
height: 25px;
}


#quickContact dl {
margin-top: 0px;
padding: 0px;
font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

#quickContact dl dt {
margin: 6px 0px 3px 0px;
font-weight: normal;
}

#quickContact dl dd {
margin: 0px 0px 12px 0px;
font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

#quickContact #name, #quickContact #emailAddress {
padding: 3px;
font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
border: 1px solid #cad4de;
width: 250px;
}

#quickContact #message {
padding: 3px;
font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
width: 250px;
border: 1px solid #cad4de;
}

#quickContact input.submitButton {
margin: 5px 0px 5px 0px;
border: none;
background: url(../images/style/submitCancelButtons.gif) no-repeat top left;
font-size: 11px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;  
color: #365e83;
text-decoration: none;
text-align: center;
width: 72px;
height: 25px;
}


.required {
color: #6a9fcf;
}

.thankyou {
margin-top: 20px;
}

.thankyou em {
font-weight: bold;
font-style: normal;
color: #58626D;
}


body#services #nav li.nServices a, body#contact #nav li.nContact a, body#portfolio #nav li.nPortfolio a, body#home #nav li.nHome a  {
background: #80878e url(../images/style/navHoverbg2a.gif) repeat-x top left;
}


body#contact #content {
background: #fff url(../images/birds.gif) no-repeat bottom right;
}

.hidden {
  display: none;
}


a.button {
clear: left;
margin: 5px 0px 5px 0px;
padding: 5px;
display: block;
border: 1px solid #cad4de;
background: #9fb3c4 url(../images/style/buttonbg.gif) repeat-x top left;
color: #162431;
text-decoration: none;
text-align: center;
width: 125px;
height: 20px;
}

a.button:hover {
color: #fff;
background: #687683 url(../images/style/navHoverbg2.gif) repeat-x top left;
border: 1px solid #76838e;
}


a.portButton {
padding: 7px 0px 0px 34px;
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background: url(../images/style/portButtonbg.gif) no-repeat top left;
color: #365e83;
text-decoration: none;
width: 150px;
height: 35px;
}

a.viewScreenshotsButton {
padding: 5px 0px 0px 32px;
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background: url(../images/style/viewScreenshots.gif) no-repeat top left;
color: #365e83;
text-decoration: none;
width: 150px;
height: 29px;
}

a.viewProjectButton {
padding: 5px 0px 0px 32px;
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background: url(../images/style/viewButton.gif) no-repeat top left;
color: #365e83;
text-decoration: none;
width: 131px;
height: 29px;
}

a.portButton:hover, a.viewScreenshotsButton:hover, a.viewProjectButton:hover {
color: #836636;
}



p.pages {
clear: left;
}

p.pages a {
margin: 1px;
}

p.pages a:hover, p.pages strong {
margin: 1px;
}

.relatedEntries {
margin: 27px 0px 18px 0px;
padding: 9px 0px;
background: #fff;
width: 450px;
}

.relatedEntries h3 {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #ccc;
}

.relatedEntries a {
color: #333;
text-decoration: none;
}

.relatedEntries a:hover {
color: #836636;
text-decoration: underline;
}

.web, .print, .consult {
padding-left: 55px;
}

.web {
background: url(../images/style/pallete.gif) no-repeat top left;
}

.print {
background: url(../images/style/scissors.gif) no-repeat top left;
}

.consult {
background: url(../images/style/postIts.gif) no-repeat top left;
}

.small {
font-size: 11px;
}

.imgLeft{
float: left;
margin: 5px 9px 0px 0px;
padding: 0;
}

.imgRight {
float: right;
margin: 3px 0px 0px 10px;
padding: 0px;
}


/* from alternate stylesheet */

#promo {
margin: 24px 0px 0px 0px;
padding: 0px;
background: #111e2b url(../images/style/promobg.jpg) repeat-x top left;
width: 890px;
height: 252px;
}

#promo div.copy {
background: url(../images/style/promocups.jpg) no-repeat top right;
width: 890px;
height: 252px;
}

#promo h1 {
margin: 0px 0px 18px 30px;
padding-top: 40px;
font-size: 26px;
line-height: 30px;
color: #e8ecf0;
border-bottom: none;
}

#promo p {
margin: 9px 0px 18px 30px;
color: #e8ecf0;
}


#columnWrapper {
clear: left;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 890px;
}

#columnWrapper h3 {
margin-bottom: 12px;
padding: 0px 0px 4px 0px;
border-bottom: 1px dotted #aaa;
color: #36260C;
}

.leftCol {
float: left;
margin: 0px 30px 0px 0px;
padding: 0px;
width: 275px;
}



.leftCol dl.webServices, .leftCol dl.printServices, .leftCol dl.consultingServices {
margin: 12px 0px 12px 0px;
padding-left: 40px;
}

.leftCol dl.webServices dt,  .leftCol dl.printServices dt, .leftCol dl.consultingServices dt {
margin: 0px;
padding: 0px;
font-size: 11px;
font-weight: bold;
color: #6a9fcf;
}

.leftCol dl.webServices dt a,  .leftCol dl.printServices dt a, .leftCol dl.consultingServices dt a {
text-decoration: none;
}

.leftCol dl.webServices dt a:hover,  .leftCol dl.printServices dt a:hover, .leftCol dl.consultingServices dt a:hover {
text-decoration: underline;
}

.leftCol dl.webServices dd, .leftCol dl.printServices dd, .leftCol dl.consultingServices dd {
margin: 3px 0px 9px 0px;
padding: 0px;
font-size: 11px;
}

.leftCol dl.webServices {
margin-top: 12px;
background: url(../images/style/palleteSmall.gif) no-repeat 0 20%;
border-bottom: 1px dotted #ddd;
}

.leftCol dl.printServices {
background: url(../images/style/scissorsSmall.gif) no-repeat 0 20%;
border-bottom: 1px dotted #ddd;
}

.leftCol dl.consultingServices {
background: url(../images/style/postItsSmall.gif) no-repeat 0 20%;
}

.middleCol {
float: left;
margin: 0px;
padding: 0px;
width: 275px;
}

.rightCol {
float: right;
margin: 0px 0px 0px 30px;
padding: 0px;
width: 280px;
}


#featured {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
width: 275px;
}


#featured dl {
float: left;
display: inline;
margin: 6px 0px 12px 0px;
padding: 0px;
border-bottom: 1px dotted #ccc;
width: 275px;
}

#featured dt {
float: right;
margin: 0px;
padding: 0px 0px 3px 0px;
font-style: normal;
font-weight: bold;
font-size: 11px;
width: 140px;
}


#featured dt a {
text-decoration: none;
}

#featured dt a:hover  {
text-decoration: underline;
}

#featured dd {
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 11px;
line-height: 16px;
}

#featured dd.img img {
float: left;
margin: 0px;
padding: 0px 15px 14px 0px;
}


div.vPlayer {
padding: 15px 0px;
background: #eee;
border: 1px solid #ccc;
}