/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				1.0
*  Created:				2010
*
* Perfica.se
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

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

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);


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

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

div#wholepage {
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 120%;
	z-index: -2;
	filter:alpha(opacity='1');
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;
}

div#topline {height: 45px; width: 100%; background: #262626; }
div#topline_content {width: 980px; margin: 0 auto; height: 45px;}

div#wrapper {width:980px; margin:0 auto;overflow:hidden; padding: 0 0 40px 0; background: #ffffff; border: 1px solid #ccc; border-top: 0; border-bottom: 0; }
div#container {width:918px; margin:0 auto;}


div#header { width: 980px; height: 220px; }
	#header h1 {margin: 8px 0 0 46px; }
	#header h1 a {}	

div#s_overlay {width: 980px; height: 220px; background: url(../img/header_upper6.png) no-repeat top; position: absolute; z-index: 20; }
div#sb_overlay {width: 980px; height: 220px; background: url(../img/header_lower2.png) no-repeat bottom; position: absolute; z-index: 20; }

	#subtitle {left: 207px;margin: 10px 0 13px;}

a#hyrex_link {display: block; width: 108px; height: 65px; position: absolute; z-index: 25; top: 148px; left: 50%; margin-left: 357px;}

div.column {width:200px;float:left; margin:10px 0 0 10px; }
div.col_left {margin-right: 10px; width: 240px; }
div.col_right {margin-left: 10px;}

div#content {width:720px; margin:20px 20px 0 20px; float:left;}

	
div#google_translate_element {text-align: center;}
	 div.goog-te-gadget-simple {width:182px}


/* SMALL FOOTER */

div#footer {clear:both; width:980px; background:#000; margin:0 auto; color:#c4c4c4; height: 60px;}
	#footer p { line-height: 60px; text-align: center; }

/* BIG FOOTER */

div#bigfoot {background: #000; margin: 50px auto 0 auto; padding: 0; }

div#bigfoot_container {width: 980px; margin: 0 auto; padding: 47px 0 50px 0;}
   #bigfoot_container h3 {color: #fff; font-size: 42px; font-weight: normal; width: 400px; float: left; padding-bottom: 20px;}

   #bigfoot_container form {width: 400px; float: right; text-align: right; padding-top: 10px; }
   #bigfoot_container form input {width: 360px; border: 0; outline: none; height: 36px; line-height: 36px; font-size: 12px; color: #68696a; padding: 0 0 0 8px; }
   #bigfoot_container form a {display: block; position: absolute; margin: -36px 0 0 360px; }

p.book_direct {color: #fff; font-size: 16px; line-height: 140%; padding-top: 5px; margin: 0 0 27px 0; }
p.book_direct span {color: #419ceb; }

div#bigfoot_content { clear: both; margin: 0 auto; padding: 10px 10px 0 10px; border: 1px solid #262626; border-left: 0; border-right: 0; }
div#bigfoot_content ul {float: left; width: 192px; list-style:none; }
div#bigfoot_content ul li { padding: 0 0 1px 0; margin: 0; font-size: 14px;}
div#bigfoot_content ul li a { color: #808080; }
ul.footcat_up {margin-top: -74px; }

div#footer_yada {width: 830px; float: left; }

ul#footer_menu {list-style-type: none; margin-top: 20px; }
ul#footer_menu li {margin: 0 20px 0 0; float: left; }
ul#footer_menu li a {color: #bbbbbb; font-size: 13px; font-weight: bold; }

p#footer_copynotice {clear: left; color: #757575; font-size: 12px; margin: 0; }
p#footer_copynotice a {color: #bebebe; font-weight: bold;}


a#dreamscape_logo {display: block; float: left; margin-top: 20px;}
img#i_made_this {display: block; float: right; position: absolute; margin: -65px 0 0 930px; visibility: hidden; }
p#dlnk {display: none;}

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

div.addthis_default_style {float: left; width: 170px; padding: 0; margin: 15px 0 0 15px;}
.addthis_box {text-align: right; margin: 15px 0; }


/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
div#slideshow_container {position:relative;}
#slideshow_container, #slideshow, #slideshow li {height:220px; width:980px;}
#slideshow_container.slideshow_regular, .slideshow_regular #slideshow, .slideshow_regular #slideshow li { width: 100%; }

div#slideshow_container {}
	#promotion img {}
	#promotion p {}

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

div#page {float:left; width:590px;}	
	
/*-----------------------------------------------------------------------------------
* == 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)
* --------------------------------------------------------------------------------- */	
ul.images {list-style-type:none;}
	.images li{ margin-bottom:15px; margin-left:0; }
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}
	.images p {color: #606060; font-style:italic;}

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


/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */

form#contact_form {width: 370px; float: left; }
form#contact_form legend {font-weight: bold;}
div#contact_map {width: 550px; float: left; margin-left: 15px; }

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}
	.post h4 {margin: 0;}
	.post h4 a {color: #000 !important;}

span.date {display: block; margin-bottom: 15px; font-weight: bold; color: #606060;}

.news_view h1 {margin-bottom: 5px; }


/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff div.post {float: left; width: 320px; margin-left: 20px; height: 95px; }
	.staff div.post img {float: left; display: block; margin-right: 10px; border: 3px solid #ccc; }
	.staff div.post div {float: left; width: 200px; }
	.staff div.row {clear: left; float: left; margin-left: 0; }

	.staff h4 {margin-bottom:5px; font-size: 14px; }
	.staff ul { list-style:inside; list-style-type:none; }
	.staff ul li {margin: 0;}


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

table.reference_list {width: 100%; border-top: 1px solid #ccc;}
.reference_list tr td {vertical-align:middle; padding-top: 20px;}
td.ref_image {width: 260px; text-align: center;}

/* Suppliers promo (first page) */
table#suppliers_promo {margin-top: 10px; height: 80px; width: 100%;}
	#suppliers_promo tr td {border: 4px solid #a3a60f; border-left: none; border-right: none; text-align: center; vertical-align: middle; padding: 0;}
	#suppliers_promo a, #suppliers_promo img {margin: 0 auto; padding: 0;}
	img.sup_gray {display: block;}
	img.sup_color {display: none;}



/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	

div#news_latest_list {}
div#news_latest_list ul {list-style: none; margin: 0;}
div#news_latest_list ul li {margin: 0; border-bottom: 1px solid #d0d0d0; padding-bottom: 15px; margin-bottom: 15px; }
div#news_latest_list ul li span {color: #606060; font-style: italic; display: block;}
div#news_latest_list ul li a {font-weight: bold; color: #606060; font-size: 14px;}



/*--------------------------------------------------------------------------------------------------------
/* ==  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; }
