/*
Theme Name: Indus
Theme URI: http://www.indus.se
Description: Skapare: Stendahls.net AB
Version: 1.0
Author: Stendals.net
Author URI: http://www.stendahls.se/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Indus v1.0
	 http://www.indus.se

	This theme was designed and built by Stendahls.net
*/

/* RESET ***************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol,ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
ol {
	list-style:decimal
}


/* Begin Typography & Colors ************/
html {
    overflow-y: scroll;
}
body {
    font-size: 12px; /* Resets 1em to 10px */
    font-family: Arial, Sans-Serif;
    background: #FFF url('images/indus_bg.png') repeat-x;
    color: #333;
    text-align: center;
	margin:0;
	line-height:1.2;
}

#page {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
    position:relative;
}

a, a:hover, a:visited {
    color:#f38021;
	text-decoration:none;
}
h2 a, h2 a:hover, h3 a, h3 a:hover {
    text-decoration: none;
}
.utility_nav_group a:hover, .footer_nav_group a:hover {
	text-decoration: none;
}

img {
    border: none;
}

h1, h2, h3 {
    font-family: Arial, Sans-Serif;
	padding:0;
}
h1 {
    font-size: 24px;
	font-weight: normal;
    text-transform:uppercase;
	color: #5d5d5d;
	padding:50px 0 12px 10px;
	background:url(images/h1_bg.png) no-repeat;
}
#content {
	
}
#content h1 {
	font-size:18px;
	border:0;
	padding:0;
	margin:16px 0 4px 0;
	background:none;
}
#content h1.start {
	font-size: 24px;
	display:inline-block;
	float:left;
	margin:75px 0 60px 10px;
	padding:0 30px 6px 30px;
	border-bottom:1px solid #DDD;
	background:none;
}
h2 {
    font-size: 18px;
	font-weight: normal;
    font-style:italic;
	color: #5d5d5d;
	margin:6px 0;
	line-height:1.2em;
}
#content h2 {
	font-size:16px;
	font-style:normal;
	border:0;
	padding:0;
	margin:0 0 8px 0;
}
#content h2.contact {
	font-size:18px;
}	
h3 {
    font-size: 14px;
	font-weight: normal;
	color: #4c4c4c;
	margin:8px 0 6px 0;
	line-height:1.2em;
}
#content h3 {
	font-size:14px;
	font-style:normal;
	border:0;
	padding:0;
	margin:0 0 6px 0;
}
#content h3.contact {
	font-size:12px;
}	

p {
	line-height:1.45em;
	margin-bottom:8px;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    font-size: 0;
}


/* HEADER */
#postit {
    position:absolute;
    top:122px;
    left:725px;
    z-index:3000;
}
#header {
}
#top {
	height:67px;
	background: url("images/top_bg.gif") repeat-x;
}
#logo {
	width:160px;
	height:67px;
	background: url("images/logo.gif") no-repeat;
	float:left;
	cursor:pointer;
}
#utility {
	position:relative;
	width:700px;
	height:67px;
	float:right;
}
#languages {
	position:absolute;
	top:2px;
	right:15px;
	width:70px;
	height:22px;
	text-align:right;
}
#languages a {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding-left: 17px;	
}
#language_norway {
	background: url("images/Norway.png") no-repeat;
	height: 16px;	
}
#language_sweden {
	background: url("images/Sweden.png") no-repeat;
	height: 18px;
}
#utility_menu {
	position:absolute;
    right:106px;
    top:2px;
}
ul.utility_nav_group {
	margin:0;
	padding:0;
	list-style:none outside;
}
ul.utility_nav_group li {
	display:inline;
}
ul.utility_nav_group li a {
	display:inline-block;
	margin-right:12px;
	padding-bottom:2px;
	color:#FFF;
	text-transform:uppercase;
	font-size:10px;
}
ul.utility_nav_group li.selected a {
	border-bottom:3px solid #FFF;	
}
#searchform {
	float:right;
	padding:47px 0 0 0;
	width:195px;
}
#searchform label {
	display:none;
}
#searchform div {
	height:16px;
	width:180px;
	position:relative;
}
#searchform #s {
	position:absolute;
	width:133px;
	height:14px;
	top:1px;
	left:0;
	border:0;
	margin:0;
	padding:0 0 0 3px;
	font-size:10px;
	background: url(images/searchfield.gif) no-repeat;
	
}
#searchform #searchsubmit {
	position:absolute;
	width:40px;
	height:16px;
	top:0;
	right:0;
	border:0;
	margin:0;
	padding:0 0 2px 0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	background: url(images/searchbutton.gif) no-repeat;
}
#top_shader {
	height:5px;
	font-size:0;
	background: url(images/top_shader.jpg) no-repeat;
}

/* MAIN MENU ***************************/
#main_menu {
	margin-top:15px;
	text-transform:uppercase;
}
div.main_menu_group {
	display:inline-block;
	float:left;
	margin:0 10px 0 10px;
}
div.main_menu_group div {
	font-size:15px;
	padding:0 40px 4px 0;
	margin-bottom:5px;
	border-bottom:1px solid #DDD;
}
ul.main_nav_group {
	margin:10px 10px 0 0;
	padding:0;
	list-style:none outside;
	font-size:11px;
}
ul.main_nav_group li {
	display:block;
	float:left;
	margin-right:20px;
}
ul.main_nav_group li.selected {
	border-bottom:2px solid #f38021
}
ul.main_nav_group li a {
	display:inline-block;
}
ul.main_nav_group li a:hover {
	text-decoration:none;
}

#startLinks a {
	display:inline-block;
	color:#4c4c4c;
	text-transform:uppercase;
	font-size:12px;
	margin:0 0 40px 50px;
}
#startLinks a:hover {
	text-decoration:none;
}

/* STRUCTURE ***************************/
.column_1, .column_2, .column_3, .column_12, .leftColumn, .rightColumn {
	padding:0;
	margin:0 0 20px 0;
	float:left;
}

.column_1 {
	width:310px;
	margin-right:20px;
}
.column_2 {
	width:300px;
}
.column_3 {
	width:310px;
	margin-left:20px;
}
.column_12 {
	width:630px;
}

.leftColumn {
	width:460px;
	margin-left:10px;
}
.rightColumn {
	width:460px;
	margin-left:20px;
}
.midwideLeftColumn {
	width:510px;
	margin-left:10px;
	margin-bottom:20px;
	float:left;
}	
.wideLeftColumn {
	width:540px;
	margin-left:10px;
	margin-bottom:20px;
	float:left;
}
.narrowRightColumn {
	width:370px;
	margin-left:40px;
	margin-bottom:20px;
	float:left;
}

/* CONTENT ***************************/
.description {
	margin-left: 10px;
	width: 500px;	
}

.image_top, .wp-caption {
	position:relative;
	z-index:100;
}
.image_top div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	background: #f38021;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.vertical_bottom_text div {
	top:auto;
	bottom:0;
width:150px;
}
.image_top span {
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	margin:5px 0 0 6px;
}

.text_top {
	position:relative;
	padding-top:20px;
}
.text_top div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	background: #f38021;
}
.text_top div span {
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	margin:5px 0 0 6px;
}

#start_icon_panel {
	width:310px;
	padding-left:20px;
	margin:0;
	background: #FFF;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.post_content {
	/* display:none; */
}

.post_content a.pdf_file {
	background: transparent url(images/pdf.gif) no-repeat 0 0;
	padding: 2px 20px;
	font-size: 12px;
	display: block;
	font-style: italic;	
}	
.contact_content,.contact_contentmap {
	display:none;
}
.contact_content h2,.contact_contentmap h2 {
	font-size: 18px;
	text-transform: none;		
}
.map {
	margin: 10px 0 8px;
}
div.post_news {
	float: left;
	border-bottom:1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 6px;	
}

div.post_date {
	width:35px;
	margin-left: 10px;
	float:left;	
}
div.post_date div {
	display:inline;
	color:#f38021;
	font-size:14px;
	padding-bottom:1px;
	border-bottom:1px solid #ddd;
}
div.post_date span {
	display:block;
	color:#f38021;
	font-size:13px;
	/*font-weight:bold;*/
	margin-top:6px;
}
div.post_text {
	width:250px;
	float:left;
	padding-left:10px;
}
div.reference_img {
	float: left;
	padding-right: 5px	
}	
div.reference_img img{
	width: 145px;
	height: 74px;
}

.post_listing_header {
	text-transform:uppercase;
	font-size:10px;
	color:#666;
	font-weight:bold;
}
ul.post_listing {
	margin:4px 0;
}
ul.post_listing li {
    background:#f3f3f3;
	border-top:1px solid #DEDEDE;
	padding:3px;
	cursor:pointer;
}
ul.post_listing li#right_side_hide_list {
	margin-top:10px;
    border-top:none;
    font-size:12px;
    font-style:italic;
    height:32px;
    padding:18px 0 0 10px;
	cursor:pointer;
}
ul.post_listing li.hiddenItem {
    display:none;
}
ul.post_listing li div.container,ul.post_listing li div.ref_container {
	padding:7px;
}
ul.post_listing li.selected div.container {
	background:#e0e0e0 url(images/right_selector_arrow.png) center left no-repeat;
}
ul.post_listing li.selected div.ref_container {
	background:#e0e0e0;
}
ul.post_listing li div.post_date {
	padding:0;
}
ul.post_listing li span {
	float:left;
	width:395px;
}
ul.post_listing li span.post_text {
	width: 390px;
	padding-left: 5px;	
}	
ul.post_listing li span.reference h2 {
	display:inline-block;
}
ul.post_listing li span.reference {
	float:left;
	width:285px;
}
ul.post_listing li span h2 {
	display:inline-block;
}

div.post_listing_trailer {
	margin-top:10px;
}
div.post_listing_trailer a {
	display:block;
	font-size:12px;
	font-style:italic;
	height:32px;
	padding:18px 0 0 50px;
	vertical-align:top;
}
div.rss {
	background:#e0e0e0 url("images/rss.png") 10px 10px no-repeat;
}
div.palette {
	background:#e0e0e0 url("images/palette.png") 10px 10px no-repeat;
}
div.process {
	background:#e0e0e0 url("images/process.png") 10px 10px no-repeat;
}

#steps {
	margin: 10px;
}
.step {
	width: 300px;
	padding: 0 20px 20px 0;
}
.step .picture_text {
	color: #484848;
	font-size: 12px;
	padding-top: 5px;	
}
div#contact_menu {	
	text-transform: uppercase;
	margin: 25px 0 0 10px;	
}
div#contact_menu ul {
	display:inline-block;
	
}
div#contact_menu li {
	display: inline;
	float:left;	
	color: #333;
	font-size: 10px;
	font-weight: bold;
	cursor:pointer;
	padding: 0;
	height: 25px;
	margin-right: 5px;	
}
div#contact_menu li span {
	display:block;
	float:left;
	padding: 5px 0 0 11px;
	height:25px;
	background:url("images/contact_menu_left.png") no-repeat;
}
div#contact_menu li div {
	display:block;
	float:left;
	height:25px;
	width:11px;
	background:url("images/contact_menu_right.png") no-repeat;
}
div#contact_menu li.service span {
	background:url("images/contact_menu_service_left.png") no-repeat;
}
div#contact_menu li.service div {
	background:url("images/contact_menu_service_right.png") no-repeat;
}

div#contact_menu li.selected span {
	background:url("images/contact_menu_selected_left.png") 0 1px no-repeat;
}
div#contact_menu li.selected div {
	background:url("images/contact_menu_selected_right.png") 0 1px no-repeat;
}
div#contact_menu li.service.selected span {
	background:url("images/contact_menu_service_selected_left.png") 0 1px no-repeat;
}
div#contact_menu li.service.selected div {
	background:url("images/contact_menu_service_selected_right.png") 0 1px no-repeat;
}

#contactForm {
	width: 100%;
	margin-top: 10px;
	color: #484848;
	background: #f3f3f3;
}
#contactForm select {
	display: block;
	font-size: 10px;	
	width: 260px;
	padding: 2px;
	border:1px solid #AAA;
}
#contactForm td {
	padding: 10px;
	vertical-align: top;
	border-bottom:1px solid #FFF;
}	
#contactForm tr.noBack td {
	background:none;
	border:none;
}
#contactForm tr.noBorder td {
	border:none;
}
#contactForm td.right {
	padding-left: 80px;
}
#contactForm td#mailmsg {
	color: red;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#contactForm label {
	display:block;
	font-size: 11px;
	font-weight: bold;	
	margin-top:5px;
}
#contactForm label span {
	font-weight: normal;	
}		
#contactForm input, textarea {	
	padding: 2px;
	width: 260px;
	overflow-x: hidden;
	border:1px solid #AAA;	
}
#contactForm input#btn {
	width: 100px;
	float: right;
	font-size: 10px;
}
#contactForm input#mailbody {
	height: 200px;
}
#contact_persons {
	font-size: 11px;
	color: #5c5c5d;
	background: #f3f3f3;
	padding: 10px 10px 10px 0;
	margin: 0 10px 10px;
	max-width: 510px;
	height: auto;
	float: left;
}
#contact_persons li {
	float: left;
	margin-left: 10px;
	width: 96px;
}
#contact_persons li .italy {
	font-style: italic;
}
#contact_persons li p {
	margin: 0;
	padding: 0;
}			

.hitta_se {
	margin-top:10px;
}

/* FOOTER ***************************/
#footer {
    padding:17px 0;
	background: #fff url(images/trailer_bg.jpg) no-repeat;
}

#footer_menu {
	width:350px;
	float:left;
	padding-left: 10px;
}
div.footer_menu_group {
	display:inline-block;
	float:left;
	margin:0 40px 0 0;
}
div.footer_menu_group div {
	display:inline;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#f38021;
	padding:0;
	margin-bottom:4px;
}
ul.footer_nav_group {
	margin:2px 0 0 0;
	padding:0;
	list-style:none outside;
}
ul.footer_nav_group li {
}
ul.footer_nav_group li a {
	font-size: 10px;
	display:inline-block;
}
ul.footer_nav_group li.selected a {
	border-bottom:2px solid #f38021;
}

#footer_contact {
	width:550px;
	float:right;
	padding-right: 10px;
}
div.footer_contact_group {
	display:inline-block;
	float:right;
	margin:0 0 0 40px;
	color:#777777;
	font-size: 10px;
}
div.footer_contact_group div {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
	margin-bottom:4px;
	font-size: 10px;
	white-space:nowrap;
}

/* CALENDAR ***************************/
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
}

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}