@charset "UTF-8";
/* CSS Document */

body {background:#ffe224; font-family:"Times", "Times New Roman", Times, serif; font-size:13px; color:#281b1a; padding:0; margin:0;}

img {border:none;}

p {color:#281b1a;}

ul {padding:8px 0 0 0; margin:0;}

li {height:26px; list-style:none;  padding:0; margin:0; display:block;}

h1 {padding:0; margin:0; font-style:italic; font-size:36px; padding:10px 10px 0 10px; margin:0; display:block; clear:both;}

h2 {padding:0; margin:0; font-style:italic; font-size:20px; padding:20px 10px 10px 0; margin:0; display:block;}

#background {background-image:url(gfx/bg.png); background-repeat: no-repeat; width:1200px; min-height:530px;height:auto !important; padding:10px 0 0 0; position:fixed; z-index:0; }

#container {width:800px; height:auto !important; z-index:99; position:relative; padding:140px 0 0 160px;}

#fc {float:left; width:595px; min-height:530px; height:auto !important;}

#sc {float:left; width:200px; min-height:530px; height:auto !important;}

.scTop {float:left; width:200px; height:30px; padding:20px 0 6px 0;}

.scSub {width:200px; height:auto !important; }

.meny {float:left; width:173px; height:20px; font-style:italic; font-size:16px; padding:4px 0 10px 26px; margin:0;}

.square {float:left; width:200px; height:6px; background:url(gfx/square.gif) no-repeat; padding:6px 0 2px 0; margin:0;}

#cLine {float:left; width:600px; height:10px; background:url(gfx/center_2.png) no-repeat; margin-top:50px;}

.text {float:left; width:550px; height:auto !important; padding:10px 10px 20px 10px; font-size:13px; line-height:130%;}

.widePic {float:left; width:560px; height:360px; background:#fff; margin:20px 10px 20px 0; border:3px solid #200d0c;}


/* generic class used for all picture containers */

.picture {float:left; width:560px; height:360px; background:#fff; margin:20px 10px 20px 0; border:3px solid #200d0c;}

.tallPic {float:left; width:300px; height:420px; background:#fff; margin:20px 10px 20px 0; border:3px solid #200d0c;}

.frontPic {width:500px; height:auto !important; padding:80px 10px 20px 80px; border:0px solid #200d0c; background:transparent; }

.contactPic {float:left; width:300px; height:300px; padding:100px 0 0 160px;}

#dots {float:left; width:590px; height:20px; padding-left:10px;}

#footer {float:left; width:820px; min-height:100px; height:auto !important; clear:both; padding:20px 0 50px 0;}

#footerLine {width:826px; height:20px; padding-bottom:10px;}

a:link, a:active, a:visited {color:#1E0803; text-decoration:none;}

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

.dotButton {float:left; height:12px; width:12px; /*padding:0 4px 0 4px;*/ background:url(gfx/dot.png) no-repeat; height:12px;}

.dotButton:hover {float:left; height:12px; width:12px; /*padding:0 4px 0 4px;*/ background-position:0 -12px; /*cursor:pointer;*/}

.dotButton.active {background-position:0 -12px;}

.meny.active > a {color:#867BEF;}

.picture {
	position:relative;
}
.picture .item {
	display:table-cell; 
	text-align:center; 
	vertical-align:middle; 
	width:560px; 
	height:360px;
}
.tall {
	height:560px;
	width:560px;
	background-color:transparent;
	border:0;
}
.clear {
	clear:both;
}
body > a {
	position:absolute;
	top:55px;
	left:5px;
	width:130px;
	height:125px;
	display:block;
	z-index:4000;
	cursor:pointer;
	clear:both;
}
.infoHolder { float:left; }

.tallPic {
	float:left; width:300px; height:420px; background:#fff; margin:20px 10px 20px 0; border:3px solid #200d0c;
}
.picture .item2 {
	display:block;
	text-align:left; 
	vertical-align:top;
	width:300px;
	height:420px;
}
.dotButton {
	margin:0 4px 4px;
	padding:0;
}
.dotButton:hover {
	margin:0 4px 4px;
	padding:0px;
}
.dotButton a {
	width:12px;
	height:12px;
	display:block;
	/*margin-left:-3px;*/
}
#designButton {
	height:32px;
	background:url(gfx/dc.png) no-repeat scroll 0 0 transparent;
	display:block;
}
#workButton {
	height:32px;
	background:url(gfx/work.png) no-repeat scroll 0 0 transparent;
	display:block;
}
#contactButton {
	height:32px;
	background:url(gfx/contact.png) no-repeat scroll 0 0 transparent;
	display:block;
}
#blogButton {
	height:32px;
	background:url(gfx/blog.png) no-repeat scroll 0 0 transparent;
	display:block;
}
#linksButton {
	height:32px;
	background:url(gfx/links.png) no-repeat scroll 0 0 transparent;
	display:block;
}
#designButton:hover, #workButton:hover, #contactButton:hover, #blogButton:hover, #linksButton:hover {
	background-position:0 -32px;
}
#designButton.current, #workButton.current, #contactButton.current, #blogButton.hover, #linksButton.current {
	background-position:0 -32px;
}