/* Meyer CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Element tags */
html, body { margin:0px; padding:0px; width:1100px; }
body { background: url('assets/images/fib-background.jpg') no-repeat top left; font-family: "Times New Roman", Georgia, serif; line-height:140%; }
a { text-decoration:none; color:#093e66; }
p { margin: 10px 0px; }
h1 { border-top: 4px solid #85b6c5; border-bottom: 2px solid #85b6c5; font-family: CrimsonRoman, "Times New Roman", Georgia, serif; font-size: 44px; line-height: 140%; }
h2 { letter-spacing: 1px; margin: 20px 0px 0px; font-size: 18px; }
h3 { border-top-style:solid; border-top-width:3px; border-bottom-style:solid; border-bottom-width:1px; font-size:24px; text-align:center; font-weight:normal; padding:8px 0px; font-family: CrimsonSemibold; margin-bottom: 25px; }
/* Header */
#header { margin: 50px 0px 50px 30px; height:170px; font-family: CrimsonItalic, "Times New Roman", Georgia, serif; }
#header > div { margin:0px 0px 0px 15px; display: inline-block; vertical-align: top; }
#logo { text-align: right; }
#logo a { width: 100%; height: 100%; display: block; }
#header div.inner-box { width:145px; height:145px; margin:0px 0px 5px 0px; }
#header div.inner-box a { display:block; width:100%; height:100%; text-decoration:none; color:#ffffff; position:relative; font-size:20px; letter-spacing:2px; }
#header div.inner-box .nav-text { position: absolute; bottom:0px; padding:10px; }
#pros div.inner-box { background-color: #093e66; }
#pros:hover, #pros.selected { border-bottom:4px solid #093e66; }
#clients div.inner-box { background-color: #85b6c5; }
#clients:hover, #clients.selected { border-bottom:4px solid #85b6c5; }
#news div.inner-box { background-color: #7e9fbb; }
#news:hover, #news.selected { border-bottom:4px solid #7e9fbb; }
/* Content */
#content, #footer { clear:both; width:700px; margin-left: 300px !important; }
.copy { font-size:20px; line-height:130%;}
/* Home page */
#quote { font-family: CrimsonRoman, "Times New Roman", Georgia, serif; font-size:29px; width:550px; float:left; margin:20px 0px; line-height:120%; }
#home-copy { clear:both; font-size:16px; width:500px; float:right; }
/* Pros page */
h3.pros-title { border-top-color: #093e66; border-bottom-color: #093e66; color: #093e66; }
#pros-list { width:500px; float:right; margin:15px 0px; }
.pros-list-item { border-top:1px solid #85b6c5; height:50px; line-height:50px; padding-left:10px; background: url('assets/images/arrow-inactive.png') no-repeat 470px center; }
#row-1.pros-list-item { border-top:none; }
.pros-list-item a { display:block; width:100%; height:100%; }
.pros-list-item .pros-position { color:#000000; }
.pros-list-item:hover { background: url('assets/images/arrow-active.png') no-repeat 470px center; background-color: #ebf6ff; cursor:pointer; }
/* Bio page */
#bio-name { font-size:24px; margin:10px 0px; font-family: CrimsonRoman, "Times New Roman", Georgia, serif; }
#bio-position { font-family: CrimsonItalic, "Times New Roman", Georgia, serif; }
.bio-image { margin-right:5px; margin-top:5px; float:left; width: 145px; height: 203px; }
#bio-body { padding-left:5px; font-size:14px; margin:0px; float: right; width:540px; }
#bio-body p:first-child { margin-top: 0px; }
/* Clients page */
h3.clients-title { border-top-color: #85b6c5; border-bottom-color: #85b6c5; color: #85b6c5; }
#client-list { margin:15px 0px; }
#client-list-left, #client-list-right { width:48%; margin-bottom:60px; }
#client-list-left { float: left; }
#client-list-right { float:right; }
.client-list-item { border-bottom: 1px solid #85b6c5; line-height:40px; }
/* News page */
h3.news-title { border-top-color: #7e9fbb; border-bottom-color: #7e9fbb; color: #7b9bb6; }
.story { clear:both; border-bottom: 1px solid #7b9bb6; margin-bottom:40px; }
.story ul { list-style-type: disc; margin-left: 25px; }
.last-story { border-bottom: none; }
.story-info { font-size: 15px; font-family: CrimsonItalic, "Times New Roman", Georgia, serif; }
.story-title { font-size:26px; font-family: CrimsonRoman, "Times New Roman", Georgia, serif; margin: 8px 0px; line-height: 105%; }
.story-tagline { font-family:CrimsonItalic, "Times New Roman", Georgia, serif; font-size:18px; margin-top:15px; }
.story-body { width:500px; font-size:14px; float:right; margin:10px 0px 30px; }
/* Footer */
#footer { margin:75px 0px; border-top: 2px solid #85b6c5; text-align:right; color:#636363; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding-top:20px; }
#footer #copyright { font-size:11px; }
#footer p { margin: 0px 0px; }
#footer a:hover { color: #85b6c5; }
/* Fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 8, 2011 01:33:12 PM America/New_York */
@font-face {
font-family: 'CrimsonRoman';
src: url('assets/fonts/Crimson-Roman-webfont.eot');
src: url('assets/fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-Roman-webfont.woff') format('woff'),
url('assets/fonts/Crimson-Roman-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'CrimsonBold';
src: url('assets/fonts/Crimson-Bold-webfont.eot');
src: url('assets/fonts/Crimson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-Bold-webfont.woff') format('woff'),
url('assets/fonts/Crimson-Bold-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-Bold-webfont.svg#CrimsonBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CrimsonBoldItalic';
src: url('assets/fonts/Crimson-BoldItalic-webfont.eot');
src: url('assets/fonts/Crimson-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-BoldItalic-webfont.woff') format('woff'),
url('assets/fonts/Crimson-BoldItalic-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-BoldItalic-webfont.svg#CrimsonBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
*/
@font-face {
font-family: 'CrimsonItalic';
src: url('assets/fonts/Crimson-Italic-webfont.eot');
src: url('assets/fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-Italic-webfont.woff') format('woff'),
url('assets/fonts/Crimson-Italic-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CrimsonSemibold';
src: url('assets/fonts/Crimson-Semibold-webfont.eot');
src: url('assets/fonts/Crimson-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-Semibold-webfont.woff') format('woff'),
url('assets/fonts/Crimson-Semibold-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-Semibold-webfont.svg#CrimsonSemibold') format('svg');
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'CrimsonSemiboldItalic';
src: url('assets/fonts/Crimson-SemiboldItalic-webfont.eot');
src: url('assets/fonts/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Crimson-SemiboldItalic-webfont.woff') format('woff'),
url('assets/fonts/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
url('assets/fonts/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
*/