* { margin: 0; padding: 0; }
body { background-image: url(/pix/bg.gif); background-color:#312820; font-size: 11px; font-family: arial, verdana, sans-serif; color: #330000; }
h1, h2, h3, h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; }
h2 { margin-bottom: 1em; }
.second h3 { margin-bottom: 1em; }
p { margin-bottom: 1em; }
a { text-decoration: none; color: #330000; }
a img { border:none;}

#wrapper { width: 849px;  top: 100px; left: 50%;  position: absolute;  margin-left: -420px;  margin-top: 0px; position: absolute;  }
#content {  padding-right: 13px;  padding-left: 7px;  background-image: url(/pix/skugga-top.png); background-position: 0px 0px; background-repeat: no-repeat; }

.contact .first { 
	float: left; width: 243px; padding: 28px 18px 18px 18px; 
	border-right: 2px solid black; 
	min-height: 356px;
	background-color:#fff;
	line-height: 1.4em;
}
.contact .first h1 { margin-bottom: 1em; }
.contact .second { 
	float: left; width: 514px; 
	padding: 29px 18px 16px 16px;
	border-left: 2px solid black;
	margin-left: -2px;
	min-height: 356px;
	background-color:#fff;
	line-height: 1.4em;
}

#footer { 
	clear: both; background-image: url(/pix/skugga-bottom.png); background-repeat: no-repeat; background-position: top left; 
	color: #fff;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.1em;
	list-style-type:none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 10px;
}
#footer p { font-weight: normal; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; }

label { font-weight: bold; text-transform: uppercase; float: left; width: 8em; }
input.text, textarea { width: 418px; font-size: 10px; background-color: #e5dfd9; border: 1px solid #c7bab8; }
textarea { height:8em; }
p.submit { text-align: right; }
input.submit { margin-right: 5px; text-transform: uppercase; border: 0; background-color: white; font-family: arial, verdana, sans-serif; font-size: 10px; font-weight: bold; }
#header { position: relative;
margin-bottom: 7px; /* 10 px om toningen ska vara speciell längst upp */
height: 41px;
z-index: 10;
}
.logo img { border: 0; }
a.logo { color: white; position: absolute; display: block; left: 0; top:-14px; } /* logon bytte storlek så istället för att göra om bakgrunden flyttar jag upp den såhär */
#nav-global { list-style-type: none; position: absolute; bottom: 0; left: 290px; text-transform: uppercase; font-weight: bold; font-size: 10px; letter-spacing: 0.1em; }
#nav-global li { display: inline; margin-right: 10px; }
#nav-global a:link, #nav-global a:visited, #nav-global a:hover, #nav-global a:active { color: #999; padding-bottom: 7px; }
#nav-global a.active:link, #nav-global a.active:visited, #nav-global a.active:hover, #nav-global a.active:active { color: white; }
#nav-global li { 
position: relative;
}
#nav-global li ul { 
position: absolute;
left: 0; top: 19px; 
background-color: #000; 
padding: 0;
margin: 0 0 0 0px;
z-index: 100;
with: auto;
}
#nav-global li ul li a {
padding: 3px 5px 3px 5px;
display: block;
width: auto;
z-index: 101;
}
#nav-global li ul li a:link,
#nav-global li ul li a:visited,
#nav-global li ul li a:active {
color: #fff;
}
#nav-global li ul li a:hover { background-color: #555;  color: #ddd; }
#nav-global li ul li a.active { background-color: #111; color: #ccc; }

.clearer { clear: both; line-height: 0; height: 0; }

.overview { background-image: url(/pix/overview-background.gif); float: left; display: inline; }
.overview-one { clear: both; line-height: 1.4em; text-align:justify; background:transparent url(/pix/overview-divider2.gif) left bottom no-repeat;padding-bottom:2px;padding-right:20px;}
.overview-one.last { background-image:none;}
/* .overview-one img { float: left; margin: 2px 2px 2px 2px; } */
/*.overview-one a.link-image { float: left; margin: 2px 2px 2px 2px; }
.overview-one a.link-image img { border: none; }*/
.overview-one img.link-image { float: left; margin: 2px 2px 2px 2px; }
.overview-one p img { float: none; }
.overview-one h2 { padding-top: 20px; margin: 0 0 .5em 20px; width:400px;float:left; text-align:left;}
.overview-one h3.date { padding-top: 20px; margin-bottom: 0.5em;font-style:italic;font-weight:normal; float:right;width:95px;text-align:right;font-size:11px;}
.overview-one p { margin: 0 0 .5em 0; float:right; width:510px}
.overview-divider { clear: both; height: 2px; background-image: url(/pix/overview-divider.gif); background-repeat: no-repeat; }
p.overview-link { text-align: right; font-weight: bold; }
.single { background-image: url(/pix/overview-background.gif); float: left;  display: inline; width:829px;background-color: yellow;  }
.single .text { float: right; width: 510px; margin-right: 20px; display: inline; text-align:justify; }
.single h1 { margin-top: 20px; margin-bottom: .5em; }
.single .images { width: 216px; }
.single .images img { margin: 0px 2px 2px 2px; border-top: 2px solid black; padding-top: 2px; }
.single .images img.firstimage { border: 0; padding-top: 2px; }

.text p { line-height: 1.4em; }

/* specifika inställningar för editorn i tiny och begood i övrigt */
body.mceContentBody { background-image: none; background-color: white; padding: 1em; }
#content-main .begood_icons { float: none; }

#thumbnails{
	background-color:#000;
	border:3px solid white;
	overflow:hidden;
	padding:7px 0 5px 7px;
}

#thumbnails a{
	border: #fff 1px solid;
	margin: 0 4px 3px 0;
	display:block;
	float:left;
}

#thumbnails a img{
	border:none;
}

#content-main.slideshow { height: 402px; margin: 0; padding: 0; }
.imagenote-nav { text-align: right; }
.imagenote-nav-imagenumber { position: absolute; left: 0px; } /* 24 om infolänk */
.imagenote-nav-previous {  }
.imagenote-nav-next { margin-right: 2px; margin-left: 4px; }


.imagenote-caption {
	position: absolute;
	top: 5px; left:277px;
	color: white;
	width:375px;
}
.imagenote-caption b{
	text-transform:uppercase;
}
.imagenote-nav {
	position: absolute;
	top: 5px; left: 0;
	color: white;
	width: 829px;
}

#portfolio-client-showhide{
	position:absolute;
	top:407px;
	left:13px;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	z-index: 5;
}

#portfolio-client-playpause{
	position:absolute;
	top:409px;
	right:12em;
	z-index: 5;
}

#portfolio-client-playpause a img{
	border:none;
}

.portfolio-client-hide{
	text-transform:uppercase;
	bottom:0;
	font-weight:bold;
	position:absolute;
	text-transform:uppercase;
}

.portfolio-client-hide a{
	color:#999;
}

.imagenote-nav .imagenote-nav-imagenumber {
	position: absolute;
	top: 0px;
	right:7.8em;
}
.imagenote-nav .imagenote-nav-previous {
	position: absolute;
	top: 0px;
	right: 3em;
}
.imagenote-nav .imagenote-nav-next {
	position: absolute;
	top: 0px;
	right: 0;
}
.imagenote-nav-previous a:link, .imagenote-nav-previous a:visited, .imagenote-nav-previous a:hover, .imagenote-nav-previous a:active,
.imagenote-nav-next a:link, .imagenote-nav-next a:visited, .imagenote-nav-next a:hover, .imagenote-nav-next a:active 
{ color: white;  }


#content-main {
	position: relative;
	background-color:#FFFFFF;
	width:829px;
}
#portfolio-client-description {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #000; 
	color: #fff;
	height: 376px;
	width: 249px;
	opacity: .75;
	padding: 10px;
	border:#fff 3px solid;
}

#portfolio-client-showhide a:link, #portfolio-client-showhide a:visited, #portfolio-client-showhide a:hover, #portfolio-client-showhide a:active { color: #fff; }

div.message-sent {
	background-color: #eee; 
	border: 1px solid #ccc; 
	font-weight: bold;
	padding: .5em;
	margin-bottom: 1em;
}
div.message-sent p {
	margin: 0;pading: 0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */