br.clearme { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
html { overflow-y: scroll; }
html{font-size:100%} body{font-size:67.5%} /* makes 1em= 10px */
.floatleft { float: left; display: inline; }

/* GLOBAL */

body { background-color: #adb9c0; text-align: center; font-family: arial, helvetica, sans-serif; }

p { font-size: 120%; line-height: 1.4em; color: #D9D9D9; }


a:link { color: #fdb913; text-decoration: none; }
a:visited { color: #fdb913; text-decoration: none; }
a:hover { color: #fdb913; text-decoration: none; }
a:active { color: #fdb913; text-decoration: none; }

#header { background-color: #000010; padding-top: 45px; text-align: left; }
#innerheader { width: 820px; margin: 0 auto; position: relative; }

#logo { width: 152px; height: 25px; background: url(../images/olswanglogo.gif) no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px; overflow: hidden;  }

.copycolumn { width:500px; padding-bottom: 80px; padding-top: 20px; }

html body .white { color: #ffffff; }
html body .yellow { color: #fdb913 }
html body .green { color: #00788a }
html body .red { color: #b20838 }

.defaultlist { font-size: 120%; line-height: 1.5; margin-left: 20px; }
.defaultlist li { padding-left: 5px; list-style: outside disc none; margin-bottom: 1em;}

/* NAV */

#nav { height: 43px;  font-family: arial, helvetica, sans-serif; font-size: 110%; }
#nav li { float: left; display: inline; border-right: 1px solid #2b2635; border-top: 1px solid #2b2635;  }
#nav li a { display: block; text-align: center; height: auto; padding-top: 16px; color: #adb9c0; text-decoration: none; padding: 0 15px 0; line-height:42px; }
#nav a.first { padding-left: 16px; border-left: 1px solid #2b2635;}
#nav a:hover { background-color: #b20838; color: #fff; }

#nav li a.current { background-color: #1d1728; color: #fff; }
a.current:hover { background-color: #1d1728; }

#nav li a.currentblue { background-color: #00788A; color: #fff; }
a.currentblue:hover { background-color: #00788A; }

#nav li a.currentyellow { background-color: #fdb913; color: #000; }
a.currentyellow:hover { background-color: #fdb913; }

#nav li a.currentred { background-color: #b20838; color: #fff; }

body.stories #nav li a.stories { background-color: #1d1728; color: #fff; }




/* HOME */

#block1 { background-color: #1d1728; border-bottom: 1px solid #323642; }
#innerblock1 { text-align: left; margin: 0 auto; width: 820px; padding-top: 30px; }
body.home #innerblock1 { text-align: center; }

#block1 { background: #1D1728 url(../images/home_block1_bg.gif) repeat-x; }

#innerblock1 h1.home_heading { font-size: 250%; font-family: georgia, times, "times new roman", serif; padding-bottom: 30px; }

body.home #innerblock1 { /*background: url(../images/home_draggable_bg.png) no-repeat 50% 50%;*/ }
#main { margin-bottom: 0px;  }


.tag { width: 110px; height: 50px; position: absolute; text-align: center; z-index: 9; }
.tag p { color: #fff; width: 93px; text-align: center; padding-top: 7px; line-height: 1em;  }
.tagright p { padding-left: 16px; }
.tagleft p { padding-left: 5px; }
.gallery_a1_tag { background: url(../images/drag_tag_a1.png) no-repeat;  top: 0%;}
.gallery_a2_tag { background: url(../images/drag_tag_a2.png) no-repeat;  right: 0; top: 0%; }
.gallery_b1_tag { background: url(../images/drag_tag_b1.png) no-repeat;  top: 0%;}
.gallery_b2_tag { background: url(../images/drag_tag_b2.png) no-repeat;  right: 0; top: 0%;}

#enter_btn_wrap { text-align: center; }
#enter_btn { display: block; text-align: left; background: url(../images/enter_btn.jpg) no-repeat; width: 352px; height: 92px; overflow: hidden; margin: 20px auto; }
span.enter_title { display: block; margin-left: 120px; padding-top: 13px; font-size: 130%; }
span.enter_text { margin-left: 120px; display: block; margin-top: 5px; color: #c9c9c9; }
#enter_btn:hover { background-position: 0px -92px; }

#block1 .photo { float: right; width: 260px; height: 212px;  padding-bottom: 30px;}
#statement {  margin: 0 300px 0 0; padding-bottom: 20px; }
#statement h1 { font-family: georgia, times, "times new roman", serif; color: #ffffff; font-size: 240%; line-height: 1.4em; margin-bottom: 0.5em; }
#statement h1.bigquote { font-size: 250%; color: #fff;  }
#statement span.quotemark { margin-left: -10px; }
#statement p.quoteinfo { font-size: 200%; color: #fdb913; font-family: georgia, times, "times new roman", serif; }
#statement h2 { font-size: 140%; color: #fff; font-weight: bold; margin: 2em 0 1em 0; }
#statement p { color: #d9d9d9; font-size: 120%; line-height: 1.4em; margin-bottom: 1em; }

body.home #statement  { margin-right: 0;  }

#statement .col1 { float: left; display: inline; width: 380px; margin-right: 30px; }
* html #statement .col1 { padding-bottom: 20px }

#statement .col2 { float: right; display: inline; width: 380px; margin-top: -75px; }

#statement .col2 p.pullquote { font-size: 165%;  line-height: 1.3em; color: #fff; padding-right: 60px; letter-spacing: -0.03em; padding-top: 1em; border-top: 1px solid #fff;  }

#block2 { background-color: #1d1728;  }
#innerblock2 { text-align: left; margin: 0 auto; width: 860px; padding-top: 30px; position: relative; }
body.home #innerblock2 { width: 820px; }


#block2 h2 { font-family: georgia, times, "times new roman", serif; color: #adb9c0; font-size: 180%; line-height: 1.4em; margin: 0 0 1em 20px; }

/* fact panel on the homepage */

.fact { width: 289px; padding-bottom: 40px; float: left; display: inline;  padding-left: 24px; text-align: center; }
.fact .thumb { padding: 2px; border: 1px solid #adb9c0; margin-bottom: 10px; }
.fact .thumb:hover { border: 1px solid #fdb913; }
.fact.first { }
.fact h3 { font-size: 130%; margin-bottom: 10px; font-family: georgia, times, "times new roman", serif; }
.fact p.subtitle { color: #00788a; font-style: normal; text-align: center; margin-top: 25px; font-size: 140%;  }
#storycontent .fact p.moreinfo { color: #adb9c0; font-size: 110%; margin-top: 20px; }
.factbox { background: url(../images/factbg.jpg) no-repeat; width: 289px; height: 65px; font-size: 50px; line-height: 65px; }
.fact .last { font-size: 25px; line-height: 60px; }


body.home #block2 { background-color: #000010;  }

#home_statement { float: left; display: inline; width: 400px; margin-bottom: 30px;}
#home_statement p { color: #d9d9d9; font-size: 120%; line-height: 1.4em; margin-bottom: 1em; }
#home_statement h2 { font-size: 140%; color: #fff;  margin: 2em 0 1em 0; }

#fact_panel { float: right; display: inline; margin-bottom: 30px; width: 340px;  }
#fact_panel h2 { margin: 2em 0 1em 0; text-align: center; display: block }


/* PROGRAMMES & RESPONSIBILITIES */

#activities-table { text-align: left; table }

body.programmes #block1 { background-color: #b20838; border-bottom: 0; }
body.programmes #block1 h1 { color: #D9D9D9; }
body.programmes #block1 p { color: #fff; }

body.programmes #innerblock2 { width: 820px; }
body.programmes #innerblock2 h2 { margin-left: 0; }
body.programmes #innerblock2 p { color: #d9d9d9;  }
body.programmes h3 { float: left; display: inline; color: #FDB913; font-size: 130%; width: 150px; }
p.definition { float: left; display: inline; width: 500px; margin-bottom: 1em;  }

div.responsibilities { margin: 0 0 40px 20px; }

#activities-table { margin: 40px auto; font-size: 120%; line-height: 1.3em; border: #889197; width: 92%;  }
#activities-table .heading { background-color: #272232;  padding: 13px; font-weight: bold; color: #00788a; }
#activities-table .def { color: #d9d9d9; padding: 10px; background-color: #38343f; font-size:90%; line-height: auto; }
#activities-table td.image1 { background: url(../images/life.jpg) no-repeat; width: 120px; }
#activities-table td.image2 { background: url(../images/ladybug.jpg) no-repeat; width: 120px; }
#activities-table td.image3 { background: url(../images/hands.jpg) no-repeat; width: 120px; }
#activities-table td.image4 { background: url(../images/jellybeans.jpg) no-repeat; width: 120px; }
#activities-table tr { border: 2px solid #1d1728; }

#programmes { margin: 40px 0 50px 0; }
.programmebox { width:273px;  display:block; float: left; display: inline; margin-right: 20px; margin-top: 0;font-family: georgia, times, "times new roman", serif; text-align: center;  height: 197px; cursor: pointer; } /* 177px default */

a.probono { background: url(../images/probono.jpg) no-repeat; height:177px; color: #1D1728; line-height: 177px; font-size: 140%; width: 273px; margin-right:0;  }
a.environment { background: url(../images/environment.jpg) no-repeat; height:177px; color: #1D1728; line-height: 177px; font-size: 140%; 273px; margin-right:0; }
a.people { background: url(../images/people.jpg) no-repeat; height:177px; color: #1D1728; line-height: 177px; font-size: 140%; 273px; margin-right:0; }
a.charity { background: url(../images/charity.jpg) no-repeat; height:177px; color: #1D1728; line-height: 177px; font-size: 140%; 273px; margin-right:0; }

div#programmes div.programmebox a:link { color: #1D1728; }
div#programmes div.programmebox a:visited { color: #1D1728; }
div#programmes div.programmebox a:hover { color: #1D1728; }
div#programmes div.programmebox a:active { color: #1D1728; }

.qtip-wrapper { background-color: #fff; border: 1px solid #ADB9C0; }
.qtip-wrapper p { font-size: 11.5px; color: #333; line-height: normal; margin-bottom: 11px; }
.qtip-wrapper ul.normal { margin: 20px }
.qtip-wrapper ul.normal li { font-size: 11.5px; color: #333; line-height: auto; padding-left: 0px; list-style: disc outside; }





/* CULTURE */


body.culture #innerblock2 { width:820px; }
body.culture #innerblock2 h2 { margin-left:0; }
body.culture #block1 { background-color:#fdb913; border-bottom:0 none; }
body.culture #block2 p { margin-bottom: 2em; }
#weare { width: 500px; padding-right: 20px; border-right: 1px solid #d9d9d9; margin-bottom: 60px; float: left; display: inline; }

body.culture #statement h1 { color: #fff; }
body.culture #statement p { color: #333; }


/* TEAM */

body.team #innerblock2 { width:820px; }
body.team #innerblock2 h2 { margin-left:0; }
body.team #block1 { background-color:#00788A; border-bottom:0 none; }
body.team #block2 p { margin-bottom: 2em; }

.profile { background-color: #000010; width: 148px; float: left; display: inline; height: 280px; margin: 0 0 0 20px;}
.profile img { margin: 5px; width: 138px; height: 138px; }
.profile div.name { color: #fff; font-family: georgia, times, "times new roman", serif; font-size: 150%; margin: 10px 10px 3px 10px; }
.profile div.role { color: #fff; font-family: georgia, times, "times new roman", serif; font-size: 120%; margin: 0 10px 0 10px; color: #ADB9C0;  }
.profile p.excerpt { margin: 20px 10px 10px; font-size: 100%; color: #adb9c0; }
span.profilelink { display: block; margin-top: 10px; }
.profile.first { margin-left: 0; }
body.team .row { margin-bottom: 20px; height: 280px; }


/* SNAPSHOT SUBNAV PANELS */

.snapshot { background-color: #f9f9f9; width: 148px; float: left; display: inline; height: 190px; margin: 0 0 0 20px;}
.snapshot img { margin: 5px; width: 138px; height: 138px; height: 108px; margin: 3px 3px 0 3px; width: 141px; }
.snapshot div.name { color: #222; font-family: georgia, times, "times new roman", serif; font-size: 120%; margin: 2px 8px 3px 8px; }
.snapshot div.role { color: #fff; font-family: georgia, times, "times new roman", serif; font-size: 120%; margin: 0 10px 0 10px; color: #ADB9C0;  }
.snapshot p.excerpt { margin: 0 8px 0; font-size: 100%; color: #adb9c0; }
span.snapshotlink { display: block; margin-top: 10px; }
.snapshot.first { margin-left: 0; }
body.team .row { margin-bottom: 20px; height: 280px; }


/* POLICIES */

body.policies #innerblock2 { width:820px; }
body.policies #innerblock2 h2 { margin-left:0; }
body.policies #block2 p { margin-bottom: 2em; }
body.policies #block1 ul { font-size: 110%;  }
body.policies #block1 ul li { padding-bottom: 1em; background: transparent url(../images/bullet1.gif) no-repeat; margin-left: 15px; padding-left: 16px; }


/* STORIES */

#storywrapper { background: #1D1728 url(../images/home_block1_bg.gif) repeat-x; }
#storyinner { width: 820px; margin: 0 auto; text-align: left; padding-bottom:20px; }
body.gallerypage #storyinner { padding-bottom:0; }
body.gallerypage .copycolumn { padding-bottom: 20px; }

/* legacy v1 #story nav

#storynav { background-color: #000010; text-align: left; width: 820px; border-top: 1px solid #1d1728;   }

#storynav .storylink { display: block; width: 140px; height: 50px; margin-right: 20px; float: left; display: inline; border-bottom: 1px solid #2B2635 }
#storynav a.last { margin-right: 0; overflow: hidden; }

#storynav a:hover { background-color: #b20838; color: #fff; }
#storynav a:hover span.storylinkinfo { color: #fff; }
a span.storylinkinfo { color: #adb9c0; padding-top: 5px; display: block; }

#storynav a.currentstory { background-color: #1d1728; border-bottom: 1px solid #2B2635; color: #adb9c0; }
#storynav a.currentstory span.storylinkinfo { color: #adb9c0; }

#storynav .row-1 { margin: 20px 0 0 20px; }
#storynav .row-2 { margin: 0 0 20px 20px; padding-top: 20px; }
* html #storynav .row-2 { margin: 0 0 0 20px; }
*/


/* SNAPSHOT SUB-NAVIGATION 

#snapshotsnav_outer { border-top: 1px solid #2B2635; border-bottom: 1px solid #2B2635;  text-align: center; height: 42px; background: #010010; }

#snapshotsnav { font-size: 110%; height: 42px; text-align: left; width: 820px; margin: 0 auto; border-left: 1px solid #2B2635;  }
#snapshotsnav li { float: left; display: inline; border-left: 1px solid #2B2635 }
#snapshotsnav li a  { color: #ADB9C0; display: block; height: auto; line-height: 42px; padding: 0 15px; text-align: center; text-decoration: none; }


#snapshotsnav li a.snapshotnav-1 { }
#snapshotsnav li a.last { border-right: 1px solid #2B2635; }

#snapshotsnav li.active a { background: #00788a url(../images/current_snap_nav.gif) no-repeat 50% 42px; color: #fff;  margin-bottom: -14px; height: 56px;   }

#snapshot_items_outer { background: #010010;  }
#snapshot_items_inner { background: #010010; width: 820px; margin: 0 auto; text-align: left; padding: 40px 0;  }

*/



#storycontent { background-color: #fff; padding: 0 20px 20px 20px; text-align: left; width: 780px; height: auto; border-top: 8px solid #8698a4; }
#storycontent p { color: #000; margin-bottom: 1em; }
#storycontent h1 { font-family: georgia, times, "times new roman", serif; color: #adb9c0; font-size: 260%; line-height: 1.2em; margin-bottom: 1em; }
#storycontent h2 { font-family: georgia, times, "times new roman", serif; color: #adb9c0; font-size: 160%; line-height: 1.4em; margin-bottom: 1em; }

body.stories div#storycontent .first { padding-left: 0; }
body.stories .story { padding-left: 9px; width: 148px; }

#storycontent h1.larger { font-size: 320%; }





/* STORY LAYOUT: LARGE GRAPHIC IMAGE AND QUOTE */

#largeimage { height: 298px; position: relative; line-height: 0; overflow: hidden; border-top: 1px solid #007889; }
#largeimage img { height: 298px; line-height: 0; font-size: 0; }
p#largequote { font-size: 200%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 300px }
span.largequotename { display: block; margin-top: 1.3em; color: #FDB913; }

p#largequoteelephant { font-size: 150%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 380px }
p#largequotecharity { font-size: 190%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 380px }
p#largequotelawyers { font-size: 140%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 380px; line-height: normal; }
p#largequotecancer { font-size: 140%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 430px; line-height: normal; }
p#largequotebikes { font-size: 370%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #FDB913; width: 300px }
p#largequotebikessmall { font-size: 150%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 210px; left: 30px; color: #fff; width: 300px }

p#largequotehatfield { font-size: 180%; font-family: georgia, times, "times new roman", serif; line-height: 1.3em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; width: 380px; line-height: normal; }

body.story-2  p#largequote { width: 330px; font-size: 250%; }

body.story-6.largeimage p#largequote { font-size: 160%; width: 380px; }
body.story-10.largeimage p#largequote { font-size: 200%; }

p#largerquote { font-size: 150%; width: 780px; line-height: auto; font-family: georgia, times, "times new roman", serif; line-height: 1.25em; text-align: left; position: absolute; top: 30px; left: 30px; color: #fff; }

#colourstrip { background-color: #00788a;  }
#colourstrip h1 { font-family: georgia, times, "times new roman", serif; color: #FDB913; font-size: 220%; line-height: 1.4em; padding: 20px 0 60px 20px}
#colourstrip h1 span.storyname { color: #adb9c0; }

#bikes_video { width: 238px; height: 260px; background: url(../images/bikes_video.jpg) no-repeat; display: block; z-index: 2; position: absolute; margin: 20px 0 0 40px; padding: 230px 0 0 0; text-align: center; overflow: hidden; }


/* SNAPSHOT: SIDEBAR */

#sidebar { float: right; display: inline; width: 310px; min-height: 454px; height: auto !important; height: 454px; margin-left: 0px; background-color: #f0f0f0; text-align: center; padding-top: 20px;  }


#sidebar p.videocap { color: #ADB9C0; font-size: 110%; text-align: center;  }
#sidebar p.videocap a { color: #95a0a9; text-decoration: underline;  }

#sidebar #sidebar_quote p { text-align: left; margin: 20px 0 20px 20px; padding: 0 40px; background: url(../images/sidebar_quote_mark.gif) no-repeat; color: #8698a4; font-size: 170%; }

#sidebar_image {  }

#sidebar_logo {  }



/* STORY LAYOUT: VIDEO / PHOTO GALLERY */

#storycontent h1.storynum { color: #000010; margin-bottom: 0.5em; }

body.video .copycolumn { width: 445px; }
body.video ul.links { width: 50%; }
body.video h2.extlinks { margin-top: 2em; }


/* STORIES SIDEBAR LINKS */

ul.links li { font-size: 1.2em; border-bottom: 1px solid #d6dee2; padding: 4px 0;  }
ul.links {  border-top: 1px solid #d6dee2;  }
ul.links a { color: #8598a3; }

ul.links a:hover { text-decoration: underline; }


/* FOOTER */
#footer_inner { margin: 0 auto; position: relative; text-align: left; width: 820px; }
#footer { color: #1d1728; font-size: 100%; padding-top: 20px; padding-bottom: 100px; text-align: center; }
#footer p {  color: #1d1728; }
#footer a { color: #1d1728; }

#flinksleft { width: 400px; float: left; display: inline;} 
#flinksleft li { display: inline; float: left; padding: 0 10px; border-right: 1px solid #000; }
#footer li.first { padding-left: 0; }
#footer li.last { border-right: 0; }

#flinksright { width: 400px; float: right; display: inline; text-align: right; }
#flinksright li { display: inline; float: right; border-right: 1px solid #000; padding: 0 10px; }

div#social { clear: both; padding-top: 10px; }