﻿html, body, div, p, ul, ol, li, dl, dd, dt, img, form, fieldset, input, textarea, select, h1, h2, h3, h4, h5 {
    margin: 0px;
    padding: 0px;
}

html {height: 100%; margin-bottom: 1px;} /* Forces toolbars to show to avoid horizontal jump */

body {
    color: gray;
}

h1 {
    color: #73003C;
    margin: 0px 0px 10px 0px;
    line-height: 1.05em;
}

h2 {
    font-size: 1.3em;
    color: #73003C;
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
    color: #73003C;
}

#logo {margin: 0 auto; width: 750px; padding: 0 100px;}
#logo a {display: block; position: absolute; height: 50px; width: 148px; top: 30px; margin-left: 594px;}
#logo span {display: none;}

/* ========================= PORTFOLIO ========================= */

#portfolioBreadCrumb {font-size: 0.7em; float: right; margin: 10px 10px 0px 15px; width: 420px; text-align: right; position: relative; z-index: 10;}

#portfolioBreadCrumb a {color: #808080;}
#portfolioBreadCrumb a:hover {color: #73000c;}

#leftCol {float: left; font-size: 0.75em; width: 290px; margin: 10px auto 0 13px; color: #333333;}
#leftCol h1 {width: 290px;}

.rightCol {float: left; width: 400px; margin-top: 20px; margin-left: 35px; font-size: 0.75em;}

#porfolioLozenges {float: left; width: 400px; margin-top: 20px; margin-left: 35px; list-style-type: none;}
#porfolioLozenges dt {float: left; height: 32px; width: 30px;}
#porfolioLozenges dd {float: left; height: 32px; width: 362px; padding-left: 10px; margin-bottom: 20px; line-height: 1.8em; margin-left: -2px;}
#porfolioLozenges dd.col1 {width: 138px;}
#porfolioLozenges dd.col2 {width: 186px;}
#porfolioLozenges dd a {color: #808080; text-decoration: none;}
#porfolioLozenges dd a:hover {color: #73000c;}

.hCampaign {margin: 10px 0; font-size: 1.3em; letter-spacing: 0em; color: #000;}

.portfolioThumbs {float: right; width: 144px; list-style-type: none; margin: 32px 8px 0 0;}
* html .portfolioThumbs {margin: -78px 0 0 0; overflow: hidden;}
.portfolioThumbs li {float: left; margin-bottom: -20px; height: 55px;}
* html .portfolioThumbs li {margin-bottom: -24px; position: relative; left: -5px;}
.portfolioThumbs li img {cursor: pointer; position: relative; width: 86px; height: 55px; z-index: 0;}
#portfolioMain {float: right; margin: 31px 10px 0 0; border: 0;}

#portfolioPaging {position: absolute; top: 310px; z-index: 15; line-height: 2em; width: 160px;}
#portfolioPaging a#previous {float: left;}
#portfolioPaging a#next {float: right;}

fieldset {float: left; width: 400px; margin-top: 30px; margin-left: 35px; border: none; font-size: 0.8em;}
fieldset dt {float: left; width: 125px; margin-bottom: 4px; line-height: 1.2em; color: #73000c;}
fieldset dd {float: left; width: 275px; margin-bottom: 4px;}
fieldset input.tbx {width: 225px; border: 1px solid #808080; padding: 2px;}
fieldset input.tbx:focus {border-color: #73000c;}
fieldset input.btn {padding: 2px;}
fieldset textarea {width: 225px; height: 5.5em; border: 1px solid #808080; padding: 2px;}
fieldset textarea:focus {border-color: #73000c;}
fieldset span.warning {display: block; float: left; width: 100%;}
fieldset input.uploadBox {width: 300px; padding: 3px;}

/* ====================== SUCCESS STORIES ====================== */
ol.successStory {list-style-type: none; margin-left: 30px; font-size: 0.75em;}
ol.successStory li {margin-bottom: 0.5em;}
ol.successStory li em {font-weight: bold; font-style: normal;}
ol.successStory ul {list-style-type: disc; padding-left: 20px;}
ol.successStory ul li {margin-top: 0.5em; margin-bottom: 0; color: #73003C;}
ol.successStory ul li span {color: #000;}
/*ol.successStory ul li {background: url(../images/hyphen.gif) no-repeat 0 50%; padding-left: 15px;}*/
a.pdf {display: block; margin-top: 15px; background-repeat: no-repeat; background-position: left 50%; padding: 10px 0 10px 40px; margin-left: 35px; font-size: 1.2em;}
#textbox2 a.pdf {font-size: 0.8em; margin-left: 0;}
#textbox2 .pdfLink {margin-left: 10px; margin-top: 20px;}

/* ========================= STRUCTURE ========================= */

#content {
    width: 955px;
    height: 600px;
    margin: 0px auto 0px auto;
    background-repeat: no-repeat;
    background-position: center top;
}

#innercontent {
    width: 759px;
    height: 340px;
    margin: 0 0px 0px 92px;
    position: relative;
    top: 86px;
}

#lozenges {
    width: 955px;
    height: 64px;
    position: absolute; top: 428px;
    text-align: center;
}

#lozenges img {
    border: 0px;
    margin-right: 9px;
    margin-left: -1px; /* seems to sort out 1px discrepency in some browsers */
}

/* ========================= NAVIGATION ========================= */
#navigation {
    float: left;
    width: 738px;
    height: 20px;
}

/* ========================= MAIN CONTENT ========================= */

#textbox1 {
    float: left;
    font-family: inherit;
    color: #333333;
    width: 485px;
    height: 300px;
    margin: 10px auto 0px 13px;
}

#textbox1 p, #textboxFull p, #textboxFull ul {
    margin-bottom: 6px;
    font-size: 0.75em;	
}

#textbox1 a {
    color: #666;
}

#textbox1 a:hover {
    color: #333;
}

#illustration {
    float: left;
    width: 200px;
    height: 174px;
    margin: 20px 0px 0px 20px;
}
#textbox2 {
    width: 240px;
    height: 95px;
    float: left;
    color: #666666;
    margin: 15px 0px 0px 0px;
}
#textboxFull {
    width: 720px;
    height: 285px;
    float: left;
    color: #333333;
    margin: 10px auto 0px 13px;
}
p.quotation {
    margin: 0px auto 0px auto;
    text-align: center;
    font-size:0.75em;
    color: #73003c;
}
p.author {
    background-position: center;
    font-size:0.7em;
    font-style: italic;
    font-weight: bold;
    color: #666666;
    text-align: center;
}
p.subhead { /* Unused */
    /*font-size: small;*/
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-style: italic;
}
p.subhead2 {
    font-size: 1.15em;
    font-weight: bold;
    color: #73003c;
}

.copyright {width: 755px; padding: 0 100px; margin: 0 auto; font-size: 0.75em; position: relative; top: -92px;}
* html .copyright {top: -97px;}

#locationMap {left: 58px; top: 15px; border: 1px solid #73003c;}
#myInControl, #myOutControl {margin-top: -23px; margin-left: -2px;}