body {
	background: url("../images/structure/body_background.jpg") no-repeat right top black;
} 
html, body {	height: 100%;}
div { background-color: transparent; }


/* Coworkers properties */
div#drop{
	width: 705px;
	background-color: #000;
	position: absolute;
	left: 50%;
	top: 49px;
	margin-left: -400px;
	border: 10px solid #666;
	z-index: 1000;
	display: none;
	padding: 5px;
}
	div#drop div.coworkers{
		text-align: left;
	}

/* Top properties */
div#top{
	height: 49px;
	background: url("../images/structure/top_bg.gif") repeat-x;
	text-align: center;
}
	div#top_inner{
		width: 800px;
		text-align: left;
		margin: 0 auto;
	}
		div#top_left{
			width: 152px;
			float: left;
		}
			#drop_btn{
				cursor: pointer;
			}
		div#top_middle{
			float: left;
			padding: 7px 0px 0px 12px;
			font-size: 11px;
			color: #616161;
		}
			div#top_middle a{
				color: #616161;
				font-family: Tahoma;
			}

/* Header properties*/
div#header { 
    height: 157px;
    text-align: center;
}
	div#header div#header_content {
		background-color: transparent;
		text-align: center;
        height: 112px;
	}
		div#header div#header_content img { margin: 15px 0 0 0;}
		
/* Content body properties */
div#main_container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -56px;
	position: relative;
	z-index: 20;
}
div#body{
    text-align: center;
}
div#body_content{
    width: 800px;
    margin: 0 auto;
    text-align: left;
}
body.web div#body_content,
body.web_sub div#body_content,
body.web_sub_2 div#body_content,
body.web_sub_3 div#body_content{
    width: 900px;
    margin: 0 auto;
    text-align: left;
}

img.blackborder{
	background: #101010;
	padding: 13px;
}


/* Row properties */
div.row {

	width: 100%;
	background: url("../images/structure/row_background.gif") repeat-x; 
}
    div.row_content.footer{
        width: 900px;
        margin: 0 auto;
    }
	  div.row_content.footer_start{
        width: 800px;
        margin: 0 auto;
    }

	div#slider_holder{
		position: relative;
	}
        div#slider_small{
            width: 677px;
            height: 191px;
			background: url("../images/structure/spotlight_small.png") no-repeat;
			margin: 20px 0 0 -92px;
        }
		div#slider_big{
			width: 585px;
			height: 300px;
			background: url("../images/structure/spotlight_big.png") no-repeat;
		}

/*****************************************************/
/* General page properties (webb, dev, tools, mobile */
/*****************************************************/

/* Menu  */
div#menu {
	display: block;
	float: left;
	background: url("../images/structure/menu_background.png") top repeat-x;
	height: 55px;
	text-align: center;
}
	div#menu div#menu_content {
		background: transparent;
		width: 900px;
		background: url("../images/structure/icon_webb.gif") no-repeat left 11px;
	}
		div.studioLiMenu  ul  {
			position: relative;
			margin-left: 42px;
		}
		div.studioLiMenu ul li, div.studioLiMenu  ul li a {
			display: block;
			float: left;
			color: #FFF;
		}
		#menu ul li a{
			font-family: 'Arimo', arial, serif;
		}
		div#menu div.studioLiMenu  ul li {
			padding: 17px 15px 10px 15px;
			color: #FFF;
		}

#menu.system {
	background: url("../images/structure/menu_background_green.png") top repeat-x;
}
#menu.mobil {
	background: url("../images/structure/menu_background_blue.png") top repeat-x;
}
#menu.webbverktyg {
	background: url("../images/structure/menu_background_red.png") top repeat-x;
}
div#menu.system div#menu_content {
	background: url("../images/structure/icon_dev.gif") no-repeat left 11px;
}
div#menu.mobil div#menu_content {
	background: url("../images/structure/icon_mobile.gif") no-repeat left 11px;
}
div#menu.webbverktyg div#menu_content {
	background: url("../images/structure/icon_tools.gif") no-repeat left 11px;
}
div#sub_menu{
	width: 170px;
	margin: 20px 0px;
}
	div#sub_menu ul{
		width: 170px;
		margin: 0;
		padding: 0;
		left: 0;
	}
		div#sub_menu li{
			width: 160px;
			border-bottom: 1px solid #434343;
			padding: 5px 0px 5px 10px;
		}
			div#sub_menu a{
				font: 11px Tahoma;
				text-transform: none;
				padding: 0;
				margin: 5px 0px;
				float: none;
			}
/* Columns */
body.web div.column.left,
body.web_sub_2 div.column.left,
body.web_sub div.column.left{ width: 315px; margin-top: 15px; }
body.web div.column.right,
body.web_sub_2 div.column.right,
body.web_sub div.column.right {
	width: 585px;
	float: right;
	margin-top: 15px;
}
div.column.left_start{ 
	width: 390px;
}
div.column.right_start{ 
	width: 390px;
	float: right;
}
div.row div.column.left{ 
	width: 330px;
}
div.row div.column.right{ 
	width: 570px;
}
body.web_sub div#body_content div.left{
	width: 170px;
}
body.web_sub div#body_content div.middle{
	width: 400px;
}
body.web_sub div#body_content div.right{
	width: 290px;
	padding: 15px 0px;
}
body.web_sub_2 div#body_content div.column.left{
	width: 170px;
}
body.web_sub_2 div#body_content div.column.right{
	width: 670px;
	float: right;
	margin-top: 20px;
}
body.web_sub_3 div#body_content div.column.content{
	width: 900px;
	margin-top: 20px;
}
/* Content */
div.areabox {
	width: 168px;
	float: left;
	margin: 20px 0 0 20px;
}
/* Coworkers*/
div.coworkers {
	float: left;
	margin: 10px 30px 20px 0;
	height: 250px;
	width: 280px;
	
}
	div.coworkers_frame {
		border: solid #101010 7px;
		width: 280px;
		height: 150px;
		margin: 0 0 6px 0;
	}

div.coworker_image {
	width: 100%;
	height: 100%;
}

div.drop_coworkers {
	float: left;
	width: 225px;
	height: 160px;
	text-align: left;
	margin: 5px;
}
	div.drop_coworkers a{
		font-family: Tahoma;
	}	
	div.drop_coworkers_frame {
		width: 225px;
		height: 108px;
	}
div.drop_coworker_image {
	width: 100%;
	height: 100%;
}
/* References and news */
div#reference_thumbs{
	margin-bottom: 20px;
}
div.reference_thumb{
	float: left;
	width: 250px;
	height: 230px;
	margin: 0px 20px 20px 0px;
}
	div.reference_title{
		margin-top: 10px;
		font-weight: bold;
	}
	div.reference_type{
		margin: 0px;
	}
	div.reference_link{
		margin: 0px;
	}
	div#event_read_type{
		margin: 0px 0px 15px 0px;
		font-weight: bold;
	}
div#image_holder,
div#image_holder_news  {
	    width:500px;
	    float:left;
	    border:1px solid #333;
	    padding:5px
}
div#image_holder_news  {
	width:250px;
}	
div#text_content, div#text_content_news {
	width:360px;
	float:left;
	padding-left:25px;
	margin-top:-5px;
}
	div#text_content_news{
		width:500px;
	}
div#event_read {
    padding-bottom:30px;

}


/* Buttons */
p.button {
	margin: 0;
	padding: 0;
	display: inline;
	height: 38px;
	line-height: 30px;
	background: url("../images/structure/button_background.gif"); 
}
p.button a {
	display: block;
	float: left;
	color: white;
	height: 20px;
	background: url("../images/structure/button_left.gif") no-repeat left top; 
	
}

/* Form properties */

	form#contact_form {
		margin-bottom: 10px;
	}
	form#contact_form div {
	}
	form#contact_form div input.grey, form#contact_form div textarea.grey {
		color: #999;
	}

	form#contact_form input {
		width: 96%;
		background-image: url("/resources/images/input_background.png");
		border: 1px solid #999;
		height: 22px;
		padding: 0 2px 0 3px;

		margin: 0 0 8px 0;
	}
	form#contact_form textarea {
		width: 96%;
		background-image: url("/resources/images/textarea_background.png");
		background-repeat: repeat-x;
		background-color: #8a8a8a;
		border: 1px solid #999;
		padding: 4px;
		resize:none;
		font-size: 1em;
		margin: 0 0 7px 0;
	}
	#contact_form_submit {
		/*width: 96%;
		padding-right:220px;
		padding-bottom:15px;
		font-size: 11px;
		font-family: Tahoma;
		text-align: left;
		background: url("/resources/images/send_mail.png") transparent;*/
		cursor: pointer;
	}
	
	div#contact_form_start{
		width:228px;
		float:right;
		text-align:left;
	}


/* Footer properties */
div.push { height: 80px; clear: both; }
div#footer {
	height: 56px;
	background: url("../images/structure/row_background.gif") repeat-x; 
	clear: both;
	z-index: 90;
	position: relative;
    text-align: center;
}
	div#footer_content { 
		height: 56px; 
		width: 900px;
        text-align: left;
	}
	
	body.web div#footer_content,
	body.web_sub div#footer_content{
		width: 900px; 
	}
	div#footer_content .padding10 {
		width: 388px;
		float: left;
	}
		div.tag_social {
			width: 140px;
			color: #616161;
			position: relative;
			float: right;
			height: 36px;
			right: 20px;
			background: url("../images/structure/tag_social.gif") no-repeat right center; 
			padding-top: 5px;
		}
		div.tag_social p {
			margin: 0;
			position: relative;
			display: inline;
			top: 9px;
		}
		img#twitter, img#facebook {	
			position: absolute;
			top: 9px;
			right: 7px;
		}
		img#facebook {	
			right: 40px;
		}

		div.tag_areas {
			width: 210px;
			height: 110px;
			position: relative;
			left: 110px;
			top: 15px;
			padding-top: 17px;
			background: url("../images/structure/tag_areas.gif") no-repeat center center; 
		}
			div.tag_areas h3 {
				margin-bottom: 5px;
			}
/* Misc properties */
.padding_top {
	padding: 15px 0 0 0;
}

.padding_right {
	padding-right: 15px;
}