/* 

Theme name : BEMIND
Description : Futuristic Lab Theme
Version : 1
Author : Devilcantburn
Author URL : http://www.devilcantburn.com

*/


/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{
	margin:0;
	padding:0;
	}
	
ul{ list-style:none; }

a, a:hover{
	border:none;
	outline:none;
	text-decoration:underline;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	background:#171717;
	color:#FFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
	position:relative;
	}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#FFF;
	font-family:'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:36px; }
h2{	font-size:24px; text-align:center; }
h3{	font-size:36px; letter-spacing:-2px; }
h4{	font-size:24px; }
h5{	font-size:18px; }
h6{	font-size:14px; }

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

#header{ /* Theme file */ }
	#header .content{
		background:url(../images/header_content_bg.png) no-repeat 50% top;
		margin:0 auto;
		width:960px; height:213px;
	}

/* ------------------------------- Logo */
#header #logo{
	clear:both;
	margin:0 auto;
	width:622px; height:147px;
}
	#header #logo h1 a{
		display:block;
		margin:0 auto;
		width:200px; height:110px;
		}
	
/* ------------------------------- Menu */	
#header #menu{
}
	#header ul#menu{
		display:block;
		float:left;
		height:39px;
		line-height:39px;
		margin:0 0 0 15px;
	}
	#header ul#menu li{
		display:inline;
		float:left;
		margin:0 18px 0 0;
		text-align:center;
	}
	#header ul#menu li a{
		background:url(../images/nav_base.png);
		color:#999;
		display:block;
		float:left;
		font-weight:bold;
		text-transform:uppercase;
		width:132px; height:39px
	}
	#header ul#menu li a:hover{}
	#header ul#menu li a.current{}

/* ------------------------------- SEARCH ENGINE */
#search_form { float: right; display: inline; width: 180px; margin:0 15px 0 0;}
#search_form .field { float: left; display: inline; height: 39px; width: 144px; background: url(../images/search_field.png) no-repeat 0 0; }
#search_form .field input { color: #999; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; }
#search_form .button { float: left; display: inline; height: 39px; width: 36px; cursor: pointer; border: 0; background: url(../images/search_submit_btn.png) no-repeat 0 0; }
#search_form .button:hover { }



/* -------------------------------------------------------------------------------------- TEASER */

#teaser{
	}
	#teaser .content{
		margin:0 auto;
		width:960px; height:350px;
		clear:both;
	}


	#slider{
	margin:0 15px;
	position:relative;
	width:930px; height:304px;
}
	
	#slider .overl{
		background:url(../images/slider_bg.png) no-repeat 50% 50%;
		display:block; float:left;
		position:absolute;
		z-index:10;
		width:930px; height:304px;
	}
	#slider #slider_img{
	 width:930px; display:block; float:left; overflow:hidden; height:300px; }
	#slider #slider_img div{ }
	
	#slider #myController{
	background:url(../images/counter.png);
	color:#FFF;
	display:block;
	float:left;
	text-align:center;
	padding:25px 0 0 250px;
	width:373px;
	height:85px;
	position:absolute;
	top:238px;
	left:149px;
	z-index:12;
	}
	#myController span{
		background:url(../images/slider_base.png) no-repeat 50% 50%;
		display:block; float:left;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-decoration:none; text-indent:-9000px;
		cursor:pointer;
		margin:0 20px 0 0;
		width:17px; height:18px;
	}
	
	#myController span.jFlowSelected {
		background:url(../images/slider_current.png) no-repeat 50% 50%;
		}
	
	#slider .jFlowPrev, #slider .jFlowNext{
		cursor:pointer;
		float:left;
		position:absolute;
		width:35px;	height:194px;
		z-index:11;
	}
	#slider .jFlowPrev{
		top:57px;
		left:-15px;
	}
	#slider .jFlowPrev a{
		display:block;
		width:35px;	height:194px;
	}
	#slider .jFlowPrev a:hover{
	}
	#slider .jFlowNext a{
		display:block;
		width:35px;	height:194px;
	}
	#slider .jFlowNext a:hover{
	}
	#slider .jFlowNext{
	top:57px;
	right:-15px;
	}

#slider .loader { background:url(loader.gif) no-repeat 50% 50%; }

/* -------------------------------------------------------------------------------------- MAIN */

#main{
	}
	#main .content{
		margin:0 auto;
		width:960px; padding:20px 0;
		font-size:14px;
	}
	
#main p{
	padding:8px 0;
	font-size:14px;
	}
/* -------------------------------------------------------------------------------------- Blog element */

.blog{
	clear:both;
	display:block;
	height:100%;
	margin:0 0 30px 0;
}

.blog p{
font-size:14px;
}

/* Paginate */
#pagination{
	margin:0 0 0 150px;
}
#pagination li{
	display:inline;
	float:left;
	list-style:none;
	height:40px;
	line-height:40px;
}
#pagination a{
	text-align:center;
	margin:0 5px; padding:5px 6px;
}
#pagination span{ display:none; }
#pagination .previous a{
	border:none;
	display:block;
	float:left;
	width:25px; height:25px;
	padding:5px 0;
	background:url(../images/slider_prev_.png) no-repeat 50% 50%;
}
#pagination .next a{
	border:none;
	display:block;
	float:left;
	width:25px; height:25px;
	padding:5px 0;
	background:url(../images/slider_next_.png) no-repeat 50% 50%;
}

#pagination .active{
	font-size:24px;
	text-align:center;
	margin:0 0 0 5px; padding:0 12px;
}

#pagination a:hover{
}

#comments{
	border-top:5px solid #323232;
	margin:20px; padding:20px 0 0 0;
}
#comments h3{ text-align:right; font-size:16px; }
#comments h3 span{ color:#CCC; font-size:50px; }

.comments_post{
	border:1px solid #323232; border-width:0 0 1px 0;
	margin:20px 0; padding:0 0 20px 0;
	height:100%;
}
.comments_post .avatar{
	float:left;
	width:100px;
}
.comments_post .avatar img{
	border:1px solid #323232;
	padding:7px;
}
.comments_post .user_post{
	float:left;
	margin:0 0 0 10px;
	width:450px;
}
.comments_post .user_post p{
	border:1px solid #323232; border-width:1px 0 0 0;
	font-size:13px;
	padding:8px 0 0 0;
}
.comments_post .user_name{
	font-size:18px;
}

#reply-form{
	clear:both;
	margin:0 20px;
}
#reply-form p{
	clear:both;
	display:block;
	height:30px;
	padding:5px 10px;
}
#reply-form label{
	display:block;
	float:left;
	font-size:12px;
	padding:4px 6px;
	width:80px;
}
#reply-form .field,
#reply-form .textarea{
	border:1px solid #444;
}
#reply-form .field{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px;
}
#reply-form .field:hover{
}
#reply-form .field:focus{
	background:#000;
}
#reply-form .textarea{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px; height:150px;
}
#reply-form #check{
	width:60px;
	text-align:center;
}
#reply-form .textarea:hover{
}
#reply-form .textarea:focus{
	background:#000;
}

/* *hover state forms submit button */
#reply-form .submitter{
		background:url(../images/nav_base.png);
		border:0;
		color:#999;
		display:block;
		float:left;
		margin:0 0 0 390px;
		font-weight:bold;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:39px;
}

		
#reply-form .submitter:hover{
		background:url(../images/nav_hover.png);
}

#reply-form label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}
#reply-form .messager{ height:170px;}

#reply-form .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}
	
	
/* COTNACT */

#contact-form{
	clear:both;
}
#contact-form p{
	clear:both;
	display:block;
	height:30px;
	padding:5px 10px;
}
#contact-form label{
	display:block;
	float:left;
	font-size:12px;
	padding:4px 6px;
	width:80px;
}
#contact-form .field,
#contact-form .textarea{
	border:1px solid #444;
}
#contact-form .field{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:320px;
}
#contact-form .field:hover{
}
#contact-form .field:focus{
	background:#000;
}
#contact-form .textarea{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:320px; height:150px;
}
#contact-form #check{
	width:60px;
	text-align:center;
}
#contact-form .textarea:hover{
}
#contact-form .textarea:focus{
	background:#000;
}

/* *hover state forms submit button */
#contact-form .submitter{
		background:url(../images/nav_base.png);
		border:0;
		color:#999;
		display:block;
		float:left;
		margin:0 0 0 320px;
		font-weight:bold;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:39px;
}

		
#contact-form .submitter:hover{
		background:url(../images/nav_hover.png);
}

#contact-form label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 300px;
	}
#contact-form .messager{ height:170px;}

#contact-form .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 300px;
	}

#map_canvas{
	border:1px solid #ccc;
	margin:20px 0; padding:8px;
	width:420px; height:250px;
}


#gallery_list{
}
#gallery_list li{
	display:block;
	float:left;
	margin:0 5px 20px 15px;
	position:relative;
	width:210px; height:240px;
}
#gallery_list li img{
	background:url(../images/gallery_frame.png) no-repeat;
	padding:9px 10px 9px 8px;
	width:194px; height:194px;
}
#gallery_list .detail{
	background:url(../images/details_btn.png);
	display:block;
	text-align:center;
	position:absolute;
	top:195px;
	left:0;
	width:210px;
	height:35px;
	z-index:20;
}
#gallery_list  a.detail{ font-size:11px; color:#000; }

/* -------------------------------------------------------------------------------------- 4 Columns */

.col1{
	display:block;
	float:left;
	margin:0 15px;
	width:210px;
}
.col2{
	display:block;
	float:left;
	margin:0 15px;
	width:450px;
}
.col3{
	display:block;
	float:left;
	margin:0 15px;
	width:690px;
}
.col4{
	display:block;
	float:left;
	margin:0 15px;
	width:930px;
}
.col8{
	display:block;
	font-size:20px;
	letter-spacing:0px;
	padding:35px 0;
	text-align:center;
	text-transform:uppercase;
	color:#FF3333;
	float:left;
	width:600px;
}

.col_promozione{
	display:block;
	font-size:20px;
	letter-spacing:0px;
	padding:35px 0;
	text-align:center;
	text-transform:uppercase;
	color:#FF3333;
	float:left;
	width:960px;
}


.col_promozione p{
color:#FFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
}

.col_promozione h2{
	color:#FF0000;
	font-size:35px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
}

.col1 h4{	
	background:url(../images/h4_underline.png) no-repeat left bottom;
}

.col1 a{	
	color:#FF0000;
}

.col2 h4{	
	background:url(../images/h4_underline_2cols.png) no-repeat left bottom;
}
.col3 h3, .col3 h4{	
	background:url(../images/h4_underline_3cols.png) no-repeat left bottom;
}


/* -------------------------------------------------------------------------------------- BIGLINE */
.tagline{
	font-size:20px;
	color:#FFF;
	letter-spacing:-2px;
	padding:35px 0;
	text-align:center;
	text-transform:uppercase;
}

/* -------------------------------------------------------------------------------------- FOOTER */

#footer{
	background:#111;
	border-top:1px solid #414141;
	}
	#footer .content{
		margin:0 auto; padding:30px 0;
		width:960px;
	}


/* ------------------------------- Contact form bottom */
#fastcontact_form { width: 210px; height:100%;}
#fastcontact_form div{ margin: 0 0 10px 0;}
#fastcontact_form .field { float: left; display: inline; height: 40px; width: 210px; background: url(../images/fastcontact_field.png) no-repeat 0 0; border: 0; }
#fastcontact_form .field input { color: #999; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; width: 185px; }
#fastcontact_form .area { float: left; display: inline; height: 80px; width: 210px; background: url(../images/fastcontact_area.png) no-repeat 0 0; }
#fastcontact_form .area textarea { color: #999; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; border: 0; width: 185px; height:65px; }
#fastcontact_form .button { float: right; display: inline; height: 40px; width: 40px; cursor: pointer; border: 0; background: url(../images/fastcontact_submit.png) no-repeat 0 0; }
#fastcontact_form .button:hover { background-image: url(../images/fastcontact_submit.png); }

#bottom{
	background:url(../images/Footer_bottom_bg.png) repeat-x left top;
	}
	#bottom .content{
		margin:0 auto;
		width:960px; height:91px;
		position:relative;
	}
	

.copyright{
	float:left;
	padding:25px 0 0 15px;
	text-align: center;
	}

.logo_bottom{
	display:block; float:right;
	padding:25px 0 0 15px;
	width:251px; height:30px;
}
.logo_bottom a{
	background:url(../images/logo_bottom.png);
	display:block;
	width:211px; height:30px;
}

.gotop{
	position:absolute;
	top:-9px;
	left:450px;
	width:65px;
	height:40px;
}
.gotop a{
	background:url(../images/go_top.png);
	display:block;
	width:65px; height:40px;
}

/* -------------------------------------------------------------------------------------- LISTS */
ul.listing_col{
}
ul.listing_col li{
}
ul.listing_col li a{
	color:#999;
	display:block;
	padding:5px 6px;
	border:1px solid #2b2b2b; border-width:0 0 1px 0;
}
ul.listing_col li a:hover{ }

ul.recent_posts{
}
ul.recent_posts li{
	clear:both;
}
ul.recent_posts img{
	float:left;
	margin:0 10px 0 0;
}
ul.recent_posts .title{
	display:block;
	float:left;
	width: 350px;
}
ul.recent_posts .text{
	display:block;
	float:left;
	width: 350px;
}
ul.recent_posts li a{
	color:#999;
	display:block;
	height:80px;
	margin:10px 0 0 0; padding:5px 6px;
	border:1px solid #2b2b2b; border-width:0 0 1px 0;
}
ul.recent_posts li a:hover{ }


/* -------------------------------------------------------------------------------------- Text Design */

.design .biglines{
	color:#6e6e6e;
	clear:both;
	height:100%;
	font-size:16px;
	font-weight:bold;
	margin:15px 0;
}

.design strong{ color:#999; font-size:12px; }/* theme file */
.design ul, .design ol{
	margin:10px 0 10px 50px;
}
.design ul li{
	font:normal 16px/23px Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.design ol {
	color:#999;
	font:italic 18px/23px Arial, Helvetica, sans-serif;
}
.design ol p {
	border:1px solid #323232; border-width:0 0 1px 0;
	color:#FFF;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.design .note{
	color:#666;
	border:1px solid #323232; border-width:0 0 2px 0;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	padding:0 0 3px 0;
	margin:20px;
}
.design .img_left{
	border:1px solid #323232;
	float:left;
	margin:0 12px 0 0; padding:7px;
}
.design .img_right{
	border:1px solid #323232;
	float:right;
	margin:0 0 0 12px; padding:7px;
}
.design .img_blines{
	padding:10px 0 0 0;
}

.design .continue a{
		background:url(../images/nav_base.png);
		color:#999;
		display:block;
		float:right;
		font-weight:bold;
		line-height:39px;
		margin:0 0 10px 0;
		text-align:center;
		text-transform:uppercase;
		width:132px; height:39px;
	}
	.design .continue a:hover{}
	
.design .continuecentro a{
		background:url(../images/nav_base.png);
		color:#999;
		display:block;
		float:left;
		font-weight:bold;
		line-height:39px;
		margin:0 0 10px 0;
		text-align:center;
		text-transform:uppercase;
		width:132px; height:39px;
	}
	.design .continuecentro a:hover{}

.separator{
	background:url(../images/separator_1col.png);
	display:block;
	clear:both;
	margin:15px 0;
	width:210px; height:16px;
}

.separator_2cols{
	background:url(../images/separator_2cols.png);
	display:block;
	clear:both;
	margin:15px 0;
	width:450px; height:16px;
}

.separator_3cols{
	background:url(../images/separator_3cols.png);
	display:block;
	clear:both;
	margin:15px 0;
	width:690px; height:16px;
}

.separator_4cols{
	background:url(../images/separator_4cols.png);
	display:block;
	clear:both;
	margin:15px 0;
	width:930px; height:16px;
}