/* GLOBAL RESET BY ERIC MEYER http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

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 }
blockquote, q { quotes: none }

/* remember to define focus styles! */
:focus { outline: 0 }

/* remember to highlight inserts somehow! */
ins { text-decoration: none }
del { text-decoration: line-through }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }

q:before, q:after { content:"" }

/* RESTORES SOME DEFAULTS */

strong { font-weight: bold }
em { font-style: italic }
* a { position:relative } /* displays links over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* layout */
div#wrapper { width:960px; position:relative; margin:0 auto; background:#fff; padding:20px 0 }

/* branding */
div#branding { position:relative; width:100%; border-top:2px solid }
div#logo { height:70px; position:relative; margin-left:160px }
#branding h1 { position:absolute; left:0; bottom:0; width:160px; text-indent:-9999px }
#branding h1 a { height:60px; background:url(imgs/praxisuklogo.gif) no-repeat; display:block } 
#branding p#tagLine { position:absolute; left:160px; bottom:0 }

/* main navigation */
div#navContainer { position:absolute; top:80px }
#navContainer ul { background:#cb0031; width:960px; height:45px } 
#navContainer ul li { float:left; height:45px; border-left:1px solid #fff; position:relative }
#navContainer ul li:first-child { border-left:none }
#navContainer ul li a { display:block; float:left; width:150px; height:19px }

/* drop menu (http://meyerweb.com/eric/css/edge/menus/demo.html) */
#navContainer li ul { display:none }
#navContainer ul > li:hover > ul { display:block; position:absolute; top:45px; left:0; z-index:10; width:159px; height:0 }
#navContainer ul > li:hover > ul li { display:block; border-left:none; height:30px }

div#cover { height:244px; width:960px; border-top:1px solid #fff; margin-top:55px }
div#cover.home { background:#cb0031 url(imgs/m5.jpg) no-repeat left top }
div#cover.what { background:#cb0031 url(imgs/m3.jpg) no-repeat left top }
div#cover.who { background:#cb0031 url(imgs/m2.jpg) no-repeat left top }
div#cover.workFor { background:#cb0031 url(imgs/m1.jpg) no-repeat left top }
div#cover.workWith { background:#cb0031 url(imgs/m4.jpg) no-repeat left top }
div#cover q { position:absolute; left:665px; top:220px; padding-right:20px }
div#cover.workFor q { top:170px }
div#cover.workWith q { top:190px }
#cover cite { position:absolute; left:800px; top:250px; padding-right:20px }
div#cover.workFor cite { top:280px }
div#cover.workWith cite { top:255px }

/* content */
div#content { width:960px }
div#content.subpage { margin-top:85px }
div#pageID { width:145px; float:left }
div#pageContent { float:right; width:800px; margin-bottom:30px }
div#pageStory { float:left; width:625px }
div#suppLinks { float:right; width:160px }
body#pageWho h4 img { margin-bottom:0; margin-right:8px  }

/* supp navigation */
div#miscLinks { position:absolute; top:62px; left:640px }
#miscLinks h4 { text-indent:-9999px; position:absolute }
#miscLinks ul li { display:inline }
div#searchfield { position:absolute; top:-17px; left:145px; width:220px }

/* site info */
div#footer { clear:both; display:block; border-top:1px solid #ccc; padding-top:5px }


/* TYPOGRAPHY */

body { font-size:62.5%; line-height:1.4; font-family:Helvetica, Arial, 'Trebuchet MS', Verdana, sans-serif; color:#585a59 }

a { text-decoration:none }
a:link, a:visited { color:#cb0031 }
a:hover { text-decoration:underline }
a:active { color:#000 }
a[href^="http:"] { background:url(imgs/ext-icon.gif) no-repeat right top; padding-right:10px }
h1, h2, h3, h4 { color:#000 }
h2 { font-size:2em; line-height:1.1; margin-bottom:1em }
h3 { font-size:1.6em; line-height:1.1; padding-bottom:0.3em; margin-bottom:0.75em; border-bottom:1px solid }
p+h3, ul+h3 { margin-top:1.5em }
h4 { font-size:1.2em; line-height:1; padding:0.5em 0 } 
blockquote { margin-left:1.5em; padding-left:1em; border-left:1px solid }
a.top { color:#000; font-style:italic; font-size:0.9em }
a.top:before { content:"..." }

/* branding */
#branding p#tagLine { font-size:0.9em; line-height:0; text-transform:uppercase; color:#878989; letter-spacing:1px }
q { font-family:Georgia, 'Times Roman', sans-serif; font-size:1.4em }

/* main navigation */
#navContainer a { font-weight:bold; text-transform:uppercase; font-size:0.9em; color:#fff; padding-top:26px; padding-left:9px }
#navContainer a:hover { background:#711c24; text-decoration:none }
#navContainer a:active { background:#000 }
body#pageHome li#navHome a, body#pageWho li#navWho a, body#pageWorkFor li#navWorkFor a, body#pageWorkWith li#navWorkWith a, body#pageWhat li#navWhat a, body#pageInvolve li#navInvolve a { background:#711c24 }
div#cover q { font:2em/1.2 Times, 'Times Roman', Georgia, sans-serif; color:#fff }
#branding p cite { font:italic 1.6em/1 Times, 'Times Roman', Georgia, sans-serif; color:#fff }

/* drop menu */
#navContainer ul > li:hover > ul li a { height:18px; width:225px; padding-top:12px; padding-left:10px; padding-right:9px; border-top:1px solid #711c24; background:#ab2633; opacity:0.90 }
#navContainer ul > li:hover > ul li:first-child a { border-top:2px solid #4a1c1e }
body#pageHome #navContainer ul > li:hover > ul li a:hover, body#pageWhat #navContainer ul > li:hover > ul li a:hover, body#pageWho #navContainer ul > li:hover > ul li a:hover, body#pageWorkFor #navContainer ul > li:hover > ul li a:hover, body#pageWorkWith #navContainer ul > li:hover > ul li a:hover, body#pageInvolve #navContainer ul > li:hover > ul li a:hover, body#contactUs #navContainer ul > li:hover > ul li a:hover, body#pageStrategy #navContainer ul > li:hover > ul li a:hover { background:#4a1c1e }

/* Content */
div#content { padding:15px 0 0 }
div#pageStory p { font-size:1.2em; margin-bottom:1em } 
div#pageStory p strong { color:#000 }
div#pageStory ul { font-size:1.2em; margin-bottom:1em; margin-left:1.4em; list-style-type:square } 
div#pageStory ul.noListStyle { list-style-type:none }
div#pageStory ul h4, div#pageStory ul p { font-size:1em; padding-top:0 }
div#pageStory ul li a span { font-weight:bold }
div#pageStory img { margin-bottom:1em; border:1px solid #c8caca }
div#inset { padding:15px; background:#fcf5d6; margin-bottom:1em; border:1px solid #ccc; font-family:Georgia, 'Times Roman', serif; }
a.nextPage { color:#000; text-decoration:underline }

div#pageID ul li a { font-size:1.2em; padding:0.5em 0; display:block; border-bottom:1px dotted #000 }
div#pageID ul li:first-child a { border-top:1px dotted #000 }

div.vcard span { display:block; font-weight:bold }
div#pageStory img.inline-logo { float:left; margin-right:2px; margin-bottom:0 }

/* quick links */
div#suppLinks ul li { font-size:1.2em; padding:0.5em 0; border-bottom:1px dotted #000 }
div#suppLinks h4 { border-top:2px solid #000; border-bottom:1px solid #000; padding:8px 0 }

/* supp navigation */
div#miscLinks ul li a { font-size:1.1em; color:#585a59; padding:0 8px; border-left:1px solid }
div#miscLinks ul li:first-child a { border-left:none; padding-left:0 }

/* strategy diagram */

div#diagramWrap { width:500px }
div#top { height:112px; margin-bottom:50px }
div#middle { height:240px; margin-bottom:50px }
div.bottomInside { width:146px; height:110px; float:left; margin-right:2px; padding:8px; background-color:#e9e8d9 }
div.midInside, div.topInside { width:230px; height:110px; float:left; margin-right:2px; padding:8px }
div.midInside { margin-bottom:2px; background-color:#d1d1c4 }
div.topInside { background-color:#b4d1db }
div.arrow { background:url(imgs/arrow.gif) no-repeat center; height:35px; width:494px; margin-bottom:5px }