/**************************************************************
=CONTENTS
	=XHTML and colour usage summaries
	=Reset
	=Canvas
	=Links
	=Type (global)
		=Headings 
		=Paragraphs 
		=Lists 
		=Blockquotes
		=Inline elements
		=Forms
	=Layout:  
		By main XHTML structure source order 
		Followed by specific/exceptional contexts
**************************************************************/

/**************************************************************
=XHTML structure summary

body (classed for context)
	#top
		#menu_access
		.container
			#brand
			#menu
		.container
			.tel
			#site_search
			#header (.home page)
	#main (classed for sub-context)
		#content 
		#menu_sub
		#content_sub
	#menu_extended
		.container
			#general
			#services
			#work_news
			#about
			#info
			#legal
			#lcm
			#go_top
**************************************************************/

/**************************************************************
=Colour usage summary

	#223945 | rgb(34,57,69)     | Dark blue-green: 
																	Body text

	#002f49 | rgb(0,47,73)      | Very dark blue-green  (LCM blue): 
																	#top background (except some home page designs)

	#e42518 | rgb(228,37,24)    | Orange red (LCM red): 
																	Links 
																	h1 background 
																	home #latest background

	#7a8e99 | rgb(122,142,53)   | Medium dark blue-green: 
																	h3
																	#menu_extended text
																	Current sub-menu item (#menu_sub, #content_sub)
																	button hover
																	gallery image prompt hover

	#cad2d7 | rgb(202,210,215)  | Light blue-green lines: 
																	h2 top border
																	blockquote keyline
																	Gallery image prompt keyline
																	twitter link keyline
																	vertical column separators

	#f3f3f4 | rgb(243,243,244)    | Very pale blue-green: 
																	link hover background
																	#menu_extended background
																	blockquote background
																	twitter link background

**************************************************************/


/**************************************************************
=Reset adapted from Eric Meyer 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
**************************************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, 
table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

input, textarea, select 
{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

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

ol, ul 
{
list-style: none;
}

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

caption, th, td 
{
text-align: left;
font-weight: normal;
}

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

blockquote, q 
{
quotes: "" "";
}

hr 
{
position: absolute; 
left: -200em; 
visibility: hidden; 
}

img 
{
display: block;
}



/**************************************************************
=Canvas 
**************************************************************/

html, 
body 
{
height: 100%;
background-color: white;
}



/**************************************************************
=Links
**************************************************************/

a, 
a:link, 
#galleries li:hover a, 
#gallery_solo:hover a, 
#menu_extended .container:hover a, 
#main .entry-meta:hover a, 
#comments li:hover .vcard a, 
#twitter_replies .hentry:hover .vcard a 
{
color: #e42518; /* LCM red */
text-decoration: none;
}

/* #header p a:visited, 
#main a:visited 
{
color: #eb5c52;
} */

#latest a, 
#latest2 a 
{
color: white;
}

a.more, 
.info a, 
.entry-meta a, 
#main .info a, 
#main .entry-meta a, 
#comments .vcard a,  
#twitter_replies .vcard a,  
#add_reply p em, 
.entry-caption a 
{
color: #bf8a88; /* LCM muted red */
}

#menu_extended a
{
color: #7a8e99;
}

a:hover, 
#header p a:hover, 
#main a:hover, 
#latest a:hover, 
#latest2 a:hover, 
a.more:hover, 
.info a:hover, 
.entry-meta a:hover, 
#galleries li:hover a:hover, 
#gallery_solo:hover a:hover, 
#menu_extended .container a:hover, 
#menu_extended .container:hover a:hover, 
#main a:hover, 
#main .info a:hover, 
#main .entry-meta a:hover, 
#main .entry-meta:hover a:hover, 
#comments .vcard a:hover, 
#comments li:hover .vcard a:hover, 
#twitter_replies .vcard a:hover, 
#twitter_replies .hentry:hover .vcard a:hover, 
.entry-caption a:hover 
{
color: black; 
}

#header a:hover, 
#main a:hover 
{
background-color: #f3f3f4;
}

#menu a:active, 
#menu2 a:active 
{
margin-top: 1px; /* Doffs cap to http:/timvandamme.com */
}



/**************************************************************
=Type (global) 
**************************************************************/

body 
{
color: #223945;
font: 62.5%/1.385 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
/* Sets everything to 10px assuming defaults */
}

#top, 
#main, 
#menu_extended
{
font-size: 100.01%; /* Fix (older?) Firefox rounding errors */
}

#site_search, 
#latest, 
#latest2, 
#gallery, 
#content, 
#menu_sub, 
#content_sub, 
#menu_extended .container
{
font-size: 130%;
}


/*************************
=Headings 
*************************/

h1, h2, h3, 
h1 a, h2 a, h3 a, 
.h1, .h2, .h3, 
legend, 
#menu, 
#menu2, 
#top .tel, 
#header address .tel 
{
font-family: Georgia, "Times New Roman", serif;
}

#header h1, 
#main h1 
{
width: 100%;
overflow: hidden;
}

#main h1 
{
margin-bottom: 0.55em;
}

#header h1 span, 
#main h1 span 
{
color: white;
background-color: #e42518;
display: block; 
float: left; 
line-height: 1;
border: 0.14em solid #e42518;
}

#main h3, 
#main .h3 
{
color: #7a8e99;
}

#top .tel, 
#top .tel a, 
.marketingpeek #header address .tel, 
.marketingpeek #header address .tel a
{
font-size: 20px;
font-style: normal;
line-height: 1;
color: white;
}

#top .tel .type, 
.marketingpeek #header address .tel .type
{
display: block;
position: absolute;
left: -200em;
}

#top .tel a, 
.marketingpeek #header address .tel a
{
display: block;
padding: 5px 0;
background: url("../img/icn_tel.png") 0 1px no-repeat; 
text-indent: 36px;
}

#top .tel a:hover, 
.marketingpeek #header address .tel a:hover
{
background-position: 0 -49px;
}

#header h1, 
#main h1, 
#main .h1, 
#main legend .h1
{
font-size: 33px;
line-height: 1.154;
}

#main h2, 
#main #content li h2:first-child, 
#main #content #replies h2:first-child, 
#main #content #twitter_replies h2:first-child, 
.marketingpeek #main #content_sub #twitter_lcm h2:first-child, 
.marketingpeek #main #content_sub #topics h2:first-child, 
#main .h2, 
#main legend .h2 
{
clear: left;
font-size: 27px; 
line-height: 1.11;
margin-top: 18px;
border-top: 1px solid #cad2d7;
padding-top: 15px;
}

.bloghome #main #content li h2
{
margin-top: 40px;
border-top: 7px solid #cad2d7;
}

#latest h2, 
#latest2 h2 
{
font-size: 27px; 
line-height: 1.11;
color: white;
padding: 0 9px; 
}

#menu_sub h2, 
#content_sub h2 
{
margin-left: 6%;
margin-right: 6%;
margin-bottom: 5px;
}

.marketingpeek #content_sub h2 
{
margin-left: 0;
margin-right: 0;
}

#main #content h2:first-child, 
#main #menu_sub h2:first-child, 
#main #content_sub h2:first-child, 
#main #content .first, 
#main #menu_sub .first, 
#main #content_sub .first
{
margin-top: 7px;
border-top: 0;
padding-top: 0;
}

#main h3, 
#main .h3, 
#menu_extended h2 
{
clear: left;
font-size: 20px; 
line-height: 1.2; 
margin-top: 0.9em;
}

#menu_sub h3 
{
margin-top: 0.45em;
border-bottom: 2px solid white;
}

#main h4 
{
margin-top: 1.385em;
font-weight: bold;
}


#menu_extended h2 
{
font-style: italic;
font-style: italic;
}


/*************************
=paragraphs | =lists 
*************************/

#content p ,
#content #twitter_replies .hentry blockquote p:first-child 
{margin-top: 0.923em;}

#content p, 
#content li 
{
max-width: 38em;
}

.marketingpeek #content p, 
.marketingpeek #content li 
{
max-width: 100%;
}


/* Lists */

#content ol 
{
list-style: decimal;
margin-left: 2em;
}

#content .lower-roman 
{
list-style: lower-roman;
}

#content ul 
{
list-style: disc;
margin-left: 1.5em;
}

#content li, 
#menu_extended li li, 
#menu_extended dt, 
#menu_extended dd
{
margin-top: 0.692em; 
}


/*************************
=Inline styling 
*************************/


/* CAPS */ 

.uc
{
text-transform: uppercase;
}


/* Small caps */ 

.sc
{
font-size: 85%;
}


/* Larger text */

.entry-summary, .intro, .large {font-size: 115.38%;}


/* Bold and italic */

#main strong {font-weight: bold;}

em, 
em strong, 
em a, 
em span
{
font-style: italic;
}


/* =quotes */

#content blockquote 
{
margin-top: 0.923em;
padding: 7px 9px 9px;
background: #f3f3f4;
border: 1px solid #cad2d7;
font-size: 115.38%;
}

blockquote cite 
{
display: block;
font-weight: bold;
margin: 6px 0 0 0.29em;
font-size: 86.67%;
}

#content blockquote div {margin-top: 0.923em;}

#content blockquote p:first-child 
{
margin-top: 0;
text-indent: -0.25em;
}

blockquote cite span 
{
white-space: nowrap;
}

/* =alignment */

.align_left 
{
float: left;
margin: 0 15px 6px 0;
}

.align_right
{
float: right;
margin: 0 0 6px 15px;
}


/* Microformatting */

.org strong, 
.org strong abbr
{
font-weight: bold; 
white-space: nowrap;
}

#menu_extended .vcard span 
{
white-space: nowrap;
}

blockquote .fn
{
font-weight: bold; 
}

blockquote cite .title
{
display: inline-block; 
clear: left;
}

/* =date */

#events_list .date 
{
font-weight: bold;
}

/*************************
=Forms 
*************************/

form, 
fieldset {width: 100%;}

#add_reply {position: relative;}

#main #add_reply p em 
{
font-style: normal;
cursor: default;
}

fieldset.parent {padding-top: 46px;}

legend span {display: block;}

.marketingpeek #content legend span 
{
position: absolute;
top: 0; 
left: 0;
width: 100%;
font-size: 27px; 
line-height: 1.11;
border-top: 7px solid #cad2d7;
padding-top: 15px;
}

#content #updates input.text {max-width: 199px;}
#content_sub #updates input.text {max-width: 21em;}

#content form ol, 
#content form ol li, 
#content form ol ul {margin: 0;}

#content form ol, 
#content form ol ul {list-style: none;}

#content form ol li, 
#content fieldset.submit {padding-top: 0.923em;}

#content form ol ul li {padding: 0.23em;}

fieldset ol li.half {float: left; width: 47.5%;}
fieldset ol li.odd {padding-right: 3.7%;}

fieldset ol li.full, 
fieldset.submit {clear: both;}

/* controls */

input.text, 
textarea {width: 97.5%;}

#main input.text, 
#main textarea 
{
padding: 3px 4px;
background: #f3f3f4;
}

#main input.text:hover, 
#main textarea:hover 
{
background: #e5eaec;
}

#main input.text:focus, 
#main textarea:focus
{
border: 2px solid #e42518; 
background: white;
}

/* labels */

#main label
{
display: block;
margin-bottom: 2px;
}

#main .checkbox_radio label {display: inline; margin: 0;}

li.required label {font-weight: bold;}
li.required label em {font-weight: normal;}

label em {color: #7a8e99;}

/* error and post submission handling */

#content p.error, 
#confirmation 
{
padding: 7px 9px 9px;
background: #f3f3f4;
border: 1px solid #cad2d7;
}

#content p.error 
{
margin: 0 0 0.923em;
color: #f60;
}

label strong 
{
color: #f60;
display: block;
}

/* captcha (native) */

li.captcha div {float: left;}

li.captcha #captcha {width: 140px; margin-right: 10px;}
li.captcha div.input {width: 370px;}


/* =Buttons */

button 
{
margin-top: 5px;
cursor: pointer; 
color: white;
font-family: Georgia, "Times New Roman", serif;
font-size: 20px;
padding: 0 10px 0 0; 
text-align: center; 
width: auto; 
background: url("../img/btn_right.gif") right no-repeat; 
}

button::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner 
{
padding: 0;
}

button span 
{
position: relative; 
display: block; 
white-space: nowrap; 
padding: 0 0 0 10px;
height: 32px; 
line-height: 32px; 
background: #e42518 url("../img/btn_left.gif") left no-repeat;
}

button:hover {background: url("../img/btn_right_hover.gif") right no-repeat;}

button:hover span {background: #7a8e99 url("../img/btn_left_hover.gif") left no-repeat;}



/**************************************************************
=Layout (core elements) 
**************************************************************/

/*************************
=page widths 
*************************/

.container, 
#main 
{
/* max width for IE without horizontal scrolling on 1024px wide displays */
max-width: 99.4em;
margin: auto;
}

#menu_extended .container 
{
max-width: 76.46em;
}

#top .container, 
#main
{
position: relative;
}

#main {margin-top: 11px;}

#main .container
{
width: 100%;
overflow: hidden;
margin-bottom: 90px;
}



/*************************
=top 
*************************/

#top 
{
position: relative;
background: #002f49 url("../img/edge.png") 0 100% repeat-x;
}

#top .container 
{
padding: 53px 0 36px; 
}


/* =menu_access */

#menu_access 
{
position: absolute;
left: -200em;
}


/* =brand */

#brand, 
#brand a
{
display: block;
width: 179px;
height: 74px;
}

#brand 
{
position: absolute; 
top: 18px; 
left: 3%;
text-indent: -200em;
}

.marketingpeek #header #brand, 
.home #brand,
#brand a 
{
background: transparent url("../img/brand.gif") no-repeat;
}

.marketingpeek #header h1 #brand:active, 
#brand a:active 
{
background-position: 0 1px;
}


/* =menu */

#menu 
{
margin-left: 27%; 
width: 46.5%;
}

#menu, 
#menu2 
{
overflow: hidden;
font-size: 20px; 
line-height: 1;
}

#menu2 {margin-top: 10px;}

#menu li, 
#menu2 li 
{
float: left;
}

#menu li a, 
#menu2 li a 
{
line-height: 1;
}

#menu li a, 
#menu li strong, 
#menu2 li a, 
#menu2 li strong 
{
display: block;
padding: 7px 6px;
border: 1px solid white; 
background: #e4e6e7;
margin: 0 3px 3px 0; 
}

#menu li a:active, 
#menu2 li a:active 
{
margin: 1px 3px 2px 0;
}

#menu li strong, 
#menu2 li strong 
{
background: #abb8bf; 
}

#menu strong:hover, 
#menu_extended strong:hover 
{
cursor: default;
}


/* Tel 0845 */

#top .container .container 
{
position: absolute;
top: -40px; 
left: 75%;
width: 22%;
}


/* =site_search */

#top #site_search 
{
margin-top: 10px;
border: 1px solid white;
background: #e4e6e7;
width: 100%;
overflow: hidden;
}

#content #site_search {padding-left: 30px;}

#content #site_search label, 
#content #site_search input {display: inline-block; vertical-align: middle;}

#site_search {line-height: 1;}

#top #site_search input.text 
{
float: left; 
border: 0;
background: #e4e6e7;
padding: 9px 0 9px 5px;
}

#content #site_search input.text {padding: 6px 0 5px 5px;}

#site_search legend span, 
#top #site_search label 
{
position: absolute;
left: -200em;
}

#top #site_search input.text {width: 82%;}
#content #site_search input.text {width: 35%; margin-top: -6px;}

#top fieldset#site_search:hover, 
#top #site_search input.text:focus 
{
background: white;
}

#top #site_search button 
{
margin: 2px 0 0 0;
padding: 0;
height: 31px;
width: 30px;
text-indent: -200em;
background: url("../img/icn_search.png") no-repeat;
}

#content #site_search button, 
#menu2 #go_search a 
{
width: 36px;
height: 36px;
padding: 0;
border: 0; 
background: url("../img/icn_search36.png") no-repeat;
text-indent: -200em;
}

#site_search button:hover, 
#content #site_search button:hover, 
#menu2 #go_search a:hover {background-position: 0 -50px;}



/*************************
=main 
*************************/

#main .container {background: url("../img/vertical_rule.gif") 74.2% 0 repeat-y;}

.marketingpeek #main .container {background-image: none;}


/* Columns in #main */

#content, 
#menu_sub, 
#content_sub 
{
float: left; 
}

#content
{
padding-left: 3%; 
width: 45.47%;
padding-right: 1.5%;
background: url("../img/vertical_rule.gif") 100% 0 repeat-y;
/* NB: set min-height per section as needed! */
}

#menu_sub, 
#content_sub 
{
width: 24.2%;
}

#content_sub blockquote, 
#content_sub #subscribe li, 
#content_sub #subscribe fieldset.submit
{
margin-top: 0.462em;
}

.marketingpeek #content 
{
width: 55%;
padding-right: 2.5%; 
}

.marketingpeek #content_sub 
{
width: 34%;
padding-left: 2.5%;
}

/*************************
=menu_sub and =content_sub 
*************************/

#menu_sub, 
#content_sub 
{
position: relative;
}

#menu_sub h3 span, 
#menu_sub a, 
#menu_sub strong, 
#content_sub a, 
#content_sub strong, 
#content_sub #subscribe_options li, 
#twitter_update_list li, 
#content_sub #blog p
{
display: block;
padding: 3px 6% 0; 
}

#content_sub #contributors ul
{
width: 100%;
overflow: hidden;
}

#content_sub #contributors li 
{
float: left;
width: 110px;
}

#content_sub #contributors a {padding: 0;}

#content_sub #topics a, 
#content_sub #twitter_lcm a {padding-left: 0;}


#content_sub #twitter_lcm h2 
{
padding-left: 90px;
background: url("../img/bird_patterned.gif") no-repeat 0 6px;
}

/* #content_sub #twitter_lcm h2 a {display: inline;} */

#content_sub #topics ul 
{
column-count: 2;
-o-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 1em;
o-column-gap: 1em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
}


#events_list .date, 
#events_list p 
{
padding: 0 6% 6px; 
}


#events_list p 
{
margin-bottom: 9px;
}

#subscribe_text, 
#subscribe_options li li, 
#subscribe_options li a 
{
padding: 0; 
margin-top: 4px;
}

#menu_sub h3 span 
{
background: #f3f3f4;
}

#content_sub #subscribe_text a, 
#content_sub #twitter_update_list a 
{
display: inline;
padding: 0;
}

#menu_sub strong 
{
background: url("../img/menu_sub_strong.gif") 0 6px no-repeat;
color: #7a8e99;
}

#menu_sub strong:hover 
{
cursor: default;
}

#menu_sub #go_section, 
#content_sub go_section 
{
display: block; 
position: absolute;
left: 0;
top: 9px;
width: 100%;
height: 31px;
padding: 0;
text-indent: -200em; 
background: url("../img/icn_section.png") 93% 0 no-repeat;
}

#menu_sub #go_section:hover, 
#content_sub go_section:hover 
{
background: transparent url("../img/icn_section.png") 93% -50px no-repeat;
}

#feeds h3, 
#updates .h3, 
#networks h3 
{
text-indent: 36px;
line-height: 1.2; 
padding: 3px 0 4px;
}

#content #updates .h3, 
#content #networks h3 {margin-top: 3px;}

#feeds h3 
{
margin-top: 3px;
background: url("../img/icn_feed.png") no-repeat;
}

#updates .h3 {background: url("../img/icn_mail.png") no-repeat;}

#networks h3 {background: url("../img/icn_network.png") no-repeat;}



/*************************
=menu_extended (footer) 
*************************/

#menu_extended 
{
clear: both; 
background: #f3f3f4 url("../img/menu_extended_bg.gif") repeat-x;
}

#menu_extended, 
#menu_extended a
{
color: #7a8e99;
}

#menu_extended ul.contents
{
width: 100%;
overflow: hidden;
position: relative;
padding: 10px 0 3em;
}

.marketingpeek #menu_extended ul.contents {min-height: 250px;}

#menu_extended li 
{
float: left;
padding-left: 2%; 
width: 10%;
}

#menu_extended li li 
{
padding-left: 0; 
float: none;
width: auto;
}

#menu_extended #general 
{
padding-left: 3%;
}

#menu_extended #lcm {width: 20%;}

.marketingpeek #menu_extended #mp_general, 
.marketingpeek #menu_extended #lcm_general {width: 15%;}

.marketingpeek #menu_extended #services {width: 30%;}


/* Info logos */

#info ul
{
position: relative;
}

#info li a 
{
display: block;
width: 92px;
text-indent: -200em;
background: url("../img/info-logos.gif") no-repeat;
}

#info #cipr a
{
height: 63px;
}

	#info #cipr a:hover {background-position: 0 -100px;}

#info #cioj a 
{
height: 42px;
background-position: -100px 0;
}

	#info #cioj a:hover {background-position: -100px -100px;}

#info #iip a 
{
height: 28px;
background-position: -193px 0;
}

	#info #iip a:hover {background-position: -193px -100px;}

#info #hcc a 
{
height: 52px;
background-position: -500px 0;
}

	#info #hcc a:hover {background-position: -500px -100px;}

#info #ee 
{
width: 37px;
}

#info #ee a 
{
height: 35px;
background-position: -300px 0;
}

	#info #ee a:hover {background-position: -300px -100px;}

#info #cm 
{
position: absolute;
top: 214px;
left: 53px; 
width: 100px;
z-index: 1000;
}

#info #cm a 
{
height: 35px;
background-position: -399px 0;
}

	#info #cm a:hover {background-position: -399px -100px;}

/* hcard */

#lcm .adr 
{
margin-top: 0;
}

#lcm .fn, 
#lcm .tel .type, 
#lcm .url, 
#lcm .email 
{
display: none;
}

/* Go top */

#menu_extended #go_top 
{
position: absolute;
bottom: 0;
width: 22%;
right: 3%;
}

#go_top a 
{
display: block;
width: 7em;
height: 70px;
padding: 32px 6em 0 0;
background: url("../img/go_top.png") 100% 0 no-repeat;
}

.marketingpeek #menu_extended #go_top 
{
position: absolute;
top: 8px;
left: 64%;
width: 265px;
text-indent: -200em;
}

.marketingpeek #go_top a 
{
display: block;
width: 265px;
height: 250px;
background: url("../img/mp_go_top.png") no-repeat;
}




/**************************************************************
=Specific/exceptional contexts 
**************************************************************/

/* =home =header */

.home #top 
{
background: #01516c url("../img/score.jpg") 50% 0 no-repeat;
}

.home #edge {background: transparent url("../img/edge.png") 0 100% repeat-x;}

#header 
{
padding-top: 160px;
}

#header 
{
padding-left: 3%; 
width: 63%;
}

.home #header h1 cite 
{
text-indent: -200em; 
display: block; 
position: absolute; 
left: 17.3em;
top: 223px;
background: url("../img/albert.png") no-repeat;
width: 68px;
height: 65px;
}

#header p 
{
font-size: 150%;
background: url("../img/white_85.png");
padding: 7px 20px; 
}

/* =Featured */

.home #main .section {background-image: none;}

.home .section #content 
{
padding-left: 0; 
width: 72.74%;
}

.home .section #content h2 
{
margin: 0 0 12px 4.1%;
}

#content #featured, 
#content #subscribe_options 
{
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
}

#featured li 
{
float: left;
margin: 0; 
padding-left: 4.1%; 
width: 211px;
min-height: 30em;
background: url("../img/vertical_rule.gif") 6.2% 0 repeat-y;
}

.index #featured li {min-height: 25em;}

#featured li.one {background-image: none;}

#featured h3 {margin: 0;}

#featured h3 a {display: block;}

#featured h3 img 
{
width: 210px; 
height: 118px; 
margin-bottom: 6px;
}

#featured .more 
{
position: absolute;
right: 20px;
top: 16px;
}

#featured p {margin-top: 6px;}


/* =Latest */

/* #latest 
{
position: absolute;
top: 110px;
left: 75%; 
padding: 7px 0;
width: 22%;
background: #e42518; 
color: white;
} */

#latest
{
position: absolute;
bottom: 36px;
left: 75%; 
padding: 7px 0 25px;
width: 22%;
background: #e42518; 
color: white;
}

#latest a
{
display: block;
padding: 4px 9px 5px;
}

/* =blog */

#go_blog 
{
position: absolute;
/* bottom: -18px;
right: 0;
width: 122px;
height: 29px; */
right: 30px;
bottom: -21px;
width: 212px;
height: 94px;
text-indent: -200em;
background: url("../img/go_blog_peek.png") no-repeat;
}

#go_blog a {cursor: default;}

#main #blog h3 {margin-top: 0.6em;}



/* Subscribe */

#content #subscribe {margin-top: 24px;}

#content #updates, 
#content #networks, 
#content #feeds 
{
float: left;
margin: 0; 
padding-left: 4.1%; 
width: 211px;
min-height: 17em;
background: url("../img/vertical_rule.gif") 6.2% 0 repeat-y;
}

#content #subscribe_options #updates {background-image: none;}

#content .expanded #updates, 
#content .expanded #networks, 
#content .expanded #feeds {min-height: 27em;}

#content #subscribe_options #networks a {display: block;}

#content #subscribe_options ul {list-style: none; margin-left: 0;}

#facebook, 
#linked_in, 
#twitter
{
text-indent: -200em; 
}

#subscribe_options #facebook {margin-top: 8px;}

#facebook a 
{
width: 124px;
height: 40px;
background: url("../img/facebook.gif") no-repeat;
}

#subscribe_options #linked_in {margin-top: 10px;}

#linked_in a 
{
width: 119px;
height: 31px;
background: url("../img/linked_in.gif") no-repeat;
}

#subscribe_options #twitter {margin-top: -2px;}

#twitter a 
{
width: 191px;
height: 45px;
background: url("../img/twitter.png") no-repeat;
}

#twitter a:hover {background-position: 0 -60px;}

#content #feeds .about p {margin-top: 3px;}

/*************************
=services 
*************************/

.services #content 
{
min-height: 67em;
}

.services #main .section, 
.services .section #content
{
background-image: none; 
}

.services .section #content {width: 97%;}

.services .section #content ol 
{
width: 100%;
overflow: hidden;
background: url("../img/vertical_rule.gif") 48.34% 0 repeat-y;
list-style: none;
margin: 0;
}

.services .section #content ol li 
{
width: 50%;
float: left;
margin: 0 0 30px;
}

.services .section #content h1, 
.services .section #content h2 span
{
display: block; 
position: absolute;
left: -200em;
}

.services #main .section h2
{
margin: 0;
border: 0;
padding: 0;
}

.services .section #content p 
{
margin-top: 6px; 
width: 450px;
font-size: 115.38%;
}

/* Clickthroughs */

#content #clickthrough 
{
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
}

#clickthrough li 
{
width: 50%;
float: left;
}

#clickthrough h3 
{
width: 210px;
}

#clickthrough h3 img 
{
margin-bottom: 6px;
}


/*************************
=work and =search_results
*************************/

.work #content, 
.search_results #content
{
min-height: 30em;
}

/* 3 columns wide section content */

.work #main .section, 
.search_results #main .container
{
background-image: none;
}

.work .section #content, 
.search_results .container #content
{
padding-left: 0; 
width: 72.74%;
}

.work .section #content h1, 
.search_results .container #content h1, 
.search_results .container #content #results_summary 
{
margin-left: 4.1%;
}


/* =galleries */

#galleries 
{
width: 100%;
overflow: hidden; 
}

#content #galleries, 
#content #galleries ul
{
list-style: none;
margin: 0;
}

#content #galleries ul, 
#content #gallery_solo ul 
{
position: absolute; 
left: -200em;
}

#galleries li 
{
float: left; 
width: 211px;
padding-left: 4.1%;
margin-bottom: 30px;
}

#galleries img 
{
margin-bottom: 4px;
}

#galleries li li, 
#galleries ul img
{
padding: 0;
width: auto;
margin: 0;
}

#galleries a img.prompt 
{
width: 208px;
height: 118px;
}

#galleries a img.prompt, 
#gallery_solo a img.prompt 
{
border: 1px solid #cad2d7;
}

#galleries a:hover img.prompt, 
#gallery_solo a:hover img.prompt 
{
border: 1px solid #7a8e99;
}


/*************************
=news 
*************************/

.news #content 
{
min-height: 87.3em;
}

.news .section #content ol, 
.marketingpeek .section #content > ol 
{
list-style: none;
margin: 0;
}



/*************************
=about
*************************/

.about #content 
{
min-height: 52em;
}

#content .team 
{
list-style: none;
margin: 0;
}



/*************************
=contact 
*************************/

.contact #main .container {background-image: none;}

.contact #content {min-height: 72em;}

.contact #content form legend span 
{
position: absolute;
left: -200em;
}

.contact #content_sub {width: 47%;}

.contact #content_sub h2, 
.contact #content_sub .visit_text, 
.contact #content_sub #map 
{
margin-left: 3%;
margin-right: 0;
}

.contact #content_sub #subscribe_options li
{
padding-left: 3%;
padding-right: 3%;
}

.contact #content_sub #subscribe_options li li 
{
padding: 0;
}

.contact #content_sub #visit_text a 
{
display: inline;
padding: 0;
}

.contact #content_sub #map 
{
margin-top: 0.923em;
height: 300px;
border: 1px solid #cad2d7;
}



/*************************
=site_map and =subscribers
*************************/

.site_map #main .container, 
.site_map #main #content, 
.subscribers #main .container, 
.subscribers #main #content 
{
background-image: none;
}

.site_map #content, 
.subscribers #content 
{
width: 94%;
}

.site_map #content .no_marker
{
margin-left: 0;
list-style: none;
}



/*************************
=blog =marketingpeek
*************************/

/********** =header **********/

.marketingpeek #header 
{
padding: 0; 
width: 100%;
background: #002f49 url("../img/header.jpg") repeat-x;
}

.marketingpeek #header .contents 
{
position: relative; 
max-width: 94em;
margin: auto; 
background: url("../img/head.png") no-repeat 100% 100%;
}

.marketingpeek #header #edge .contents {background: none;}

.marketingpeek #top li, 
.marketingpeek #header h1 span 
{
display: block;
position: absolute;
left: -200em;
}

.marketingpeek #header h1 
{
font-size: 81px;
letter-spacing: -1px;
color: white;
padding-top: 103px;
}

.preview #header h1 {padding: 30px 0;}

.marketingpeek #header h1 #brand {left: 3px;}

.marketingpeek #header h1 a, 
.marketingpeek #header h1 a:hover 
{
color: white;
background-color: transparent;
}

.marketingpeek #edge 
{
position: relative; 
height: 64px;
margin: -20px 0 0;
background: transparent url("../img/edge2.png") 0 100% repeat-x;
}

#header #descriptor 
{
position: absolute;
top: -13px;
left: 63.8%;
width: 32%;
background: #e42518 url("../img/descriptor_bg.jpg") no-repeat 50% 50%;
color: white;
padding: 70px 10px 18px 15px;
box-shadow: 0 4px 6px #000;
-moz-box-shadow: 0 4px 6px #000;
-o-box-shadow: 0 4px 6px #000;
-webkit-box-shadow: 0 4px 6px #000;
rotation: -3deg;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}

#header address 
{
position: absolute;
top: 14px; 
left: 63.8%;
margin-left: 15px;
}

#header address .tel 
{
display: block;
rotation: -3deg;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}

.marketingpeek #header .vcard .url 
{
display: block;
position: absolute;
top: -5px;
left: -430px;
height: 38px;
width: 271px;
text-indent: -200em;
background: url("../img/lcm_url.png")
}

.marketingpeek #menu 
{
margin: 6px 0 0	 3px; 
width: 62%;
padding-bottom: 22px;
}

.marketingpeek #grip 
{
position: absolute;
right: 0;
bottom: -61px;
background: url("../img/grip.png") no-repeat 100% 100%;
width: 375px;
height: 65px;
z-index: 1000;
}

/* =info | =entry-meta | =replies | =comments */

div.info, 
div.entry-meta, 
#comments p.vcard, 
#twitter_replies p.vcard
{
color: #7a8e99;
}

#galleries li:hover div.info, 
#gallery_solo:hover div.info 
{
color: #223945;
}

.news div.info {margin-top: 6px;}

.marketingpeek #content .entry-meta 
{
position: relative; 
margin-top: 15px;
min-height: 50px;
padding: 10px 10px 10px 70px;
background: #f6eae9;
border: 1px solid #cad2d7;
}

#replies, 
#twitter_replies, 
.marketingpeek #add_reply {margin-top: 40px;}

#main #content #replies h2:first-child, 
#main #content #twitter_replies h2:first-child {border-top: 7px solid #cad2d7;}

#content #comments > li, 
#content #twitter_replies > .hentry
{
position: relative;
margin: 0;
min-height: 50px;
padding: 7px 0 30px 70px;
border-top: 1px solid #cad2d7;
}

#content #comments, 
#content #twitter_replies
{
list-style: none;
border-bottom: 1px solid #cad2d7;
margin: 15px 0;
}

#twitter_replies {border-top: 1px solid white;}

#twitter_replies h2 {padding-bottom: 15px;}

#main #twitter_replies h2 em {font-style: normal;}

#content #comments > li.odd, 
#twitter_replies > .odd {background: #f3f3f4;}

#content #comments > li:hover, 
#twitter_replies > .hentry:hover {background: #e5eaec;}

#content #comments > li.author {background: #f6eae9;}

.marketingpeek #content .entry-meta:hover, 
#content #comments > li.author:hover {background: #f1e0df;}

.marketingpeek #content .entry-meta .vcard {margin-top: 0;}

.marketingpeek #content .entry-meta a {white-space: nowrap;}

.marketingpeek #content .entry-meta .photo, 
#comments .avatar, 
#twitter_replies .photo
{
position: absolute;
top: 10px;
left: 10px;
}

/* =entry-caption */

.entry-caption {margin-top: 12px;}

.entry-caption img 
{
width: 100%;
max-width: 545px;
}

.entry-caption cite 
{
display: block; 
margin-top: 3px;
font-size: 92.31%;
color: #7a8e99;
}

/* =elements within comment blockquotes */

#content #comments li blockquote, 
#content #twitter_replies .hentry blockquote, 
.textile #content blockquote
{
font-size: 100%;
border: 0;
}

#content #comments li > blockquote, 
#content #twitter_replies .hentry > blockquote
{
margin: 0;
padding: 0;
background: none;
}

#content #comments li blockquote blockquote, 
.textile #content blockquote 
{
margin-right: 10px;
border-left: 7px solid #cad2d7;
}

#content #comments li.odd blockquote blockquote, 
.textile #content blockquote {background: white;}

#content #comments blockquote div.contents {margin-top: 0.923em;}

#content #comments blockquote p:first-child, 
#content #twitter_replies blockquote p:first-child {text-indent: 0;}


/* blog about */

.marketingpeek .about #content 
{
width: 97%; 
padding-right: 0;
background: none;
}

.marketingpeek .about .entry-summary, 
.marketingpeek .about #content #contributors 
{
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
}

.marketingpeek .about #content #contributors
{
margin-top: 40px;
border-top: 7px solid #cad2d7;
}

.marketingpeek .about #content #contributors h2 
{
border: 0;
margin: 0 0 12px;
}

.marketingpeek .about .entry-summary p, 
.marketingpeek .about #content #contributors li 
{
width: 30%;
float: left;
margin: 0;
padding-right: 3%;
}


/* =textile_help */

body.textile {height: auto;}
.textile #main .container {margin-bottom: 0;}

.textile #content 
{
width: 100%; 
padding: 0;
background: none;
height: auto;
}

.textile .columns, 
.textile .example {width: 100%; overflow: hidden;}

.textile .column {float: left; width: 49%;}
.textile .odd {padding-right: 2%;}

.textile .example .input, 
.textile .example .output {float: left; width: 45%;}

#content_sub #textile_help a, 
#content_sub #textile_help strong {display: inline; padding: 0;}

#main #content #textile_help ul {list-style: none; margin: 0;}

pre, code {font-family: Courier, monospace; display: block;}

.modifier {color: #00c;}

#textile_help .label, 
#textile_help .note 
{
clear: left;
color: #7a8e99;
display: block;
margin-bottom: 3px;
}

.textile .note {padding-top: 9px;}

.textile .input, 
.textile .output 
{
padding: 5px 2%;
border: 1px solid white;
background: #ffc;
}

.textile .output {background: #f6eae9;}

/* =share */

#content #share ul 
{
width: 100%;
overflow: hidden;
margin: 0;
list-style: none;
}

#content #share li 
{
float: left;
width: 24px;
}

#content #share li a span
{
display: block; 
position: absolute;
left: -200em;
}



/*************************
=expediency =test =spoof
*************************/

#lt_ie7
{
border: 6px solid #f00;
background: #ff3;
color: black;
padding: 15px;
font-size: 150%;
}

.home .spoof #edge
{
height: 500px;
}