html, body { background-color: #fff; margin: 0; padding: 0; height: 100%; min-height: 100%; }
body.center { align: center; text-align: center; }
a { font: normal bold 12px/15px Arial, Helvetica, sans-serif; text-decoration: none; }
a:link { color: #b00; }
a:visited { color: #900; }
a:active { color: #9bb; }
a:hover { color: #777; }
a.serif { font: italic bold 12px/16px Georgia, Times New Roman, Times, Serif; color: #39C; }
a.title { font-size: 18px; line-height: 20px; }
a.mobile:link { color: #b00; }
a.mobile:visited { color: #922; }
a.mobile:active { color: #9bb; }
a.mobile:hover { color: #9bb; background-color: #eee; }
a.portfolio { font: normal bold 12px/12px Arial, Helvetica, sans-serif; color: #900; }
a.creative { color: #eee; }
h2 { font: normal bold 16px/18px Arial, Helvetica, sans-serif; color: #900; }
h2#banners { padding: 0; margin: 0; text-align: center; }
p { font-family: arial, helvetica, sans-serif; }
p.serif { font: italic bold 12px/16px Georgia, Times New Roman, Times, Serif; margin: 0px; padding: 0px; }
p.portfolio { font: normal bold 12px/12px Arial, Helvetica, sans-serif; color: #900; text-align: right;}
.serif { font: italic bold 12px/16px Georgia, Times New Roman, Times, Serif; margin: 0px; padding: 0px; }
font { font: normal normal normal 12px/16px arial, helvetica, sans-serif; text-align: left; color: #000; }
.t09 { font-size: 9px; line-height: 11px; }
.t10 { font-size: 10px; line-height: 14px; }
.t11 { font-size: 11px; line-height: 16px; }
.t12 { font: normal normal normal 12px/18px arial,helvetica,sans-serif; }
.t14 { font-size: 14px; line-height: 21px; }
.t18 { font-size: 18px; line-height: 24px; }
.t24 { font-size: 24px; line-height: 30px; }
.rightserif { font: italic normal 11px/14px Georgia, Times New Roman, Times, Serif; text-align: right; color: #888; letter-spacing:.5px; }
.pipespacer { padding-left: 5px; padding-right: 5px; }
.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tWhite { color: #fff; }
.tLGrey { color: #aaa; }
.tGrey { color: #888; }
.tDgrey { color: #333; }
.tRed { color: #900; }
#dividerline { display: block; margin: 0; height: 1px; background-color:#b6b6b6; }
.dividerline { display: block; margin: 0; height: 1px; background-color:#b6b6b6; }
#navbar { display: block; margin: 0px auto; padding: 0px 0px 15px 0px; font-size: 10px; text-align: center; }
#navbar-alt { display: block; margin: 0px auto; padding: 15px; font-size: 10px; text-align: center; vertical-align: middle; }
#random-image { display: block; margin: 0px auto; padding: 10px 0px; }
#footer { display: block; margin: 0px auto; font: normal normal normal 9px/12px arial,helvetica,sans-serif; }
#secondary-wrap { width: 740px; margin: 0px auto; height: 1%; padding: 0px 20px; background-color: #fff; }
#secondary-header { padding: 15px 0px; }
.testimonials-txt { font: normal normal normal 12px/18px arial,helvetica,sans-serif; margin-top: 35px; }
.testimonial-credit { text-align: right; }
.portfolio-thumb { float: left; width: 120px; margin-top: 25px; background-color: #ccc; padding: 1px; }
.portfolio-txt { margin-left: 130px; border-left: solid 1px #b6b6b6; padding: 10px; min-height: 150px; }
.portfolio-item { float: left; width: 250px; border-right: solid 1px #b6b6b6; padding-right: 10px; }
.portfolio-image { margin-left: 260px; padding: 10px; min-height: 150px; }
.portfolio-title { float: left; width: 250px; border-right: solid 1px #b6b6b6; padding-right: 10px; font: normal bold normal 14px/18px arial,helvetica,sans-serif; color: #555; text-align: right; }
.portfolio-client { font: normal bold 14px/20px Arial, Helvetica, sans-serif; color: #eee; }
.portfolio-text { font: normal normal 10px/13px Arial, Helvetica, sans-serif; color: #eee; }
.portfolio-role { font: normal bold 14px/18px Arial, Helvetica, sans-serif; color: #fcc; }
.portfolio-list { font: normal normal 10px/13px Arial, Helvetica, sans-serif; color: #eee; list-style-position: inside; list-style-image: url(/images/bullet2.gif); margin-left: 0; padding-left: 0; text-indent: 0; }
.portfolio-bullet { font: normal normal 10px/14px Arial, Helvetica, sans-serif; }
#creative-wrap { width: 720px; margin: 0px auto; padding: 0 20px; background-color: #fff; }
.creative-thumb { float: left; width: 145px; margin-top: 25px; background-color: #ccc; padding: 1px; }
.creative-txt { margin-left: 160px; border-left: solid 1px #b6b6b6; padding: 10px; min-height: 150px; line-height: 20px; }
.creative-portfoliothumb { background-color: #ccc; padding: 1px; margin-right: 12px; }
.creative-portfolioflash { text-align: center; margin-top: 35px; font: normal bold normal 12px/18px arial, helvetica, sans-serif; color: #ccc;}
.banner-headers { padding-bottom: 5px; border-top:solid; border-top-color:#b6b6b6; border-bottom:solid; border-bottom-color:#b6b6b6; border-width:1px; width: 100%; }
.banner-reg { padding-top: 60px; }
.banner-top { padding-top: 20px; }
img { border: 0; }
img.center { display: block; margin-left: auto; margin-right: auto; }
img.altWhite { font-size: 9px; font-family: arial; color: white; }
.imagedisplay { margin-left: 500px; }
#wrapper { margin:0 auto; padding:15px 15%; text-align:left; }
#content { max-width: 70em; width: 100%; margin:0 auto; padding-bottom: 20px; overflow: hidden; }
.creative_content { margin: 0; padding:1.5em 1.5em 0.75em; position: relative; overflow: hidden; }
.collapse p { }
#switch, .switch {margin-bottom:5px; text-align:right}
/* --- Headings --- */
h1 { margin-bottom:.75em; font-size:2.5em; font-weight:normal; color:#c30; }
.expand { padding-bottom:.75em}
/* --- Links --- */
a:link, a:visited { border: 1px dotted #ccc; border-width:0px; text-decoration:none; }
a:hover, a:active, a:focus { outline: 0 none; }
a:active, a:focus { color: red; }
.expand a { display: block; padding: 3px 10px; font-family: Georgia, Times, serif; font-style: italic; letter-spacing: .1em; font-size: 11px; color: #fff; }
.expand a:link, .expand a:visited { background-image:url(/portfolio/images/arrow-down.gif); background-repeat: no-repeat;
}
.expand a:hover, .expand a:active, .expand a:focus { text-decoration: none; }
.expand a.open:link, .expand a.open:visited { background:#eee url(/portfolio/images/arrow-up.gif) no-repeat; font-family: Georgia, Times, serif; font-style: italic; letter-spacing: .1em; font-size: 11px; color: #fff; }