/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				1.0
*  Created:				2014
*
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css?r=1);
@import url(forms.css?r=1);
@import url(navigation.css?r=1);

@import url(../js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
 	margin: 0 auto -93px auto;
	width: 1000px;
	background: #fafafa;
}


/*-----------------------------------------------------------------------------------
* == HEADER
* --------------------------------------------------------------------------------- */

div#header {padding-top: 20px; margin: 0 auto 0 auto; width: 940px;}
a#logo {display: block; width: 30%; margin: 0; float: left; }
a#logo img {display: block; padding: 0; width: 100%; max-width: 268px; }


div#header_right {width: 60%; height: 60px; float: right; margin-top: 20px; }

/* LANGUAGES */

div#languages {float: left; width: 250px; height: 30px; margin: 18px 0 0 12px; text-align: right; overflow: hidden; color: #d8d8d8;}
div#languages p {width: 68px; float: left; margin: 0; padding: 2px 0 0 0;}

/* .lng_swe div#header_right {width: 435px;} */
.lng_swe div#languages {width: 217px;}
.lng_swe div#languages p {width: 43px;}

div#languages a { color: #d8d8d8;}
div#languages a img { display: block; float: left; width: 20px; margin: 5px 0 0 10px; }
div#languages a span {display: block; float: left; text-align: left; margin: 1px 0 0 5px; }
div#languages a span:hover {text-decoration: underline;}
span.ls_eng {width: 47px;}
span.ls_swe {width: 55px;}


/*-----------------------------------------------------------------------------------
* == CONTENT LAYOUT
* --------------------------------------------------------------------------------- */

img.bottomshadow {width: 100%; display: block; margin: 0 auto; padding: 0;}

div#container { margin: 0 auto 0 auto; padding: 15px 0 0 0; width: 940px;}

div#content {margin: 0 auto; }

.has_col {float: left; width: 745px;} /* If we have a column (like webshop categories), float the content and make it more narrow. */

.box-xsmall, .box-small, .box-medium, .box-large {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	behaivor: url(border-radius.htc);
	border-radius: 3px;
	margin: 0 20px 15px 0;
	float: left;
}
.box-xsmall h1, .box-small h1, .box-medium h1, .box-large h1, .box-xsmall h2, .box-small h2, .box-medium h2, .box-large h2 {
	height: 45px;
	line-height: 45px;
	background: #333;
	margin: 0 0 15px 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-indent: 15px;
}
.box-xsmall h1 a, .box-small h1 a, .box-medium h1 a, .box-large h1 a, .box-xsmall h2 a, .box-small h2 a, .box-medium h2 a, .box-large h2 a {
	color: #fff; /* #bcbcbc */
}

div.inner-box {
	background: #e3e3e3; /* #f0f0f0; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	behaivor: url(border-radius.htc);
	border-radius: 3px;
}

div.box-xsmall {width: 220px; background: url(../img/shadow-xshort.png) no-repeat bottom center;}
div.box-small {width: 300px;}
div.box-medium {width: 620px;}
div.box-large {width: 940px;}

div.box-content {margin: 0 15px 0 15px; padding-bottom: 15px;}

/*
div.push {height: 200px; }

div#footer {clear: both; width: 100%; height: 200px; margin:0 auto; padding: 0; }
div#footer_content {width: 940px; margin: 0 auto; padding-top: 40px; border-top: 6px solid #08439c; }
#footer_content p {text-align: center; font-size: 14px; margin: 0 0 5px 0; color: #777; }
#footer_content p a {color: #777;}
p.madeby, p.madeby a {padding-top: 20px; color: #999 !important; font-size: 14px !important; }
*/

div.push {height: 93px;}

div#footer {clear: both; width: 100%; height: 113px; margin:0 auto; font-size:14px; padding: 0; background: #333;}
div#footer_content {width: 98%; max-width: 900px; margin: 0 auto; padding: 25px 0 0 2%;}
div.footer_column_first, div.footer_column_middle, div.footer_column_last {float: left;}
div.footer_column_first { width: 220px;}
div.footer_column_middle { width: 190px; }
#footer_content p {font-size: 12px; margin: 0; color: #fff;}
#footer_content p a {color: #fff;}
div.footer_column_first p {color: #ccc !important;}
div.footer_column_last p {color: #ccc !important;}
div.footer_column_last p a {color: #aaa !important;}

div.social_icons img {width: 24px; padding-top: 4px;}

.dbContent { }
.with_pics {float: left; width: 580px; }

/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */

div#index_boxes {border-top: 6px solid #08439c; padding-top: 20px;}
div#index_boxes div.inner-box p {height: 40px;}
div#index_boxes a.button_important {float: right;}


a.news_img_bg {
		display: block; position: absolute; width: 330px; height: 55px; margin-top: -67px; background: #000;
		filter:alpha(opacity='30');
		opacity: 0.3;
		-moz-opacity:0.3;
		-khtml-opacity: 0.3;
}
a.news_img_title {display: block; position: absolute; width: 330px; height: 55px; padding: 0; margin: -55px 0 0 10px; font-size: 20px; font-weight: bold; color: #fff; z-index: 3;}

div.index_column {padding-bottom: 10px;}
div#small_logos {height: 65px; overflow: hidden; text-align: center; border-top: 1px solid #efefef; padding-top: 10px;}
#small_logos a {}

img.column_about_us {display: block; margin-bottom: 20px;}

p.devis {color: #8cb2d7; font-size: 16px; font-weight: bold;}


div.prod_promo {background: #5f6062; font-size: 15px; font-weight: normal; color: #fff; padding: 4px 8px 4px 8px; margin-bottom: 10px; }
.prod_left {float: left;}
.prod_right {float: right;}
.prod_promo a {clear: both; display: block; font-size: 12px; color: #fff; padding-top: 2px;}

/*-----------------------------------------------------------------------------------
* == SEARCH RESULTS
* --------------------------------------------------------------------------------- */

form#search_box {float: right; display: block; width: 250px; margin: 1px 5px 0 0; }
div.search_post p {margin: 0;}
div.search_post p span, div.search_post h2 a span {background: #C6E4FC;}

	div.search_post a.button_important { display: block; width: 110px !important; margin-top: 15px !important; padding: 0 !important;}
	div.search_post a.button_important span {padding: 0 !important; display: block; width: 70px; text-transform: uppercase; text-indent: 14px; }

form#search_box fieldset {margin: 0;}
form#search_box input { width: 250px; outline: none; border: 1px solid #ccc; height: 40px; line-height: 40px; font-size: 13px; color: #68696a; background: #fff; text-indent: 8px; }
form#search_box a {display: block; position: relative; margin: -37px 0 0 215px; width: 32px; height: 32px; background: url(../img/bg_input_search.png) no-repeat center center;}

/*-----------------------------------------------------------------------------------
* == PROJECTS AND GOOGLE MAPS:
* --------------------------------------------------------------------------------- */

div.gmap_infobox h4, div.gmap_infobox h4 a, div.gmap_infobox h4 a:hover {color: #88b3da !important;}
div.gmap_infobox h4 {padding-top: 5px;}

#VPContain {
	clear: both;
	margin-bottom: 15px;
}

#VPContain .inner {
    padding: 13px;
    background: #fff;
    height: 300px;
    margin: 0 27px 13px 27px;
}

#VPContain #map {
    width: 780px;
    height: 300px;
}

#RightContainer #VPContain #map {
    width: 300px;
    height: 635px;
}

/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}

	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
div.regular_image {float: right; width: 32%;}
.regular_image img {width: 100%;}
div.regular_image a {display: block; margin: 0; padding: 0;}
div.regular_image img {display: block; margin: 0; padding: 0;}
div.regular_image p {color: #666; text-decoration: none; padding: 5px; margin: 0; border-top: 1px solid #ccc;}

div.more_pics {clear: both; vertical-align: top; }
div.more_pics div.regular_image {float: none !important; display: inline-block !important; margin: 15px 1% 0 1%; width: 31.333%; border: 0; vertical-align: top;}
.more_pics .regular_image img {width: 100%;}
div.first {margin-right: 0 !important;}

ul.images {list-style-type:none; list-style: none; float:right; width: 31%; }
	.images li{ margin: 0 1% 15px 1%; display: inline-block; width: 46%; vertical-align: middle; background: #fff; border: 1px solid #ccc; padding: 5px 0; height: 130px; text-align: center;}
	.images li img {max-width: 90%; vertical-align: middle; margin: 0 auto; max-height: 130px; }
	.images span {display:block; }
	.images p {margin: 0; color: #666;}

.alignleft {float:left; margin:0 15px 0 0; display:block;}
.alignright {float:right; margin:0 3px 0 15px; display:block;}
.aligntop {display:block; margin-bottom:15px;}

.listpic {background: #fff; float: right; width: 30%; margin: 0; text-align: center; vertical-align: middle; padding: 10px 0;}
.listpic img {width: 90% !important; margin: 0 !important; vertical-align: middle; }

ul.news_more_pics {clear: both; float: right; list-style-type: none;}
.news_more_pics li {float: left; margin: 0 10px 7px 0;}
li.npi_row {clear: left; float: left;}
li.npi_last {margin-right: 0;}


/*-----------------------------------------------------------------------------------
* == COLUMN, LATEST PROJECT NEWS etc:
* --------------------------------------------------------------------------------- */

div#column_latest_projects {}
#column_latest_projects div {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
#column_latest_projects h3 {font-size: 14px;}
#column_latest_projects img {display: block; padding: 0; margin: 0 auto 10px auto;}


/* RSS Promo */
div#rss_promo {border-top: 1px solid #ccc; margin-top: 15px; padding-top: 15px;}
	#rss_promo img {float: left; display: block; width: 30px; margin-right: 10px; }
	#rss_promo p {float: left; display: block; width: 190px; line-height: 115%; }


/*-----------------------------------------------------------------------------------
/* == Dreamscape/Perfica Combox Image Slideshow CSS
-----------------------------------------------------------------------------------*/

div#combox_images div, div#combox_fader, div#combox_main {height: 340px; width: 940px;}
/* .page_index div#combox_images div, .page_index div#combox_fader, .page_index div#combox_main {height: 340px !important; width: 620px;} */

.fb_boxen {float: right; width: 622px;}

	div#combox_main { margin: 0 0 20px 0; }
	/* .page_index div#combox_main {float: left;} */
	div#combox_container {width: 100%; height: 100%;}

	div#combox_images div, div#combox_fader { display: none; position: absolute; border: 0; }

	p.cb_bg {
		position: absolute; height: 340px; background: #fff; z-index: 19; width: 290px;
		filter:alpha(opacity='85');
		opacity: 0.85;
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
	}
	div.cb_txt {
		display: block !important;
		width: 260px !important;
		position: absolute; z-index: 19; 
		padding: 0 10px 0 10px;
		margin-top: 10px;
		color: #454545;
		vertical-align: bottom;
		text-shadow: #fff 0 1px 0;
	}
	div.cb_txt p {position: absolute; bottom: 0;}
	span.cb_headline { font-family: 'Titillium Web', sans-serif; display: block; font-size: 25px; line-height: 28px; padding-bottom: 15px; }
	div.cb_txt a.button_important { display: block; width: 110px !important; margin-top: 15px !important; padding: 0 !important;}
	div.cb_txt a.button_important span {padding: 0 !important; display: block; width: 70px; text-transform: uppercase; text-indent: 14px; }
	
	.cb_scrn .cb_bg {margin-top: -346px !important;}
	.cb_scrn .cb_txt {margin-top: -346px !important;}

	div.cb_txt a { color: #454545; }
	div.cb_txt a:hover {text-decoration: none;}
	
	div#combox_fader {
		display: none;
		filter:alpha(opacity='0');
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
	}

	div#combox_main, div#combox_fader { background: #fff; }

	div#combox_linkbox a { display: block; margin-left: 4px; float: left; width: 10px; height: 10px; border: 3px solid #fff; background: #bbb;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behaivor: url(border-radius.htc);
	border-radius: 8px;
	}

	a.cb_inactive {  }
	a.cb_active { background: #08439c !important; }



/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
div#slideshow_container {position:relative; margin: 0; width: 660px; height: 300px; }
#slideshow, #slideshow li {height:300px; }

div#slideshow_overlay {
	width: 660px; height: 300px; position: absolute; z-index: 38;
	/* background: url(../img/slideshow_overlay.png) repeat-x top; */
}

div#slideshow {position:relative; overflow:hidden; width: 660px; }
	div#slideshow li {position:absolute; margin:0;}



/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
.post img { }

.news div.post { }

.news_body { width: 620px; }


/*-----------------------------------------------------------------------------------
* == GOOGLE NEWS
* --------------------------------------------------------------------------------- */

div.news_story {border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 5px;}

div.calendar_date {float: left; width: 60px; height: 66px; background: #f7f7f7; color: #88b3da; border-top: 14px solid #88b3da; }
.calendar_date p { margin: 7px 0 0 0; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: #505050 0px -1px 0; }
.calendar_date span {display: block; margin: 0; padding: 5px 0 0 0; color: #88b3da; font-size: 24px;}

div.news_content {float: left; margin: 0 0 0 20px; width: 550px; }

/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}

	h2.long-name {font-size: 20px; text-align: center; text-indent: 0;}

	.staff-box {height: 315px;}
	.staff-box ul {list-style:none; margin: 0;}
	.staff-box ul li {padding: 0; margin: 0;}

	.staff-position {font-weight: bold;}

table.staff_mobile {display: none; width: 100%;}
.staff_more_info {width: 100%; display: none; vertical-align: top;}
.staff_more_info td {vertical-align: top;}
a.staff_pic_mobile img {width: 100%;}

/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */
div.contact {}
	.contact form {float:left; width:350px; margin-right:15px;}
div#contact_data {width: 520px; float: right; margin-bottom: 15px;}
div#contact_data * {padding: 0; margin: 0;}
div#contact_data table {float: left; width: 250px; margin-right: 16px;}
div#contact_data td {border: 0; border-left: 4px solid #c0c0c0; padding: 0 0 2px 10px;}

form#contact_form {clear: both; float: left; width: 390px; }
/*-----------------------------------------------------------------------------------
* == COMMENTS
* --------------------------------------------------------------------------------- */

div#user_comment { border:1px solid #d3d1ce; padding:15px; background:#f9f7f3; overflow:hidden; margin-top: 30px; }
	#user_comment h4 { font-size: 14px; margin-bottom: 5px; }
	#user_comment legend { padding-bottom: 0; }
	#user_comment button {display: block; width: 85px; float: left; margin: 31px 0 0 10px; }

/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	
div.news_section { }
div.news_latest { }
div.news_left_img {width: 250px; height: 180px; float: left;}
div.news_right_content {width: 325px; float: right; }
div.news_right_content div {height: 138px;}
div.news_right_content div p {margin: 0 !important;}
div.news_right_content a.button {float: right;}

div.news_latest img, div.news_special img {
	display: block; padding: 0; margin: 0;
}

.news_more div.box-content div {height: 138px;}
.news_more a.button {float: right;}
.news_more div.box-content {height: 180px;}
.news_more ul li {list-style: none; margin: 0 0 3px 0; padding-bottom: 3px; border-bottom: 1px dotted #666; padding-right: 10px; background: url(../img/arr3p.png) no-repeat right center; }


ul.latest_cases_ul {list-style: none; }
.latest_cases_ul li {list-style: none; margin: 0 0 3px 0; padding-bottom: 3px; border-bottom: 1px dotted #666; padding-right: 10px; background: url(../img/arr3p.png) no-repeat right center; }

div.videos_latest {float: right; margin-right: 0 !important;}
.videos_latest .box-content div {height: 422px;}

/*-----------------------------------------------------------------------------------
* == SUPPLIERS
* --------------------------------------------------------------------------------- */	

table.reference_list {width: 100%; margin-bottom: 20px;}
.reference_list tr td {vertical-align:middle; padding: 20px 10px; border-bottom: 1px solid #333;}
.reference_list h3 {background: none; padding: 0; margin: 0 0 10px 0; text-indent: 0;}
.reference_list div {border-left: 4px solid #7f2a27; padding-left: 10px; padding-bottom: 1px;}
td.ref_image {width: 260px; text-align: center;}


/* Suppliers promo (first page) */
table#suppliers_promo {clear: both; margin: 0; height: 80px; width: 100% !important;}
	#suppliers_promo tr {display: block; width: 100%; }
	#suppliers_promo tr td {display: inline-block; border: 0; text-align: center; vertical-align: middle; padding: 20px 0 20px 0; width: 25%; max-width: 25%;}
	#suppliers_promo a, #suppliers_promo img {margin: 0 auto; padding: 0; max-width: 90%;}
	img.sup_gray {display: block;}
	img.sup_color {display: none;}
	
/*-----------------------------------------------------------------------------------
* == WEBSHOP
* --------------------------------------------------------------------------------- */	

div.webshop_index {width: 745px; float: left;}

div.product {float: left; width: 170px; border: 1px solid #ccc; margin: 0 10px 10px 0; background: #fff;}
a.a_prod_img {display: block; width: 160px; height: 200px; margin: 10px auto 0 auto; text-align: center; vertical-align: middle;}
div.product_list_content {height: 95px; width: 150px; margin: 10px 10px 0 10px;}
div.product_list_content h3 {font-size: 14px;}
div.products_list div.alpha {clear: left; float: left;}
div.products_list div.omega {margin-right: 0;}

div.webshop_view {margin: 0 0 20px 0;}
div#product_pictures {width: 200px; float: left; border: 1px solid #ccc; background: #fff; text-align: center; padding: 10px 0; margin-bottom: 20px;}
div.product_body {width: 525px; float: left; margin-left: 15px;}

/*-----------------------------------------------------------------------------------
* == VIDEOS
* --------------------------------------------------------------------------------- */

.video_view { width: 720px; margin-bottom: 20px; }
.video_description {  }
.video_description h3 {background: #e0e0e0; margin: 0; padding: 6px 10px 5px 10px; border-bottom: 1px solid #d5d5d5; }
.video_description div {padding: 10px 10px 0 10px; }
.videos_list { }
.video_thumb {display: block; float: left; width: 100px; margin-right: 20px; }
.video_thumb img {display: block;}
.videos_list .post {background: #f0f0f0; margin-bottom: 10px; padding: 10px;}
.videos_list .post div {float: left; width: 500px;}
.videos_list .post span.date {display: inline; padding: 0 0 4px 0; font-weight: normal; }

/*--------------------------------------------------------------------------------------------------------
/* ==  AddThis Toolbox
------------------------------------------------------------------------------------------------------- */

.addthis_toolbox {padding: 25px 0 0 0;}
.addthis_box {text-align: right; margin: 10px 0 0 0; }


/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }

/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */

/*-----------------------------------------------------------------------------------
* == ATTACHED FILES
* --------------------------------------------------------------------------------- */

div.file_list { clear: both;  margin: 10px 0 10px 0; }
.file_list h3 {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 0px;}
.file_list ul {list-style-type:none; margin: 0; padding: 0;}
.file_list ul li {margin: 0; padding: 5px 0; border-bottom: 1px dotted #c0c0c0;}
.file_list ul li span {color: #bbb; font-style: italic;}