/* Design Station CSS by Design Station */
* { padding: 0; margin: 0; -webkit-text-size-adjust: none; }
/* Global  ---------------- */
body { background-image: url(../image/backgrounds/back_page.gif); background-repeat: repeat-x; background-color: #afd0f1; font-family: Helvetica, Arial, sans-serif; }
#container { position: relative; width: 800px; margin: 0 auto 0 auto; }
#header { position: relative; width: 800px; height: 225px; padding: 105px 0 0 0; margin: 0; background-image: url(../image/backgrounds/back_headercap.gif); background-repeat: no-repeat; background-position: top; }
#footer { position: relative; width: 760px; height: auto; margin: 0; padding: 25px 20px 5px 20px; background-image: url(../image/backgrounds/back_footercap.gif); background-repeat: no-repeat; background-position: top; }
/* Nav -------------------- */
#client { clear: both; position: absolute; top: 75px; right: 20px; width: 100px; height: auto; font-weight: bold; text-align: right; font-size: 11px; color: #E3EEF7; }
#nav { position: absolute; top: 105px; left: 340px; height: 35px; width: 460px; margin: 0; padding: 0; font-size: 12px; list-style-type: none; background: none; }
#nav_a { position: absolute; left: 0; top: 0; width: 80px; height: 35px; border-right: solid 1px #386394; }
#nav_b { position: absolute; left: 80px; top: 0px; width: 64px; height: 35px; border-right: solid 1px #386394; }
#nav_c { position: absolute; left: 144px; top: 0px; width: 64px; height: 35px; border-right: solid 1px #386394; }
#nav_d { position: absolute; left: 208px; top: 0px; width: 84px; height: 35px; border-right: solid 1px #386394; }
#nav_e { position: absolute; left: 292px; top: 0px; width: 84px; height: 35px; border-right: solid 1px #386394; }
#nav_f { position: absolute; left: 376px; top: 0px; width: 84px; height: 35px; }
/* Index-Only ------------- */
#core-index { position: relative; width: 760px; height: auto; margin: 0; padding: 0 20px 0px 20px; background-image: url(../image/backgrounds/back_body.gif); background-repeat: repeat-y; }
#index-featured { width: 760px; height: auto; padding: 0; margin: 0; background-repeat: no-repeat; }
#index-contain { width: 760px; height: 145px; padding: 0; margin: 0; background-image: url(../image/i_section/back_default.jpg); background-position: top; background-repeat: no-repeat; }
/* Index Tabs ------------- */
/* icons used in tabs by Jonas Rask Design */
.index-contain { width: 760px; height: 140px; margin: 0; padding: 0; }
#ds-index1 { width: 320px; height: 115px; padding: 30px 425px 0px 15px; margin: 0; background-image: url(../image/i_section/featured.jpg); }
#ds-index2 { width: 320px; height: 115px; padding: 30px 425px 0px 15px; margin: 0; background-image: url(../image/i_section/work.jpg); }
#ds-index3 { width: 345px; height: 115px; padding: 30px 400px 0px 15px; margin: 0; background-image: url(../image/i_section/more.jpg); }
#ds-index4 { width: 320px; height: 115px; padding: 30px 425px 0px 15px; margin: 0; background-image: url(../image/i_section/contact.jpg); }
.ds-tabs { width: 760px; height: 65px; padding: 0; margin: 0; background-image: url(../image/i_buttons/back_button.jpg); }
.ds-tabs ol, .ds-tabs li { display: inline; list-style-type: none; font-size: 14px; line-height: 16px; font-weight: normal; background: none; }
.ds-tabs a:link { float: left; width: 175px; height: 40px; padding: 15px 0 0 15px; margin: 0; text-decoration: none; }
.ds-tabs a:hover, .ds-tabs a:visited { text-decoration: none; background-image: url(../image/i_buttons/back_roll.jpg); background-position: top center; background-repeat: no-repeat; }
.ds-tabs li.selected a { font-weight: bold; text-decoration: none; background-image: url(../image/i_buttons/back_selected.jpg); background-position: top center; background-repeat: no-repeat; }
.ds-tabs li.selected a:hover { text-decoration: none; background-image: url(../image/i_buttons/back_roll.jpg); background-position: top center; background-repeat: no-repeat; }
/* Subpages --------------- */
.core-left { float: left; margin-right: 20px; width: 175px; }
.core-right { float: right; width: 555px; }
.clear { clear: both; float: none; height: 0px; margin: 0; padding: 0; }
.clear-border { clear: both; float: none; height: 0px; margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #e1e1e1; }
#core { position: relative; width: 760px; height: auto; margin: 0; padding: 20px 20px 0px 20px; background-image: url(../image/backgrounds/back_body.gif); background-repeat: repeat-y; }
#core-work-a { position: relative; width: 780px; height: auto; margin: 0; padding: 20px 0 0 20px; background-image: url(../image/backgrounds/back_body.gif); background-repeat: repeat-y; }
#core-work-b { position: relative; width: 760px; height: auto; margin: 0; padding: 20px 20px 1px 20px; background-image: url(../image/backgrounds/back_body.gif); background-repeat: repeat-y; }
#core-loop { position: relative; width: 760px; height: auto; margin: 0; padding: 0 20px 0px 20px; background-image: url(../image/backgrounds/back_body.gif); background-repeat: repeat-y; }
#loop { width: 540px; height: 80px; padding: 20px 15px 0 205px; margin: 0 0 15px 0; background-image: url(../image/backgrounds/back_loophead.png); background-repeat: no-repeat; background-position: bottom; }
/* Contact Page ---------- */
#contact-head { width: 730px; height: auto; padding: 10px 15px 5px 15px; margin: 0 0 15px 0; background-image: url(../image/backgrounds/back_contacthead.png); background-repeat: no-repeat; background-position: bottom; }
.contact-left { width: 200px; padding: 0; margin: 0; height: auto; float: left; }
.contact-right { width: 540px; padding: 0 0 0 20px; margin: 0; height: auto; float: right; }
/* Work Thumbnails ------- */
ol.thumbs { padding: 0; margin: 0; list-style-type: none; color: #FFC759; }
ol.thumbs li { display: block; width: 177px; height: 100px; float: left; display: inline; margin: 0 18px 10px 0; padding: 0; background-image: url(../image/backgrounds/back_workthumb.png); background-position: bottom; background-repeat: no-repeat; }
ol.thumbs li img { width: 175px; margin: 0 0 5px 0; padding: 0; border: 1px solid #4f4f4f; }
ol.thumbs p.id { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-weight: bold; font-size: 11px; line-height: 11px; margin: 0; padding: 0 6px 0 8px; }
ol.thumbs p.sub { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; font-size: 12px; line-height: 12px; color: #709ac0; font-variant: small-caps; margin: 0; padding: 0 6px 0 8px; }
ol.thumbs a:link img { border: 1px solid #afd0f1; }
ol.thumbs a:visited img { border: 1px solid #afd0f1; }
ol.thumbs a:hover img { border: 1px solid #FFC759; }
ol.thumbs a:active img { border: 1px solid #FFC759; }
/* Link Colors ----------- */
a, a img { border: 0; }
#client a:link { color: #A7BDD4; text-decoration: none; }
#client a:visited { color: #A7BDD4; text-decoration: none; }
#client a:hover { color: #FFFFFF; text-decoration: underline; }
#client a:active { color: #FFFFFF; text-decoration: underline; }
#index-featured a:link { color: #194980; text-decoration: none; }
#index-featured a:visited { color: #194980; text-decoration: none; }
#index-featured a:hover { color: #cb4420; text-decoration: underline; }
#index-featured a:active { color: #cb4420; text-decoration: underline; }
#index-buttons a:link { color: #194980; text-decoration: none; }
#index-buttons a:visited { color: #194980; text-decoration: none; }
#index-buttons a:hover { color: #cb4420; text-decoration: underline; }
#index-buttons a:active { color: #cb4420; text-decoration: underline; }
#nav a:link { color: #E3EEF7; text-decoration: none; }
#nav a:visited { color: #E3EEF7; text-decoration: none; }
#nav a:hover { color: #DF9E3C; text-decoration: underline; }
#nav a:active { color: #DF9E3C; padding-top: 4px; border-top: solid 3px #A7BDD4; background: #FBE8D3; }
#core a:link { color: #194980; text-decoration: underline; }
#core a:visited { color: #194980; text-decoration: underline; }
#core a:hover { color: #DF9E3C; text-decoration: underline; }
#core a:active { color: #DF9E3C; text-decoration: underline; }
#core-work-a a:link { color: #194980; text-decoration: none; }
#core-work-a a:visited { color: #194980; text-decoration: none; }
#core-work-a a:hover { color: #DF9E3C; text-decoration: underline; }
#core-work-a a:active { color: #DF9E3C; text-decoration: underline; }
#core-loop a:link { color: #194980; text-decoration: underline; }
#core-loop a:visited { color: #194980; text-decoration: underline; }
#core-loop a:hover { color: #DF9E3C; text-decoration: underline; }
#core-loop a:active { color: #DF9E3C; text-decoration: underline; }
/* Font Styles ----------- */
p { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 12px; color: #464c56; }
h1 { font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 26px; font-style: normal; line-height: normal; margin: 0; text-transform: none; color: #194980; font-weight: normal; text-align: right; }
h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; line-height: normal; margin-bottom: 10px; text-transform: none; color: #194980; font-weight: normal; text-align: left; }
h3 { font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; line-height: normal; margin-bottom: 10px; text-transform: none; color: #194980; font-weight: normal; text-align: right; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; line-height: 18px; margin: 0; text-transform: none; color: #464c56; }
h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: 18px; margin-top: 6px; margin-bottom: 0px; text-transform: none; color: #194980; }
h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 18px; margin: 8px 0 0 0; text-transform: none; color: #cb4420; }
/* Style Modifiers ----------- */
.red { color: #cb4420; }
.loop-choice { margin-top: 6px; }
.tab-image { float: left; padding-right: 15px; }
.loop-quote { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; margin: 15px 10px 15px 10px; color: #194980; background-color: #f0f6fb; padding: 15px 15px 15px 15px; }
.loop-archive { margin: 0 0 15px 0; padding: 8px 8px 8px 8px; border: 1px dotted #e2dccf; }
.loop-archive-p { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 9px; margin-bottom: 0px; color: #666666; }
.formtitle { font-size: 10px; padding-right: 15px; text-align: right; padding-top: 5px; vertical-align: middle; }
.bold { font-style: normal; font-weight: bold; margin: 0; text-transform: none; color: #464c56; }
.italic { font-style: italic; }
.note { font-style: italic; color: #194980; }
.about-image { margin-top: 8px; }
.sidebar-image { margin-top: 15px; }
.sidebar-image-bm { margin-top: 40px; }
.nav_p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; padding-top: 9px; }
.nav_here { font-family: Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; padding-top: 6px; border-top: solid 3px #A7BDD4; color: #FFFFFF; }
.index-featured { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; margin: 6px 0 0 0; color: #464c56; }
.index-featured-link { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; padding-top: 5px; font-size: 11px; line-height: 14px; }
.quote { margin-bottom: 0px; }
.p_boldhighlight { font-family: Helvetica, Arial, sans-serif; color: #194980; font-weight: bold; border-bottom: 1px solid #afd0f1; }
.p_greybold { color: #8c8c8c; font-weight: normal; margin: 3px 0 10px 0px; }
.copyright { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: left; color: #2d74be; padding: 0; margin: 0; }
.copyright_bold { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-align: left; color: #2d74be; padding: 0; }
.change_logo { margin: 30px 0 0 0; }
/* Proofing Page Styles -- */
.project { font-size: 18px; font-style: normal; line-height: normal; text-transform: none; color: #cb4420; font-weight: normal; text-align: left; margin: 20px 0 0 0; }
.prooflink { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }
.VersionNumber { font-size: 14px; float: left; color: #464c56; text-align: right; padding: 0; }
.ProofDate { color: #464c56; font-size: 10px; line-height: 12px; padding: 0 3px 0 0; font-weight: normal; }
.VersionNotes { font-size: 11px; color: black; padding-left: 105px; padding-bottom: 15px; line-height: 16px; list-style-type: circle; text-align: left; color: #464c56; text-transform: lowercase; }