/* Reset */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; color: #656565;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* Clearfix*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

/* General */
select { border-color:#616261 #888 #ccc #888; border-width:1px; border-style:solid; }
b,
strong { font-weight:bold; }

#container .line-one-small,
#container .line-two-small { color:#fff; text-transform:uppercase; font-weight:bold; margin:0; padding:0; }
#container .line-one-small { font-size:32px; }
#container .line-two-small { font-size:16px; margin-bottom:8px; } 

/* Layout */
html,
body { background:#8b8d8b url(../images/bg.gif) repeat-y 50% 0; text-align:center; font-family:Arial, Verdana, sans-serif; font-size:12px; }

#container { background:url(../images/stripes.gif) repeat-x 0 248px; }
#wrap { width:962px; margin:0 auto; text-align:left; }

/* ------ Header ------ */
#header { height:100px; background:url(../images/page-shadow-top.png) no-repeat 50% 100%; position:relative; } /* position:relative messes with ie6 pngfix */
	
	#logo { position:absolute; top:15px; right:21px; }
	#logo a { display:block; width:123px; height:66px; background:url(../images/logo.gif) no-repeat 0 0; text-indent:-9999em; font-size:0; overflow:hidden; }
	
	/* MainMenu */
	#mainmenu { position:absolute; top:70px; left:21px; width:500px; }
	#mainmenu li { float:left; }
	#mainmenu li a { float:left; display:block; text-indent:-9999em; background:url(../images/mainmenu.gif) no-repeat 0 0; height:12px; font-size:0; overflow:hidden; }
		#mainmenu a.home { background-position: 0 0; width:50px; }
		#mainmenu a.company { background-position: -50px 0; width:83px; }
		#mainmenu a.work { background-position: -133px 0; width:59px; }
		#mainmenu a.life-online { background-position: -192px 0; width:97px; }
		#mainmenu a.contact { background-position: -289px 0; width:72px; }
		
		#mainmenu li.current a.home,
		#mainmenu li.section a.home,
		#mainmenu a.home:hover { background-position: 0 -24px; }
		#mainmenu li.current a.company,
		#mainmenu li.section a.company,
		#mainmenu a.company:hover { background-position: -50px -24px; }
		#mainmenu li.current a.work,
		#mainmenu li.section a.work,
		#mainmenu a.work:hover { background-position: -133px -24px; }
		#mainmenu li.current a.life-online,
		#mainmenu li.section a.life-online,
		#mainmenu a.life-online:hover { background-position: -192px -24px; }
		#mainmenu li.current a.contact,
		#mainmenu li.section a.contact,
		#mainmenu a.contact:hover { background-position: -289px -24px; }
		
/* ------ Page ------ */
#page { padding:0 6px; background:url(../images/page-shadow-repeat.png) repeat-y 50% 0; height: 1%; }
	#layout { background:#c1c2be; }
	#page-layout { padding:10px; }
	
/* ------ Layout ------ */
#layout-header { height:146px; padding:0 15px; position:relative; background-repeat:repeat-y; background-position:0 0; }
#layout div.grey { background-image:url(../images/footer.gif); }
#layout div.purple { background-image:url(../images/layout-header-purple.gif); }
#layout div.pink { background-image:url(../images/layout-header-pink.gif); }
#layout div.blue { background-image:url(../images/layout-header-blue.gif); }
#layout div.green { background-image:url(../images/layout-header-green.gif); }
#layout div.border { border-bottom:2px solid #cecfcb; }

	#layout-header h1.title-left { position:absolute; left:14px; top:35px; width:100%; }
	#layout-header h1.title-left-single { position:absolute; left:14px; top:55px; width:100%; }
	#layout-header h1.title-right { position:absolute; right:14px; top:35px; width:100%; }
	
	.header-one-left,
	.header-two-left,
	.header-one-right,
	.header-two-right { display:block; }
	.header-two-left { padding-bottom:5px; }
	
	.header-one-left a,
	.header-two-left a { color:#fff; text-decoration:none; font-weight:bold; }
	
	#layout-header .header-two-left { position:absolute; bottom:30px; left:15px; }
	#layout-header .content { position:absolute; bottom:15px; left:15px; }
	
	
#layout-subheader { height:87px; background:#616261 url(../images/footer.gif) repeat-y 0 0; border-bottom:2px solid #cecfcb; }
	#subheader-content,
	#subheader-sort-portfolio { background:url(../images/layout-subheader-shadow.gif) no-repeat 0 0; padding:18px 10px 5px 10px; }
	#layout-subheader h2.title { float:left; width:160px; }
	#subheader-content div.content { float:left; width:770px; padding-top:12px; }
	
#box-list {}
	.portfolio #box-list li { height:337px; }
	#box-list a { text-decoration:none; }
	#box-list li { float:left; margin-right:1px; background:url(../images/box-item-bg.gif) repeat-y 0 0; position:relative; width:189px; overflow:hidden; }
	#box-list li.end-row { margin-right:0; }
	#box-list .type { display:block; height:40px; background-image:url(../images/categories.png); background-repeat:no-repeat; background-position:0 0; text-indent:-9999em; }
	#box-list .image { display:block; height:127px; background:url(../images/footer.gif) repeat-y 50% 0; }

	#box-list .list-title { padding:15px; overflow:hidden; max-height:120px; cursor:pointer; }
	#box-list .list-title a { color:#626262; display:block; }
	#box-list .title-one a { padding-bottom:8px; font-size:12px; }
	#box-list .title-two a { font-size:16px; }
	#box-list .date { position:absolute; bottom:14px; left:8px; font-size:10px; color:#626262; }
	
	#box-list .list-title a { display:block; font-weight:bold; text-transform:uppercase; color:#707070; font-weight:bold; }
	#box-list .itemBody a { color:#707070; }

	
	/* Categories */
	#box-list .website { background-position:0 0; }
	#box-list .microsite { background-position:0 -40px; }
	#box-list .ads { background-position:0 -80px; }
	#box-list .video { background-position:0 -120px; }
	#box-list .strategy { background-position:0 -160px; }
	#box-list .social { background-position:0 -200px; }
	#box-list .identity { background-position:0 -240px; }
	#box-list .campaign { background-position:0 -280px; }
	#box-list .application { background-position:0 -320px; }
	
/* Content Item (Portfolio Item, Company) */
#content-item-wrap { background:url(../images/portfolio-item-wrap.gif) repeat-y 0 0; }
	#content-item-content { background:url(../images/portfolio-item-content-shadow.gif) no-repeat 0 0; }
	#content-item-content #main a { color:#fff; }
	
	#content-item-wrap #main { width:570px; float:left; }
	#content-item-wrap #item-content { padding:0 26px; margin:26px 0; height: 1%; }
	#content-item-wrap #item-nav { height:40px; background:#44a84f url(../images/portfolio-item-nav-green.gif) repeat-y 0 0; }
	#content-item-wrap #item-nav a { margin:0 10px; }
	#content-item-wrap #item-related { padding:24px 30px; background:url(../images/portfolio-item-related-bg.gif) no-repeat 0 0; }
	
	#content-item-wrap #sidebar { float:left; width:380px; }
	
	.content-section { background:url(../images/content-section.gif) repeat-y; padding:30px 15px 25px; margin-bottom:25px; }
	#container .content-section .htmlcontent h3 { font-size:18px; font-weight:bold; text-transform:uppercase; color:#fff; }
	
	#content-item-content #main .blue { background:url(../images/content-item-bar-blue.gif) repeat-y 0 0; }


/* Pagination */
.pagination { text-align:center; padding:5px 0 3px 0; margin:0 auto; }
	#page .pagination li,
	.pagination li,
	#toggle { display:inline; border-bottom:1px solid #bfc0bd; border-right:1px solid #bfc0bd; background:#c4c5c1 url(../images/pagination-normal.gif) repeat-y 0 0; margin:0 2px; }
	.pagination a,
	.pagination span,
	#toggle a { border:1px solid #b8b8b7; border-right:1px solid #969796; border-bottom:1px solid #969796; padding:0 4px; }
	#page .pagination .current,
	.pagination .current,
	.pagination .activeSlide { background:#d42b94 url(../images/pagination-current.gif) repeat-y 100% 0; }
	.pagination a:hover { color:#7D7666; }
	.pagination .current a:hover,
	.pagination .activeSlide a:hover { color:#fff; }
	
	#pager-items { display:inline; }
	#toggle-cycle { zoom:100%; text-align:left; text-decoration:none; height:1.2em; background:url(../images/pause.gif) no-repeat 50% 50%; }
	#toggle #toggle-cycle { padding:0 0.8em; }
	#toggle-cycle.paused { background:url(../images/play.gif) no-repeat 50% 50%; }
	
/* vCard General */
.vcard .type { display:none; }

/* ------ Footer ------ */
#footer { height:256px; background:#616261 url(../images/footer.gif) repeat-y 0 0; position:relative; border-top:2px solid #cecfcb; }
	
	#footer .vcard { position:absolute; left:21px; top:40px; }
	#footer .vcard #telheading,
	#footer .vcard #vfax { display:none; }
	
	#footer-menu { position:absolute; bottom:25px; right:21px; }
	#footer-menu span { padding-right:12px; }
	#footer-menu ul { display:inline; }
	#footer-menu li { display:inline; padding-left:8px; }
	
/* ----------------------------------------------------------------- */
/* ----------------------- MODULES --------------------------------- */
/* ----------------------------------------------------------------- */

/* Home Page */
.more { position:absolute; right:10px; display:block; padding-left:18px; }

#home-header-top { height:146px; background:#818280 url(../images/footer.gif) repeat-y 0 0; border-bottom:2px solid #cecfcb; padding:0 15px; position:relative; }
	#home-header-top h2.header-two-left { padding-top:62px; }
	#layout-header .more { bottom:15px; background:url(../images/icons/plus-blue.png) no-repeat 0 50%; }
	
#home-header-middle { background:url(../images/layout-header-pink.gif) repeat-y 0 0; position:relative; padding:15px; }
	#home-header-middle .more { bottom:15px; background:url(../images/icons/plus-purple.png) no-repeat 0 50%; }
	
#home-featured { position:relative; height:320px; overflow:hidden; }
	#home-featured li { position:relative; height:320px; width:950px; overflow:hidden; background:url(../images/home-featured.gif) repeat-y 0 0; }
	#home-featured .content { width:332px; height:288px; padding:32px 24px 0 24px; overflow:hidden; float:left; }
	#home-featured .image { width:570px; height:320px; background:url(../images/footer.gif) repeat-y 50% 0; overflow:hidden; float:right; }
	#home-featured .details { background:url(../images/icons/plus-pink.png) no-repeat 0 50%; padding-left:18px; position:absolute; left:24px; bottom:68px; }
	
	#pager { position:absolute; bottom:20px; left:24px; z-index:99; }
	
#home-header-bottom { background:url(../images/layout-header-purple.gif) repeat-y 0 0; border-top:2px solid #cecfcb; position:relative; padding:20px 15px; }
	#home-header-bottom .more { top:15px; background:url(../images/icons/plus-blue.png) no-repeat 0 50%; }
	
/* Company */
#people-list { padding:0 6px 0 8px; }
#people-list li { width:122px; height:95px; float:left; background:url(../images/person-icon.png) no-repeat 0 0; position:relative; }
#poeple-list img { width:120px; height:92px; overflow:hidden; position:absolute; top:0; left:0; z-index:9; }
#people-list a:link,
#people-list a:visited { width:120px; height:92px; overflow:hidden; display:block; position:absolute; top:0; left:0; z-index:10; background:url(data:image/gif;base64,AAAA); /* IE hover hack */ }
#people-list a:link span,
#people-list a:visited span { display:none; }
#people-list a:hover,
#people-list a:active { 
	background:#1999b3 url(../images/person-overlay.gif) repeat-y 0 0; 
	opacity: .9; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */ 
}
#people-list a:hover span,
#people-list a:active span { display:block; }

#company-person { width:600px; height:610px; overflow:hidden; }
#company-person .htmlcontent { height:100px; }
#fancy_inner #fancy_bg { background: #808180 url(../images/lightbox.gif) repeat-y 0 0; }

#careers { padding:15px; color:#636363; }
#careers .title { height:20px; background:url(../images/working-with-us.gif) no-repeat 0 50%; text-indent:-9999em; }
#careers a { font-weight:bold; color:#636363; text-decoration:none; }
#careers p { margin-bottom:15px; }
#careers .green-goodness { background:transparent url(../images/CSR-Headline2.gif) no-repeat scroll 0 50%; height:20px; margin-bottom:0; padding-bottom:0; text-indent:-9999em; }
#careers a { text-decoration:underline; }

/* Portfolio */
#demo { display:none; }
#demo-container { width:820px; height:620px; position:relative; }
#demo-banner { position:absolute; }

.demo-120x600 { background-image:url(../images/demo/120x600.jpg); }
.demo-160x600 { background-image:url(../images/demo/160x600.jpg); }
.demo-300x250 { background-image:url(../images/demo/300x250.jpg); }
.demo-336x280 { background-image:url(../images/demo/336x280.jpg); }
.demo-728x90  { background-image:url(../images/demo/728x90.jpg);  }

.demo-120x600 #demo-banner { top:10px; left:696px; }
.demo-160x600 #demo-banner { top:9px; left:651px; }
.demo-300x250 #demo-banner { top:49px; left:490px; }
.demo-336x280 #demo-banner { top:10px; left:473px; }
.demo-728x90  #demo-banner { top:84px; left:49px; }

#subheader-sort-portfolio { clear:both; padding:22px 15px; font-weight:bold; }
	#subheader-sort-portfolio div.label { float:left; width:auto; margin-right:10px; padding-top:0.4em; color:#fff; }
	#subheader-sort-portfolio ul { float:left; position:relative; }
	#subheader-sort-portfolio li { float:left; display:block; height:1.2em; margin-right:1px; color:#cecfcb; }
	#subheader-sort-portfolio li.current a { background:#9d9d9d; border-right:1px solid #666; color:#fff; }
	#subheader-sort-portfolio a { padding:0.4em 0.5em; display:block; float:left; background:#4f4f4f; border-right:1px solid #444; color:#cecfcb; text-decoration:none; }
	#subheader-sort-portfolio a:hover { background:#555; }
#Form_FilterForm { position:absolute; top:1.8em; left:0; width:500px; z-index:10; }
	#Form_FilterForm .fields { background:#9d9d9d; padding:2px; display:-moz-inline-stack; display:inline-block; border-bottom:1px solid #555; border-right:1px solid #666; }
	#Form_FilterForm select { width:240px; }

#portfolio-item-header { background:#616261 url(../images/portfolio-item-header.gif) repeat-y 100% 0; height:320px; position:relative; border-bottom:2px solid #d5d2bd; }
	#portfolio-item-header #main-image { width:570px; height:320px; overflow:hidden; background:#000; }
	#portfolio-item-header #info { position:absolute; left:595px; top:30px; width:330px; }
	#portfolio-item-header #info h1 { padding-bottom:20px; }
	#portfolio-item-header #client-logo { margin-bottom:16px; }
	#portfolio-item-header #buttons { margin-top:16px; }
	#portfolio-item-header #buttons li { display:inline; margin-right:10px; }
	#portfolio-item-header #buttons a { padding-left:18px; background:url(../images/icons/plus-green.png) no-repeat 0 50%; }
	
	#stripe.green { height:70px; background:#d5d2bd url(../images/portfolio-item-subtitle-green.gif) repeat-y 0 0; padding:0 10px; }
	
#portfolio-images { margin-top:5px; }
#portfolio-images li { float:left; margin-left:5px; }
#portfolio-images a img { border:1px solid #a49e89; }

/* Contact */
.contact .address { background:url(../images/content-section.gif) repeat-y 0 0; padding:18px; margin-bottom:5px; position:relative; }
.contact .vcard .org { display:block; width:113px; height:14px; background:url(../images/fjordwest-small-white.gif) no-repeat 0 0; text-indent:-9999em; margin-bottom:10px; }
.contact .vcard #vemail { display:none; }
.contact .vcard #sub-region { display:block; }
.contact .map-link { position:absolute; bottom:10px; right:10px; background:url(../images/icons/plus-green.png) no-repeat 0 50%; padding-left:16px; }
.contact h2.title { background:url(../images/drop-us-line.gif) no-repeat 0 0; text-indent:-9999em; width:144px; height:14px; margin-bottom:10px; }
.contact form { margin:0 15px; }
.contact .text label { padding-right:5px; background:url(../images/star.gif) no-repeat 100% 0; }
.contact textarea { width:344px; margin-bottom:20px; }
.contact fieldset input,
.contact fieldset textarea { margin-bottom:10px; border-top:1px solid #aaadb4; border-right:1px solid #aaadb4; border-left:1px solid #e3e3eb; border-bottom:1px solid #e3e3eb; padding:2px; }
.contact .Actions { margin-top:10px; }
.contact #additional-info { margin:15px; border-top:1px solid #919391; padding-top:15px; }
.contact .validationError { margin-bottom:15px; }
.contact #thank-you { margin:80px 15px; }
#contact-form-header { margin:15px; }