/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style: none; }

/*  Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal; }

/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes borders from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

/* Layout.css */

body {
padding: 10px 20px;
text-align: center; }

div#wrapper {
position: relative;
width: 354px;
margin: 0 auto; 
text-align: left; }

p.access {
position: absolute;
top: -9999px; }

div#content {
width: 100%;
min-height: 0; }

/* min-height for Internet Explorer, for future use! */
div#content {
min-height:0;
height:auto !important;
height:0; }

div#content_main {
padding: 2em 0 1em; }

/* Branding */

div#branding {
position: relative;
z-index: 10;
width: 100%;
height: 179px;
background: transparent url(../i/dot_h_line.gif) bottom left repeat-x; }

div#branding p {
position: absolute;
top: -9999px; }

div#branding img {
position: absolute;
top: 12px;
left: 0px; }

div#branding img a {
display: block; 
width: 360px;
height: 178px; }  

h1 {
position: absolute;
top: 200px;
left: 211px;
width: 109px;
height: 145px;
background: transparent url(../i/mbs.gif) no-repeat; }

h1 a {
display: block;
width: 109px;
height: 145px;
text-indent: -9999px; }

h2 {
position: absolute;
top: 364px;
width: 354px;
height: 60px;
background: transparent url(../i/h2.gif) no-repeat;
text-indent: -9999px; }

h3 {
width: 354px;
height: 124px;
margin-top: 60px;
text-indent: -9999px; }

.index h3 { background: transparent url(../i/h3_welcome.gif) no-repeat; }
.about h3{ background: transparent url(../i/h3_about.gif) no-repeat; }
.work h3 { background: transparent url(../i/h3_portfolio.gif) no-repeat; }
.contact h3 { background: transparent url(../i/h3_contact.gif) no-repeat; }
.shop h3 { background: transparent url(../i/h3_shop.gif) no-repeat; }

/* Navigation */

div#nav {
position: relative;
height: 185px; 
background: transparent url(../i/nav.gif) top left repeat-y; }

ul#nav_list {
position: absolute;
left: 35px;
top: 20px; 
margin: 0; }

ul#nav_list li a {
margin-bottom: 7px; 
text-indent: -9999px; }

li#nav_about a { margin-left: 37px; }
li#nav_contact a { margin-left: 17px; }
li#nav_shop a { margin-left: 52px; }
li#nav_blog a { margin-left: 56px; }

li#nav_about a:link, li#nav_about a:visited { display: block; width: 71px; height: 24px; background: url(../i/btn_about.gif) no-repeat; }
li#nav_portfolio a:link, li#nav_portfolio a:visited { display: block; width: 108px; height: 26px; background: url(../i/btn_portfolio.gif) no-repeat; }
li#nav_contact a:link, li#nav_contact a:visited { display: block; width: 91px; height: 22px; background: url(../i/btn_contact.gif) no-repeat; }
li#nav_shop a:link, li#nav_shop a:visited { display: block; width: 56px; height: 26px; background: url(../i/btn_shop.gif) no-repeat; }
li#nav_blog a:link, li#nav_blog a:visited { display: block; width: 52px; height: 26px; background: url(../i/btn_blog.gif) no-repeat; }

li#nav_about a:hover { background-position: 0 -24px; }
li#nav_portfolio a:hover { background-position: 0 -26px; }
li#nav_contact a:hover { background-position: 0 -22px; }
li#nav_shop a:hover { background-position: 0 -26px; }
li#nav_blog a:hover { background-position: 0 -26px; }

/* You are here-effect */
.about li#nav_about a:link, .about li#nav_about a:visited  { background-position: 0 -24px; }
.work li#nav_portfolio a:link, .work li#nav_portfolio a:visited { background-position: 0 -26px; }
.contact li#nav_contact a:link, .contact li#nav_contact a:visited { background-position: 0 -22px; }
.shop li#nav_shop a:link, .shop li#nav_shop a:visited { background-position: 0 -26px; }

/* Footer */

div#footer {
position: relative;
z-index: 1;
width: 100%;
height: 26px;
padding: 1em 0;
background: transparent url(../i/dot_h_line.gif) top left repeat-x; }

div#footer a[rel="self"] {
display: block;
width: 100px;
height: 42px; 
position: absolute;
top: -30px;
right: -120px;
background: transparent url(../i/arrow_top.gif) no-repeat;
text-indent: -9999px; }

/* Color */

html {
background-color: #fff; }

div#footer {
background-color: #fff; }

/* Typography */

body { font: 82%/1.4 Georgia, "Times New Roman", Times, serif; color: #7a585f; }

h4, h5, h6, p, ul { margin: 0 0 1em; }

h4, h5, h6 { 
margin: 1.5em 0 .5em 0;
font: 160% Georgia, "Times New Roman", Times, serif; 
font-weight: bold; 
letter-spacing: 1px; }

h5 { font-size: 140%; }

h6 { font-size: 120%; }

p { font-size: 100%; }

div#footer p { font-size: 11px; line-height: 18px; }

a:link, a:visited {
color: #9b8287;
font-weight: bold; 
text-decoration: underline; }

a:hover {
color: #5b4247; 
font-weight: bold;
text-decoration: underline; }

.graphic_design .portfolio ul + p {
margin-top: 1.5em; }

#content_main h4:first-child {
margin-top: 0; }

.graphic_design .portfolio ul + p > strong {
font-size: 120%; }

.graphic_design .portfolio ul + p + p + p > strong {
font-size: 120%; }

.graphic .reset {
font-size: 120%; }

#nav_departments a:link, #nav_departments a:visited, #nav_departments a:hover {
font-size: 120%}

.graphic_design li#nav_graphic a:link, .graphic_design li#nav_graphic a:visited, .graphic_design li#nav_graphic a:hover {
color: #5b4247; 
font-weight: bold;
text-decoration: underline; }

.art_work li#nav_artwork a:link, .art_work li#nav_artwork a:visited, .art_work li#nav_artwork a:hover {
color: #5b4247; 
font-weight: bold;
text-decoration: underline; }

/* Portfolio */

.portfolio {
margin-bottom: 2em;
padding-bottom: 2em;
background: transparent url(../i/dot_h_line.gif) bottom left repeat-x; }

.graphic_design p + ul {
margin-bottom: 0;
padding-left: 1em;
list-style: disc; }

.last {
margin-bottom: 0;
padding-bottom: 0;
background: none; }

.art_work .last ul:last-child {
margin-bottom: 0; }

.graphic_design ul + p + p + p {
margin-bottom: 0; }

.art_work .portfolio > img {
margin: 3em 0; }

#portfolio_evs > img { margin: 0 0 2em 16px; }
#portfolio_uh > img { margin: 0 0 4em 3px; }
#portfolio_delicat > img { margin: 4em 0 4em -23px; }
#portfolio_ifs > img { margin: 4em 0 4em -1px; }
#portfolio_zamagon > img { margin: 0 0 1em -28px; }
#portfolio_vavra >img { margin: 2em 0 2em -52px; }
#portfolio_fronesis > img { margin: 0 0 2em -31px; }
#portfolio_sij > img { margin: 5em 0 5em -43px; }
#portfolio_vagavaxa > img { margin: 4em 0 5em 2px; }
#portfolio_adikon > img { margin: 0 0 3em -73px; }
#portfolio_suzi > img { margin: 5em 0 5em -23px; }

#portfolio_collage > img { margin-left: -127px; }
#portfolio_digital > img { margin-left: -214px; }
#portfolio_illustrations > img { margin-left: -36px; }
#portfolio_drawings > img { margin-left: -42px; }
#portfolio_paintings > img { margin-left: -96px; }
#portfolio_photography > img { margin-left: -123px; }

img {
display: block;
border: 0; }

/* Thumb-list */

ul.thumb_list {
margin-bottom: -1em;
overflow: hidden; }

ul.thumb_list li a { 
float: left; 
display: block; 
margin: 0 1em 1em 0;
padding: 0 4px 4px 0;
width: 44px; 
height: 44px; 
background: transparent url(../i/thumb_list.gif) no-repeat; }

ul.thumb_list li { 
display: inline; }

.clearboth { 
clear: both; }

/* vcard */

a[rel="hcard"] { 
display : block; }

a[rel="hcard"] img {
display: inline; }

li#email_info {
margin-top: 1em; } 

/* strong, em */

strong { font-weight: bold; }
em { font-style: italic; }

/* Welcome */

.index div#footer a[rel="self"] {
position: absolute;
top: -9999px; } 

.index #content_main {
padding: 0 0; }

ul#nav_lang {
position: relative;
margin: 0;
width: 354px;
height: 128px;
background: transparent url(../welcome/i/nav_lang.gif) no-repeat; }

ul#nav_lang li {
display: inline; }

li#nav_eng {
position: absolute;
top: 55px;
left: 42px; }

li#nav_swe {
position: absolute;
top: 55px;
left: 204px; }

li#nav_eng a {
display: block; 
width: 111px;
height: 53px; 
text-indent: -9999px; }

li#nav_swe a {
display: block; 
width: 110px;
height: 35px; 
text-indent: -9999px; }

/*Poem */

div#poem {
position: relative;
width: 100%; 
height: 219px;}

div#poem blockquote {
z-index: 100;
position: absolute;
top: 29px;
left: 13px;
width: 344px;
height: 139px;
background: transparent url(../poem/i/poem.gif) no-repeat;
text-indent: -9999px; }

div#poem a {
display: block;
width: 139px;
height: 37px; 
position: absolute;
bottom: 0px;
left: 0px;
background: transparent url(../poem/i/arrow_main.gif) no-repeat;
text-indent: -9999px; }

.hidden h1 {
position: absolute;
top: -9999px; }

/* About */

.about #content_main ul {
padding-left: 1em;
list-style: disc; }

.reset {
margin: 0;
padding: 0; }

/* Shop */

.shop h3 {
width: 354px;
height: 130px;
margin-top: 60px;
text-indent: -9999px; }

.shop #content_main > img {
margin-bottom: 2em; }

/* portfolio navigation */

.work #nav_departments ul {
margin-left : 62px; }

#nav_departments li { 
display: inline;
margin: 0 15px; }

#nav_departments li:first-child { 
margin-left : 0; }

#nav_departments li:last-child { 
margin-right: 0; }

#nav_departments {
padding-bottom: 2em;
margin-bottom: 2em;
background: transparent url(../i/dot_h_line.gif) bottom left repeat-x; }

/* portfolio "back to top" */

.portfolio {
position: relative; }

.portfolio a[rel="self"] {
display: block;
width: 100px;
height: 42px; 
position: absolute;
bottom: -11px;
right: -120px;
background: transparent url(../i/arrow_top.gif) no-repeat;
text-indent: -9999px; }

/* hide */

hr {
display: none;
visibility: hidden; }