body { font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #f0f0f0; font-size: 12px; color: #2e2e2e; text-align: center; margin: 0px; padding: 10px 0px;}

h1 { font-size: 22px; margin: 0px; padding: 0px;}
p {  font-size: 12px; color: #2e2e2e; margin: 0px; padding: 10px 0px; }

#center a { font-size: 12px; color: #2e2e2e; padding: 0px 0px 2px 0px; text-decoration: none; border-bottom: #333 dotted 1px;}
#center a:hover { font-size: 12px; color: #fff; padding: 2px 0px 2px 0px; background: #2e2e2e; text-decoration: none;}

img, img.a { border: 0px;}

blockquote { background: url(images/quote-right.jpg) no-repeat right bottom; padding: 0px 18px -5px 0px;}
blockquote:first-letter { background: url(images/quote-left.jpg) no-repeat 2px 0px; padding: 3px 0px 0px 27px;}

/* ---------- main containers ---------- */

#wrapper { width: 950px; padding: 0px; margin: 0px auto; height: auto; text-align: left;}
#header { margin: 0px 0px -15px 0px; padding: 0px; height: 219px; width: auto; background: url(images/header.jpg) no-repeat;}
#container { padding: 0px; margin: 0px; background: url(images/body.jpg) top center repeat-y; width: auto;}

/* ---------- main nav ---------- */

#navbox { height: 60px; width: 900px; background: #2e2e2e; line-height: 60px; margin: 0px 25px; }

.nav { padding: 0; text-transform: uppercase; font-weight: 100; }
.nav li { float:left; list-style-type:none; padding: 0px 10px; }
.nav ul { margin-left: -30px; }
.nav li a { display:block; text-decoration:none; color: #999; font-size: 12px; }
.nav li a:hover { color:#fff; text-decoration:none; background: #2e2e2e url(images/nav.jpg) center no-repeat; }
.nav .current { color:#fff; text-decoration:none; background: #2e2e2e url(images/nav.jpg) center no-repeat; }

#home, #services, #video, #contact { display:block; text-decoration:none; color: #999; font-size: 12px; }
#home.current, #services.current, #video.current, #contact.current { color:#fff; text-decoration:none; background: #2e2e2e url(images/nav.jpg) center no-repeat; }
#home:hover, #services:hover, #video:hover, #contact:hover { color:#fff; text-decoration:none; background: #2e2e2e url(images/nav.jpg) center no-repeat; }

/* ---------- left column and nav ---------- */

#left { margin: 0px; width: 160px; padding: 52px 10px 10px 30px; float: left;}
#left-nav { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
#left-nav li { margin: 0px; padding: 0px; display: block;}
#left-nav li a:link, #left-nav li a:visited, #left-nav li a:active { color: #666666; text-decoration: none; display: block; margin: 0px; padding: 3px 15px;}
#left-nav li a:hover { color: #ccc; text-decoration: none; background: #2e2e2e;}

/* ---------- center column ---------- */

#center { height: auto; width: 514px; padding: 20px 10px 20px 0px; float: left; margin: 0px 0px 0px 6px; line-height: 1.8em;}

/* ---------- right column ---------- */

#right { padding: 37px 20px 10px 0px; height: auto; width: 170px; float: left; margin: 0px 0px 0px 10px; }
#right blockquote { width: 140px; background: url(images/quote-right.jpg) no-repeat right bottom; padding: 0px 18px -5px 0px; line-height: 25px; margin-left: 0px; font-weight:bold; font-style: italic; }
#right blockquote:first-letter { background: url(images/quote-left.jpg) no-repeat 2px 0px; padding: 3px 0px 0px 27px; }

/* ---------- footer ---------- */

.clearer { font-size: 0px; line-height: 0px; display: block; margin: 0px; padding: 0px; clear: both; height: 0px; width: auto;}
#footer { margin: 0px; text-align: left; width: auto; padding: 20px 20px 65px 45px; background: #2e2e2e url(images/footer.jpg) bottom center no-repeat; }
#footer p { color: #999999; margin: 0px auto; padding: 0px;}
#footer a:link, #footer a:visited, #footer a:active{ color: #999999; text-decoration: none; padding: 0px 1px 0px 2px; }
#footer a:hover { color: #CCCCCC; text-decoration: none;}