/* General
============================================================================= */

html, body {height: 100%; font-size:10px;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #fff;
  font: normal 1.1em/1.6em Tahoma, Arial, sans-serif; /* 1.1em = 11px, 1.5em = 15px osv. */
  color: #8d8d85;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none; }
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}

input, textarea {
  font: normal 11px/17px Tahoma, Arial, sans-serif;
  color: #3a3a35;
}

button {
  display: block;
  cursor: pointer;
}

div.clear {
	font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

#page_container {
  text-align: left;
  width: 950px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#page_content {
  background: url(/custom/images/styles/bg_content.gif) 0 0 repeat-y;
  width: 890px;
  margin: 20px 30px 0;
  padding:10px 0 0;
}
#page_content #left_column{
	padding:0;
	margin:0;
	}

#page_text p {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
}

#page_text a {
  color: #8cd731;
  border-bottom: 1px solid #d7e1e9;
}

  #page_text ul {margin: 12px 0 0 0}

  #page_text ul li {
    background: url(/custom/images/icons/tick.gif) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
  }
  
  #page_text ul.popup {margin: 12px 0 0 0}

  #page_text ul.popup li {
    background: url(/custom/images/icons/popup.gif) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
  }

p a,
h4 a {
  color: #8cd731;
  border-bottom: 1px solid #d7e1e9;
}

p a:hover,
h4 a:hover {
  color: #7aaa1b;
  border-bottom: 1px solid #fff;
}

h2 {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

h3 {
	height: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
	color:#585858;
}

h4 {
  font: normal 14px/17px Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
}

h1 {
	xheight: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	xtext-transform:uppercase;
	font-size:24px;
	color:#585858;
	margin:0 0 10px 0;
}

h1.sifr {
	visibility:hidden;
}

#left_column {
  width: 674px;
  float: left;
  padding:0;
  margin:0;
}

.section {
  padding: 0 15px 15px 0;
}

p.link {margin: 16px 0 0 0;}

.divider{
	border-top: 1px solid #dcdcdc;
	margin:20px 0;
}

hr{
	height:0px;
	color:#dcdcdc;
	border-top:1px solid #dcdcdc;
	margin:20px 0;
}

/* Header
============================================================================= */

#header {
	xbackground:url(/custom/images/styles/bg_header.jpg) top left no-repeat;
	xbackground-color:#a5e03b;
	xheight: 300px;
	height: auto;
	width:950px;
	border-top:1px solid #a5e03b;
	border-bottom:1px solid #a5e03b;
	xoverflow:hidden;
	xclear:left;
	}

  #header #logo {
    width: 120px;
    height: 33px;
    padding: 28px 0 0 15px;
    float: left;
  }

  #header h1 {
    display: block;
    background: url(/custom/images/buffalo.gif) 0 0 no-repeat;
    text-indent: -9999px;
    height: 33px;
    cursor: pointer;
  }

  #header h1:hover {background-position: 0 -33px;}

    #header h1 a {
      display: block;
      width: 120px;
      height: 29px;
    }

  #header .contact {
    width: 215px;
    padding: 29px 0 0 0;
    float: right;
  }

    #header .contact span {color: #5c5c56;}
	
#page_header{
width:950px;
overflow:hidden;
clear:left;
}
	
/* Top
============================================================================= */	

div#top{
	height:90px;
	background:#fff;
	width:950px;
	overflow:hidden;
	}
	div#top a.logo{
		float:left;
		margin:20px 0 0 30px;
		}

/* Navigation
============================================================================= */

ul#navigation {
	float:right;
	padding:45px 30px 0 0;
	xwidth:650px;
	background:#fff;
	text-align:right;
}

  ul#navigation li {
    float: left;
	margin-left:1px;
  	}

    ul#navigation li a {
    	display: block;
      	padding:3px 10px 5px;
		background:#fff;
		color:#7f7f7f;
    }
	    ul#navigation li a:hover, ul#navigation li a.active {
    	background:url(/custom/images/styles/bg_navigation_li.gif) top left repeat-x #77cf29;
		color:#fff;
    	}
		
ul#submenu{
	padding:16px 0 0 16px;
}		

    ul#submenu li {
		margin:0;
		padding:0 0 5px 20px;
		background:url(/custom/images/icons/arrow_right.gif) 0 3px no-repeat;
    }

    ul#submenu li a {
      color: #8cd731;
      border-bottom: 1px solid #e0e0e0;
    }
	
		ul#submenu li a.active {
			font-weight:bold;
			color:#999;
		}
	
    ul#submenu li a:hover {
      color: #8cd731;
      border-bottom: none;
    }

/* Right column
============================================================================= */

#right_column {
  width: 215px;
  float: right;
  padding: 0 0 27px 0;
}

  #right_column p {
  	margin: 0.7em 0 1.5em 1.5em;
  	line-height:1.6em;
	}
	
  #right_column p a.active {
	font-weight:bold;
	color:#999;
	}
	
  #right_column a {
	color:#8cd731;
	}
	
  #right_column p.contactlist {
  	margin: 0.7em 0 0 0;
  	line-height:1.6em;
	}
	
  #right_column p strong.highlight,#right_column span.highlight {color:;}
  #right_column p.new {margin: 19px 0 0 15px;}
  #right_column p.news {margin: 1.2em 0 0 1.5em;}
  #right_column p.more_news {margin: 2em 0 0 1.5em;}
  #right_column p.link {margin: 16px 0 0 15px;}
  #right_column p.archive {float:right; margin:0; padding:0 4px 0 0;}

  #right_column .section {
    padding: 0 0 24px 0;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom:19px;
   }
   
  #right_column .sectionNoLine {
    xpadding: 0 0 24px 0;
	padding:0;
	margin-bottom:19px;
   }

#right_column h3 {padding: 0 0 0 15px; float:left;}

#right_column span {color: #d0d0d0;}


/* Boxes
============================================================================= */

#boxes {
  background: url(/custom/images/styles/bg_boxes.gif) 0 0 repeat-y;
  width: 890px;
  margin: 0 30px;
  border-top: 1px solid #dcdcdc;
  xborder-bottom: 1px solid #dcdcdc;
}

  #boxes .box {
    width: 200px;
    xpadding: 20px 0 19px 0;
	padding: 20px 0 10px 0;
    margin: 0 0 0 30px;
    float: left;
  }

  #boxes .left {margin: 0;}
  #boxes p {margin: 10px 0 0 0;}
  #boxes p.link {margin: 16px 0 0 0;}

div#boxes h3{
  xwidth: 105px;
}

  #boxes form div {
    background: url(/custom/images/styles/textbox.gif) 0 0 no-repeat;
    height: 26px;
    margin: 23px 0 0 0;
  }

  #boxes form input {
    background: none;
    width: 132px;
    height: 21px;
    padding: 4px 6px 0 6px;
    border: none;
    float: left;
  }

  #boxes form button {
    background: url(/custom/images/icons/btn_send.gif) 0 0 no-repeat;
    height: 23px;
    width: 53px;
    float: right;
	margin-top:1px;
  }

  #boxes form button:hover {background-position: 0 -23px;}

/* Footer
============================================================================= */

#news_box {
  position: relative;
}

#footer {
  padding: 10px 10px;
  margin: 20px 0 25px 0;
  border-top:1px solid #a5e03b;
}

  #footer ul,
  #footer li {float: left;}

    #footer li a {
      color: #6e6e66;
      border-bottom: 1px solid #e0e0e0;
    }

    #footer li a:hover {
      color: #8e8e86;
      border-bottom: 1px solid #fff;
    }

    #footer span {color: #d0d0d0;}

  #footer p#copyright {
    xwidth: 445px;
    float: right;
	text-align:right;
  }
  
/* Jquery
============================================================================= */

#header #slideshow {
	width: auto;
	height: 300px;
	overflow:hidden;
}

#header #slideshow img{

}

#header #controlls {
	position: relative;
	z-index: 2000;
	width: auto;
	height: 100%;
}

#header #controlls #pager {
	position: absolute;
	top: 100%;
	width: 940px;
	margin-top: -295px;
	text-align: right;
}
#header #controlls #pager a {
	margin-left: 3px;
	margin-right: 4px;
	color:#828282;
}
#header #controlls #pager a.activeSlide {
	color: #E5E5E5;
}

/* Case */

#case {
	xbackground-color:#fafafa;
	height: auto;
	margin-top: 20px;
	margin-bottom: 18px;
	width:650px;
}

#case #slideshow {
	width: auto;
}

#case #slideshow img{
	xpadding:3px;
	xborder:1px solid #CCCCCC;
}

#case #controlls {
	position: relative;
	z-index: 2000;
	width: auto;
	height: 100%;
}

#case #controlls #prev, #case #controlls #next {
	height: 100%;
	width: 235px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url('/custom/images/blank.gif');
}
#case #controlls #prev:hover img , #case #controlls #next:hover img { display: block; }
#case #controlls #prev img, #case #controlls #next img {
	left: 21px;
	position: absolute;
	top: 50%;
	margin-top: -38px;
	display: none;
}
#case #controlls #next {	
	left: 415px;
}
#case #controlls #next img {	
	left: 175px;
}

#case #controlls #pager {
	position: absolute;
	top: 100%;
	width:650px;
	margin-top: -10px;
	text-align: right;
}
#case #controlls #pager a {
	margin-left: 3px;
	margin-right: 4px;
	color:#828282;
}
#case #controlls #pager a.activeSlide {
	color: #000;
}

/* Framsidan
============================================================================= */

.middle {
  margin: 0;
  border: none;
}

h3#featured_work {
  margin: 3px 0 0 0;
  float: left;
}

p.view_work {
  width: 194px;
  padding: 0 14px 0 0;
  margin: 0;
  float: right;
  text-align:right;
}

div.project {
  width: 200px;
  margin: 11px 28px 0 0;
  padding:0;
  float: left;
}

div.end {margin: 11px 0 0 0;}

.preview {
	padding:3px;
	border:1px solid #adadad;
	}
	
p.large {
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	margin: 9px 0 0 0;
}

.customContent p{
	padding-bottom:8px;
}