body{
	background-color: #000000;
	margin: 0px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 12pt;
	font-weight: lighter;
}

a, a:link, a:focus, a:visited, a:active{
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

.clear{
	clear: both;
}

.left{
	float: left;
}
.right{
	float: right;
}

#container{
	padding-top: 20px;
	width: 100%;
}
#top_bar{
	width: 950px;
	height: 87px;
	margin-bottom: 10px;
}
#logo{
	float: left;
	background: transparent url('../images/logo_tales.jpg') no-repeat left top;
	width: 163px;
	height: 87px;
	cursor: pointer;
}
.top_bar_icons{
	float: left;
	width: 30px;
	height: 25px;
	margin-left: 0px;
	margin-top: 58px;
	cursor: pointer;
}
#icon_facebook{
	background: transparent url('../images/bt_facebook.jpg') no-repeat left top;
	margin-left:20px;
}
#icon_facebook:hover{
	background-image: url('../images/bt_facebook_roll.jpg');
}
#icon_twitter{
	background: transparent url('../images/bt_twitter.jpg') no-repeat left top;
}
#icon_twitter:hover{
	background-image: url('../images/bt_twitter_roll.jpg');
}
#icon_youtube{
	background: transparent url('../images/bt_youtube.jpg') no-repeat left top;
}
#icon_youtube:hover{
	background-image: url('../images/bt_youtube_roll.jpg');
}

#sections_menu{
	float: right;
	margin-top: 62px;
}
#sections_menu>div{
	float:left;
	text-transform: uppercase;
	font-weight: 600;
	
}
#sections_menu>div>a:hover, #sections_menu>div>a.nav-menu.active{
	color: #d81921;
	outline: none;	
}


.back_img{
	position: absolute;
	width: 100%;
	height: 400px;
}
#back_1{
	z-index: -1;
	/*background: #558BC4 url('../images/back1.jpg') no-repeat center top;*/
}
#back_2{
	z-index: -2;
	/*background: #D81921 url('../images/back1.jpg') no-repeat center top;*/
}

#content{
	width: 950px;
	padding-top: 10px;	
	min-height: 300px;
}


/*
 * HOME
 */
#home_visor .details{
	width: 240px;
	height: 400px;
	background: transparent url('../images/visor_back.jpg') no-repeat center top;
	position: relative;
}

#home_visor #center_title{
	margin-top: 80px;
	font-size: 20pt;
	font-weight: 300;
	width: 90%;
}
#home_visor #center_description{
	font-size: 11pt;
	margin-top: 20px;
	font-weight: 300;
	width: 90%;
}
#home_visor #center_description a:hover{
	text-decoration: underline;
}

#home_visor #center_arrow{
	background: transparent url('../images/tales_home_arrow.png') no-repeat center center;
	width: 100%;
	height: 37px;
	position: absolute;
	bottom: 10px;
	cursor: pointer;
}

#thumbs_fav{
	margin-top: 20px;
	text-align: left;
}

#thumbs_fav .thumb_fav{
	float:left;
	margin-left: 20px;
	height: 250px;
}


#thumbs_fav .thumb_fav.firstDiv{
	margin-left: 0;
	margin-right: 0;
}

#thumbs_fav .thumb_fav .thumb_fav_img_div{
	width: 303px;
	height: 170px;
	text-align: center;
	cursor:pointer;
}
#thumbs_fav .thumb_fav .thumb_fav_img{
	width: 100%;
	height: 100%;
}

#thumbs_fav .thumb_fav .thumb_fav_img.active{
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}

#thumbs_fav .thumb_fav_img img.icon{
	margin-top: 50px;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
#thumbs_fav .thumb_fav_title, #thumbs_fav .thumb_title{
	width: 303px;
	font-size: 11pt;
	margin-top: 10px;
	font-weight: 300;
	word-wrap: break-word;	
}
#thumbs_fav .thumb_title, #thumbs_fav .thumb_client{
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: 300;
}
#thumbs_fav .thumb_client{
	margin-top:5px;
	color: #d81921;
}


/*
 * FOOTER
 */
#bottom_bar{
	margin-top: 60px;
	width: 100%;
	height: 200px;
	background: transparent url('../images/back_footer.png');
	text-align: center;
}
#bottom_bar #bottom_content{
	width: 950px;
}
#bottom_bar .bottom_section{
	
	font-size: 10pt;
	float:left;
	width: 135px;
	text-align: left;
	border-left: solid 1px #ffffff;
	padding:10px 0 0 20px;
	margin-top: 20px;
	min-height: 150px;
}
#bottom_bar .bottom_section:first-of-type{
	border: none;
	padding:10px 0 0 0;
}
#bottom_bar .bottom_section .bottom_title{
	text-transform: uppercase;
	font-weight: 700;
}
#bottom_bar .bottom_section ul{
	list-style: none;
	margin:0;
	padding: 0; 
	font-weight: 300;
}
#bottom_bar .bottom_section ul li{
	margin-top: 10px;
    font-size: 11px;
}

#bottom_bar .bottom_section ul li:hover{
	color: #d81921;
}

/*
 * CONTACT
 */
#contact_content{
	margin-top: 40px;
	text-align : left;
	font-weight: 400;
	text-transform: uppercase;
}
#contact_content #form_content{
	width: 486px;
}
#contact_form .label{
	margin-top: 30px;
	margin-bottom: 5px;
}
#contact_form input, #contact_form textarea{
	border: none;
	background-color: #ffffff;
	font-size: 20pt;
	line-height: 30px;
}
#contact_form input.mid{
	width: 478px;
	height: 83px;
	border: solid 3px #ffffff;
}
#contact_form textarea.large{
	width: 478px;
	height: 175px;
	border: solid 3px #ffffff;
}
#contact_form .form-actions{
	margin-top: 30px;
}
#contact_form button{
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	border: none;
	font-weight: 400;
	color: #ffffff;
	background: #d41820; /* Old browsers */
	background: -moz-linear-gradient(top,  #d41820 10%, #46080b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#d41820), color-stop(100%,#46080b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d41820 10%,#46080b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d41820 10%,#46080b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d41820 10%,#46080b 100%); /* IE10+ */
	background: linear-gradient(top,  #d41820 10%,#46080b 100%); /* W3C */
	width: 162px;
	height: 44px;
	margin-right: 20px;
} 

#contact_form input.t_incomplert, #contact_form textarea.ta_incomplert{
	border-color: #d81921;
}


.mail_msg{
	margin-top: 50px;
	font-size: 14pt;
	text-transform: uppercase;
}


.msg_ok{	
	color:#3ec801;
}

.msg_error{
	color: #d81921;
}