/*
 Master Stylesheet
 Site: Triathlon
*/

/* 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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Basic Elements  */
html{font-size:100%;}
body {background: url(../images/body-bg.jpg) repeat-x 0 98px;font-size: 62.5%;font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: #666; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }
.clearer { clear: both; height: 0; line-height: 0;}

/* Links */
a:link, a:visited, a:active { color: #105ea5;text-decoration: none; }
a:hover { color: #105ea5; text-decoration:underline }
a.more-link { background: url(../images/arrow1.gif) no-repeat right 2px; padding: 0 15px 0 0; white-space: nowrap; position: relative;}
a.more-link2 { padding: 0 13px 0 3px; white-space: nowrap; position: relative; }
a.more-link2 span { background: url(../images/arrow2.png) no-repeat right top; position: absolute; right: 0; width: 8px; height: 9px; top:4px;line-height: 0;}

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 2.2em; margin: 0 0 .75em;}
h3 { font-size: 1.6em; margin: 0 0 .3em; color: #105ea5; font-weight: 400;}
h4, h5, h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0;  }

/* Site Structure */
#wrap { width: 867px; margin: 0 auto; }
#content { background: url(../images/content-bg.jpg) no-repeat 0 0; height: 800px; }
#content-inner { padding: 13px 28px 10px 29px;}
#box { border: 1px solid #ccc; padding: 4px; }
#box-inner { background: #f0ede9; padding-bottom: 20px;  }

/* Header */
#header { height: 59px; margin:0;padding:39px 0 0;}
h1#logo { width: 248px; height: 40px;font-size: 1em; overflow: hidden; position: relative; margin-left: 16px;}
h1#logo a span{ background: url(../images/triathlon-investment-management.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logo a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Main Navigation */
#nav ul{ height: 25px; margin: 0; padding-left: 16px;}
#nav li { float: left; }
#nav a { background: #105EA6; color: #fff; display: block; height: 25px; line-height: 25px; overflow: hidden; position: relative; text-align: center; font-size: 1em; font-weight: bold; text-transform: uppercase; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background-color: #CFDEED; color: #105ea5; }
#nav a:hover span, #nav a.current span { background-position: left bottom; }
#nav a#nav1 { width: 63px; }
#nav a#nav2 { width: 165px; }
#nav a#nav3 { width: 179px; }
#nav a#nav4 { width: 101px; }
#nav a#nav5 { width: 103px; }
#nav a#nav1 span { background-image: url(../images/nav/nav_01.png); }
#nav a#nav2 span { background-image: url(../images/nav/nav_02.png); }
#nav a#nav3 span { background-image: url(../images/nav/nav_03.png); }
#nav a#nav4 span { background-image: url(../images/nav/nav_04.png); }
#nav a#nav5 span { background-image: url(../images/nav/nav_05.png); }

/* Footer */
#footer { clear: both; color: #999; padding: 14px 0 0; height:64px;  }
span#copyright { float: left; }
span#design-credit { float: right; }
span#design-credit a{ text-decoration: underline; }
span#design-credit a:hover{ text-decoration: none; }

/* General */
.img-border { border: 1px solid #d7cebb;padding: 3px; background: #fbfaf8; margin: 0 0 10px; }

/*
Page Specific Styles 
*/

/* Homepage */
#hp-photo { float: left; width: 513px; }
#hp-sidebox { width: 286px;border-left: 1px solid #fff; float: right; background: url(../images/sidebox-bg.png) repeat-x;height: 269px;}
#hp-sidebox .inner { padding: 57px 37px; color: #fff; line-height: 1.83;  }

h2#welcome-hdr { width: 203px; height: 16px; margin: 0 0 15px; }
h2#welcome-hdr span{ background: url(../images/welcome-to-triathlon.png) no-repeat ; }

.hp-group { width: 169px; float: left; margin: 24px 17px 0 15px; }
.hp-group-last { margin-right: 0; }
.hp-group p { font-size: 1.1em; }

/* Subpages */
#sub-photo { width: 545px; float: left; }
#sidebox { width: 254px; float: right; background: url(../images/sidebox-bg2.png) repeat-x; height: 183px; border-left: 1px solid #fff;}
#sidebox .inner { padding: 30px 0 0 28px; color: #fff; line-height: 1.83;  }

h2#investment-app-hdr { width: 139px; height: 53px; margin: 0 0 20px }
h2#investment-app-hdr span{ background: url(../images/investment-approach.png) no-repeat ; }
h2#advantage-hdr { width: 159px; height: 56px; margin: 0 0 20px }
h2#advantage-hdr span{ background: url(../images/independent-advantage.png) no-repeat ; }
h2#who-we-are-hdr { width: 151px; height: 21px; margin: 0 0 20px }
h2#who-we-are-hdr span{ background: url(../images/who-we-are.png) no-repeat ; }
h2#contact-hdr { width: 93px; height: 49px; margin: 0 0 20px }
h2#contact-hdr span{ background: url(../images/contact-us.png) no-repeat ; }

#main { padding: 30px 30px 0 30px; clear: both; width: 485px; float: left; }
#sidebar { width: 174px; float: right; background: url(../images/sidebar-border.gif) repeat-y; margin: 30px 0 0; padding: 0 50px 0 30px; }
#sidebar p { font-size: 1.1em; margin: 0 0 2.5em; }
#sidebar p.nomargin { margin: 0; }

/* sIFR */
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-active h3.sifr { font-size: 1.6em; line-height: 1em; visibility: hidden; margin: 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* self-clear floats */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }