/* RESET DEFAULT BROWSER CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display: block;
}

body {
  line-height: 24px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=a4574e90-bf73-4612-8a19-20082fc4b6e8");
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("/wp-content/themes/netlife/fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix") format("eot");}
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("/wp-content/themes/netlife/fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix");
src:url("/wp-content/themes/netlife/fonts/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"),url("/wp-content/themes/netlife/fonts/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"),url("/wp-content/themes/netlife/fonts/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg");
}
/* DEFAULT */

html {
}

body {
	font-family: georgia, serif;
	font-size: 16px;
	line-height: 24px;
	background: White;
	color: ;
	color: rgba(0, 0, 0, 0.8);
}

/* WP-EDIT */

* .wp-edit {
	font-family: georgia, serif !important;
	font-weight: normal !important;
}

* .wp-edit a {
	color: rgba(0, 0, 0, 0.25) !important; 
}

/* LINKS */

a {
	text-decoration: underline; 
	color: Black;
}

a:focus, a:hover, a:active {
	color: White;
}

/* TITLE COLORS */

h1, h2, h3 {
	color: Black;
}

h1 a, h2 a, h3 a {
	color: Black;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: Black;
	text-decoration: underline;
}

/* TITLES */

h1 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 36px;
	line-height: 42px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 24px 0;
}

h1 + h3,
h1 + div + h3, 
h1 + aside + h3 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 24px 0;
	color: rgba(0, 0, 0, 0.8);
}

h2 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
}

h2 + h3 {
	margin: 14px 0 0 0;
}

h3 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
	margin: 0 0 0;
}

h6 {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

/* TEXT */

p {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 24px 0;
}

p small,
ul li small,
ol li small {
	font-size: 12px;
}

p strong,
ul li strong,
ol li strong {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd";
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: ;
}

blockquote {
	margin: 0;
}

q {
	font-style: italic;
}

q:before,
q:after {
	content: none;
}

cite {
	font-style: normal;
}

strong, b {
	font-weight: bold;
}

em, dfn, i {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, acronym {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.8);
}

address {
	font-style: italic;
}

del {
	color: ;
}

pre {
	white-space: pre;
	margin: 0 0 24px 0;
}

pre, code, tt {
	font-family: 'andale mono', 'lucida console', monospace;
	font-size: 13px;
}

/* LISTS */

li ul, li ol {
}

ul, ol {
	list-style: outside;
	margin: 0 0 24px 0;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 24px 0;
}

dl dt {
	font-weight: normal;
	color: Black;
}

dl dd {
	margin: 0 0 12px 0;
}

/* TABLES */

table {
	width: 100%;
	margin: 0 0 24px 0;
}

th,
td {
	font-size: 16px;
	line-height: 24px;
	vertical-align: top;
}

th, td, caption {
	padding: 4px 10px;
}

tr.even td {
}

tfoot {
	font-style: italic;
}

caption {
}/* CONTENT */

#content {
	float: right;
	width: 620px;
	padding: 0 10px;
}

/* HEAD */

#content #head {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 0 20px -320px;
}

#content #head h1 {
	position: absolute;
	left: 320px;
}

#content #head img {
	float: left;
}

/* SECTION */

section {
	position: relative;
	display: inline; /* ie fix */
	float: left;
	width: 960px;
	margin: 0 0 0 -330px;
}

section .c1 {
	float: left;
	width: 300px;
	padding: 0 10px;
}

section .c2 {
	float: left;
	width: 620px;
	padding: 0 10px;
}

section .c3 {
	float: left;
	width: 940px;
	padding: 0 10px;
}

/* ASIDE */

aside {
	position: relative;
	clear: left;
	display: inline; /* ie fix */
	float: left;
	width: 280px;
	margin: 0 0 0 -320px; 
}

/* ASIDE QUOTE */

aside blockquote {
}

aside blockquote h3 {
	font-family: georgia, serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;

	color: Black;
	margin: 0 0 16px 0;
}

aside blockquote h3 a {
	color: Black;
}

aside blockquote h3 a:hover {
	color: Black;
	text-decoration: underline;
}

aside blockquote h5 {
	width: 200px;
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd";
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	text-transform: uppercase;
	color: ;
	margin: 0 0 20px 0;
}

/* MAP */

#content #map_canvas {
	width: 100%;
	height: 480px;
	margin: 0 0 24px 0;	
}

/* IMAGES */

/* large */

#content .image-large {
}

#content .image-large img {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 0 24px -320px;	
}

#content .image-large h5 {
	clear: both;
	float: left;
	width: 280px;
	margin: 0 0 24px -320px;
	color: Black;
}

/* medium */

#content .image-medium {
}

#content .image-medium img {
	position: relative;
	float: left;
	margin: 0 0 12px 0;	
}

#content .image-medium h5 {
	clear: both;
	margin: 0 0 24px 0;
	color: Black;
}

/* small */

#content .image-small {
	float: left;
	width: 280px;
	margin: 0 0 24px -320px;	
}

#content .image-small img {
	width: 280px;
	margin: 8px 0 4px 0;	
}

#content .image-small h5 {
	color: Black;
}

/* METADATA */

#content .metadata ul {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

#content .metadata ul li {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

#content .metadata ul li strong {
	position: absolute;
	left: -70px;
	width: 60px;
	padding: 2px 0 0 0;
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
}

#content .metadata ul li em {
	font-size: 13px;
	padding: 0 0 0 70px;
}

/* TABLE */

#content table {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#content table thead tr th {
}

#content table tbody tr td {
}/* FOOT */

#foot {
	float: left;
	width: 960px;
	margin: 0 0 0 -330px;
	border-top: 1px dotted Black;
	padding: 20px 0 0 0;
}

#foot .more {
	float: right;
	width: 620px;
	padding: 0 10px;
}

#foot .download {
	float: left;
	width: 200px;
	padding: 0 10px;
}

#foot .download h2 {
	line-height: 30px;
	margin: 0 0 24px 0;
}

#foot .download ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#foot .download ul li a {
	display: block;
	width: 64px;
	height: 90px;
	background: url(../img/icon-download.png) bottom no-repeat;
	line-height: 1000px;
	overflow: hidden;
}

#foot .download ul li a:hover {
	background: url(../img/icon-download-over.png) bottom no-repeat;
}

/* PEOPLE LIST */

#peopleList {
	float: left;
	display: inline /* ie */
	width: 960px;
	margin: 0 0 0 -320px;
}

#peopleList .contact {
	float: left;
	width: 320px;
	padding: 0;
	margin: 0;
}

/* CONTACT LIST */

#contactList {
	float: left;
	width: 640px;
	margin: 0 0 0 -100px;
}

#contactList .contact {
	float: left;
	width: 320px;
	padding: 0;
	margin: 0;
}

/* SINGLE CONTACT */

.contact {
	float: left;
	width: 320px;
	position: relative;
}

.contact .wp-edit {
	position: absolute;
	top: 0;
	left: 0;
}

.contact a {
	text-decoration: none;
}

.contact img {
	float: left;
	width: 90px;
	height: 90px;
	border: 0;
	margin: 0 10px 0 0;
}

.contact h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 4px 0;
}

.contact a h2 {
	text-decoration: underline;
}

.contact a:hover h2 {
	text-decoration: underline;
}

.contact a:hover p {
	color: rgba(0, 0, 0, 0.8);
}

.contact p {
	font-family: georgia, serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}

.contact ul {
	list-style: none;
}

.contact ul li strong {
	display: none;
}

.contact ul li a {
	color: rgba(0, 0, 0, 0.8);
	text-decoration: underline;
}

.contact ul li a:hover {
	color: White;
}

.contact ul li.email {
	font-size: 12px;
}

/* EXPERIENCE */

#experience h2 {
	margin: 0 0 20px 0;
}

#experience ul {
	float: left;
	width: 960px;
	list-style: none;
	padding: 0;
	margin: 0 0 24px -330px;
}

#experience ul li {
	float: left;
	width: 620px;
	border-top: 1px dotted Black;
	padding: 4px 10px 12px 330px;
}

#experience ul li strong {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 16px;
	text-transform: none;
}

#experience ul li p {
	margin: 0;
}/* PRODUCT LIST */

#productList {
	float: left;
	width: 960px;
	margin: 0 0 0 -320px;
}

/* product */

#productList .product {
	position: relative;
	float: left;
	width: 320px;
	height: 120px;
	margin: 0;
}

#productList .product .wp-edit {
	position: absolute;
	top: 0;
	left: 0;
}

#productList .product .wp-edit a {
	padding: 0;
	width: auto;
}

#productList .product a {
	background: url(../img/product/product-small.png) top left no-repeat;
	float: left;
	width: 220px;
	padding: 0 20px 0 80px;
	text-decoration: none;
}

#productList .product h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 0 0;
}

#productList .product p {
	font-size: 14px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.8);
	margin: 0;
}

#productList .product p em {
	font-style: normal;
	text-decoration: underline;
}

#productList .product a h2 {
	text-decoration: underline;
}

#productList .product a:hover h2 {
	text-decoration: underline;
}

#productList .product a:hover p em {
	color: White;
}


/* */

.product#product-nettsted,
.product#product-intranett,
.product#product-mobil {
	height: 168px;
}

.product#product-nettsted h2,
.product#product-intranett h2,
.product#product-mobil h2 {
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 2px 0;
}

.product#product-nettsted p,
.product#product-intranett p,
.product#product-mobil p {
	font-size: 16px;
	line-height: 24px;
}

/* icons */

.product#product-nettsted {
	background: url(../img/product/a.png) top left no-repeat;
}

.product#product-intranett {
	background: url(../img/product/b.png) top left no-repeat;
}

.product#product-mobil {
	background: url(../img/product/c.png) top left no-repeat;
}

.product#product-webstrategi {
	background: url(../img/product/webstrategi.png) top left no-repeat;
}

.product#product-brukertest {
	background: url(../img/product/brukertest.png) top left no-repeat;
}

.product#product-brukerbehov {
	background: url(../img/product/brukerbehov.png) top left no-repeat;
}

.product#product-customercarewords {
	background: url(../img/product/customercarewords.png) top left no-repeat;
}

.product#product-design {
	background: url(../img/product/design.png) top left no-repeat;
}

.product#product-effektmaling {
	background: url(../img/product/effektmaling.png) top left no-repeat;
}

.product#product-ekspertevaluering {
	background: url(../img/product/ekspertevaluering.png) top left no-repeat;
}

.product#product-innholdsanalyse {
	background: url(../img/product/innholdsanalyse.png) top left no-repeat;
}

.product#product-innholdsstrategi {
	background: url(../img/product/innholdsstrategi.png) top left no-repeat;
}

.product#product-kursing {
	background: url(../img/product/kursing.png) top left no-repeat;
}

.product#product-maling {
	background: url(../img/product/maling.png) top left no-repeat;
}

.product#product-prototyping {
	background: url(../img/product/prototyping.png) top left no-repeat;
}

.product#product-nettbutikk {
	background: url(../img/product/nettbutikk.png) top left no-repeat;
}

.product#product-nettskriving {
	background: url(../img/product/nettskriving.png) top left no-repeat;
}

.product#product-seo {
	background: url(../img/product/seo.png) top left no-repeat;
}

.product#product-strategi {
	background: url(../img/product/strategi.png) top left no-repeat;
}

/* small icons */

#services ul li.product-nettsted {
	background: url(../img/product/a-small.png) left no-repeat;
}

#services ul li.product-intranett {
	background: url(../img/product/b-small.png) left no-repeat;
}

#services ul li.product-mobil {
	background: url(../img/product/c-small.png) left no-repeat;
}

#services ul li.product-webstrategi {
	background: url(../img/product/webstrategi-small.png) left no-repeat;
}

#services ul li.product-brukertest {
	background: url(../img/product/brukertest-small.png) left no-repeat;
}

#services ul li.product-brukerbehov {
	background: url(../img/product/brukerbehov-small.png) left no-repeat;
}

#services ul li.product-customercarewords {
	background: url(../img/product/customercarewords-small.png) left no-repeat;
}

#services ul li.product-design {
	background: url(../img/product/design-small.png) left no-repeat;
}

#services ul li.product-effektmaling {
	background: url(../img/product/effektmaling-small.png) left no-repeat;
}

#services ul li.product-ekspertevaluering {
	background: url(../img/product/ekspertevaluering-small.png) left no-repeat;
}

#services ul li.product-innholdsanalyse {
	background: url(../img/product/innholdsanalyse-small.png) left no-repeat;
}

#services ul li.product-innholdsstrategi {
	background: url(../img/product/innholdsstrategi-small.png) left no-repeat;
}

#services ul li.product-kursing {
	background: url(../img/product/kursing-small.png) left no-repeat;
}

#services ul li.product-maling {
	background: url(../img/product/maling-small.png) left no-repeat;
}

#services ul li.product-prototyping {
	background: url(../img/product/prototyping-small.png) left no-repeat;
}

#services ul li.product-nettbutikk {
	background: url(../img/product/nettbutikk-small.png) left no-repeat;
}

#services ul li.product-nettskriving {
	background: url(../img/product/nettskriving-small.png) left no-repeat;
}

#services ul li.product-seo {
	background: url(../img/product/seo-small.png) left no-repeat;
}

#services ul li.product-strategi {
	background: url(../img/product/strategi-small.png) left no-repeat;
}/* LIST PRODUCTS */

#projectList {
	float: left;
	width: 960px;
	margin: 0 0 0 -330px;
}

/* feature */

#case .feature,
#projectList .feature {
	position: relative;
	float: left;
	width: 940px;
	height: 465px;
	padding: 0 10px;
	margin: 0 0 48px 0;
}

#case .feature {
	margin: 0;
}

#case .feature a,
#projectList .feature a {
	text-decoration: none;
}

#case .feature img,
#projectList .feature img {
	float: right;
	border: 0;
	margin: 0 0 0 20px;
}

#case .feature h2,
#projectList .feature h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: 0;
	text-transform: uppercase;
	color: Black;
	margin: 0 0 8px 0;
}

#case .feature p,
#projectList .feature p {
	font-size: 36px;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	color: White;
	letter-spacing: -1px;
	margin: 0 0 18px 0;
}

#case .feature p,
#projectList .feature p {
	color: White;
	text-decoration: none;
}

#case .feature aside,
#projectList .feature aside {
	position: absolute;
	margin: 0 0 -12px 0;
	left: 10px;
	bottom: -2px;
}

#case .feature h2,
#case .feature p,
#projectList .feature a:hover h2, 
#projectList .feature a:hover p {
	text-decoration: underline;
}

/* item */

#projectList .project {
	float: left;
	width: 300px;
	padding: 0 10px;
}

#projectList .project a {
	text-decoration: none;
}

#projectList .project h2 {
	font-size: 20px;
	line-height: 24px; 
	margin: 0 0 2px 0;
}

#projectList .project a h2 {
	text-decoration: underline;
}

#projectList .project a:hover h2 {
	text-decoration: underline;
}

#projectList .project p {
	font-size: 14px;
	line-height: 24px; 
	height: 96px;
}

/* LIST CLIENTS */

#clientList  {
	float: left;

	width: 640px;
	margin: 0 0 0 -10px;

	width: 960px;
	margin: 0 0 0 -330px;
}

#clientList ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

#clientList ul li {
	float: left;
	display: block;
	width: 140px;
	height: 70px;
	padding: 0 10px;
	margin: 0 0 24px 0;
}

#clientList ul li img {

}/* LIST PRODUCTS */

#eventList {
	float: left;
	width: 100%;
	margin: 0;
}

/* event */

#eventList .event  {
	position: relative;
	float: left;
	width: 540px;
	min-height: 120px;
	padding: 0 0 0 80px;
}

#eventList .event a {
	text-decoration: none;
}

#eventList .event.feature {
	height: auto;
}

#eventList .event h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0;
}

#eventList .event a h2 {
	text-decoration: underline;
}

#eventList .event a:hover h2 {
	text-decoration: underline;
}

#eventList .event h5 {
	font-size: 14px;
	line-height: 24px;
}

#eventList .event p {
	font-size: 16px;
	line-height: 24px;
}

/* calendar */

#eventList .event .cal {
	position: absolute;
	left: 0;
	background: url(../img/icon-calendar.png) top left no-repeat;
	color: White;
	width: 64px;
	height: 90px;
	padding: 0;
	margin: 0;
}

#eventList .event .cal .month {
	position: absolute;
	top: 10px;
	left: 5px;

	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: capitalize;
	color: ;
	color: rgba(0, 0, 0, 0.8);
}

#eventList .event .cal .day {
	position: absolute;
	top: 30px;
	left: 5px;
	
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -2px;
	color: ;
	color: rgba(0, 0, 0, 0.8);
}

/* kerning */

#eventList .event .cal .day .k-1,
#eventList .event .cal .day .k-10,
#eventList .event .cal .day .k-11,
#eventList .event .cal .day .k-12,
#eventList .event .cal .day .k-13,
#eventList .event .cal .day .k-14,
#eventList .event .cal .day .k-15,
#eventList .event .cal .day .k-16,
#eventList .event .cal .day .k-17,
#eventList .event .cal .day .k-18,
#eventList .event .cal .day .k-19 {
	margin: 0 0 0 -2px;
	letter-spacing: -5px;
}

/* SCHEDULE */

#schedule h2 {
	margin: 0 0 20px 0;
}

#schedule table {
	float: left;
	width: 960px;
	border-collapse: collapse;
	padding: 0;
	border-bottom: 1px dotted Black;
	margin: 0 0 24px -330px;
}

#schedule table tr th,
#schedule table tr td {
	border-top: 1px dotted Black;
	vertical-align: top;
	padding: 4px 10px 10px 10px;
}


#schedule table tr th {
	width: 300px;
}

#schedule table tr td {
	width: 620px;
}

#schedule table tr td strong {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 16px;
}

/* BANNERE */

#banner-conference {
	background: url(/wp-content/uploads/2010/07/banner-webdagene-bg.png) bottom no-repeat;
	width: 300px;
	height: 80px;
	margin: -120px 0 0 -430px;
	padding: 120px 0 160px 110px;
}

#banner-conference h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0;
}

#banner-conference p {
}

#banner-conference .year .k-1 {
	letter-spacing: -3px;
}/* GRID */

#grid {
	width: 960px;
	padding: 0;
	margin: 0;
}

/* HEADER */

#header {
	display: none;
}

/* PATH */

#path {
	display: none;
}

/* FOOTER */

#footer {
	display: none;
}/* FOOT */

#foot {
	border-top: 1px solid Black;
}

#foot .download {
	display: none;
}

/* CONTACT */

#contactList {
	margin: 0;
}

.contact img {
	display: none;
}