/* MAIN */

body {
	margin: 24px 0 0 24px;
	padding: 0;
	border: 0;
	color: #fff;
	background: #247db9 url(/img/bg_main.gif) top left;
	font: 12px verdana, helve, sans-serif;
}

td, th, p, ol, ul {
	font: 12px/16px verdana, helve, sans-serif;
}

td, th {
	vertical-align: top;
}

img	{
	border: 0;
	display: block;
}

a {
	color: #FFF003;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}


/* HEADERS */

h2 {
	margin: 0;
	padding: 0;
	width: 512px;
	height: 18px;
	background: url(/img/bg_h1.gif) top left no-repeat;
	position: absolute;
	left: 24px;
	top: 51px;
}
	
	
h1 {
	margin: 0;
	padding: 0;
	width: 256px;
	height: 27px;
	background: url(/img/bg_h2_roman_hultso.gif) top left no-repeat;
	position: absolute;
	left: 24px;
	top: 24px;
}

	
h1 a {
	width: 256px;
	height: 27px;
	display: block;
	text-decoration: none;
}


h3 {
	margin: 0;
	padding: 0;
	width: 677px;
	height: 27px;
	position: absolute;
	left: 280px;
	top: 24px;
}


h4 {
	font: bold 13px verdana, helve, sans-serif;	
}

h4#first, p#first {
	margin-top: 0;
}

h4 em {
	font-weight: normal;
	font-style: normal;
}

h3.summary {
	background: url(/img/bg_h3_profile_summary.gif) top left no-repeat;	
}
	
h3.experience {
	background:  url("/img/bg_h3_profile_experience.gif") top left no-repeat;	
}
	
h3.skills {
	background: url(/img/bg_h3_profile_skills.gif) top left no-repeat;	
}
	
h3.compex {
	background: url(/img/bg_h3_profile_compex.gif) top left no-repeat;	
}
	
h3.reqcv {
	background: url(/img/bg_h3_profile_reqcv.gif) top left no-repeat;	
}
	
h3.portfolio {
	background: url(/img/bg_h3_portfolio.gif) top left no-repeat;	
}
		
h3.web {
	background: url(/img/bg_h3_portfolio_webdesign.gif) top left no-repeat;	
}
		
h3.logo {
	background: url(/img/bg_h3_portfolio_logodesign.gif) top left no-repeat;	
}
		
h3.print {
	background: url(/img/bg_h3_portfolio_printdesign.gif) top left no-repeat;	
}
		
h3.artdir {
	background: url(/img/bg_h3_portfolio_artdirection.gif) top left no-repeat;	
}
		
h3.photo {
	background: url(/img/bg_h3_portfolio_photography.gif) top left no-repeat;	
}
		
h3.misc {
	background: url(/img/bg_h3_portfolio_miscdesign.gif) top left no-repeat;	
}
		
h3.testimonials {
	background: url(/img/bg_h3_testimonials.gif) top left no-repeat;	
}
		
h3.contact {
	background: url(/img/bg_h3_contact.gif) top left no-repeat;	
}

h4.resp {
	background: url(/img/bg_h4_resp.gif) top left no-repeat;	
}

h4.prof {
	margin-top: 0;
	background: url(/img/bg_h4_prof.gif) top left no-repeat;	
}

h4.pers {
	background: url(/img/bg_h4_pers.gif) top left no-repeat;	
}

/* PROJECTS */

div#list {
	width: 213px;
	position: absolute;
	left: 300px;
	top: 108px;
	padding-bottom: 24px;
}
	
div#list h5 {
	margin: 0 0 17px 0;
	padding: 0;
	width: 86px;
	height: 23px;
	background: url(/img/bg_h4_projects.gif) top left no-repeat;	
}

div#list ul, div#list li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	display: inline;
}

div#list a {
	width: 180px; width: "195px";
	font: bold 10px verdana, helve, sans-serif;	
	display: block;
	padding: 2px 15px 3px 18px;
	background: url(/img/bg_list.gif) top left no-repeat;	
}

div#list a:visited {
	color: #fff;
	background: url(/img/bg_list.gif) top left no-repeat !important;	
}

div#list a:hover {
	color: #313195 !important;
	background: #fff url(/img/bg_list_a.gif) top right no-repeat !important;	
}



/* PHOTOGRAPHY */

div#photolist {
	width: 60px;
	position: absolute;
	left: 300px;
	top: 108px;
	padding-bottom: 24px;
}

div#photolist ul, div#photolist li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	display: inline;
}

div#photolist a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: #FFF003;
	text-decoration: none;
	margin: 0 4px 4px 0;
}

div#photolist a:visited {
	background: #FFF;
}

div#photolist a:hover {
	background: #FFF;
}

div#photolist span {
	display: none;
}

div#photodesc {
	width: auto; width: "100%";
	padding: 84px 24px 24px 359px;
}


div#photodesc h4 {
	font: bold 13px verdana, helve, sans-serif;	
	margin: 0 0 4px 0;
	padding: 0;
}

div#photodesc img {
	border: 8px solid #FFF;
}



/* DESCRIPTION */

div#desc {
	width: auto; width: "100%";
	padding: 87px 24px 24px 512px;
}


div#desc h4 {
	width: auto;
	font: bold 13px verdana, helve, sans-serif;	
	margin: 0 0 20px 0;
	padding: 0;
}

div#desc td {
	font: bold 11px verdana, helve, sans-serif;	
	padding: 0 8px 4px 0;
}

h6 {
	font: bold 10px verdana, helve, sans-serif;	
	margin-bottom: 8px;
}	

ul#screens, ul#screens li {
	margin: 0;
	padding: 0 0 8px 0;
	list-style-type: none;
	display: inline;
}

ul#screens li img {
 	padding-bottom: 8px;
	display: inline;
	vertical-align: top;
 }
 
div#desc td ul, div#desc td li {
	font: bold 11px verdana, helve, sans-serif;	
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

/* CONTENT */

div#content {
	width: 600px;
	padding: 87px 24px 24px 275px;
}


/* summary */

span#birth {
	width: 201px;
	height: 17px;
	display: block;
	padding: 0 16px 16px 0;
	background: url(/img/bg_sum_birth.gif) top left no-repeat;
}

span#media {
	width: 201px;
	height: 17px;
	display: block;
	padding: 0 16px 16px 0;
	background: url(/img/bg_sum_media.gif) top left no-repeat;
}

span#pos {
	width: 201px;
	height: 17px;
	display: block;
	padding: 0 16px 0 0;
	background: url(/img/bg_sum_pos.gif) top left no-repeat;
}

span#exp {
	width: 201px;
	height: 17px;
	display: block;
	padding: 0 16px 0 0;
	background: url(/img/bg_sum_exp.gif) top left no-repeat;
}

td.sum {
	padding: 0 0 16px 0;
}

sup.footnote {
	color: #313195;
	font: 9px verdana, helve, sans-serif;	
	background: #FFF003;
	padding: 0 1px 0 1px;
}

ul.textlist {
	list-style-type: none;

}

ul.textlist li {
	background: url(/img/bg_bullet.gif) left top no-repeat;
	padding-left: 16px;
	margin: 0;
}

ul.textlist ul {
	margin-top: 8px;
	margin-bottom: 16px;
}

ul.textlist ul li {
	list-style-type: square !important;
	list-style-image: url() !important;
	background: url() !important;
	padding: 0 !important;
	margin: 0;
}

ol#footnote {
	list-style-type: none;
	font: 11px verdana, helve, sans-serif;
	margin: 0;
	padding: 0;
}

ol#footnote li {
	padding: 0;
	margin: 0;
}

span.date {
	font: 11px verdana, helve, sans-serif;	
}

p.name {
	text-align: right;
}

h1 span, h2 span, h2 a span, h3 span, h4 span, span#birth span, span#media span, span#pos span, span#exp span, div#list h5 span {
	visibility: hidden;
}