/* @license
 * MyFonts Webfont Build ID 2436810, 2012-12-23T16:25:44-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed /resources/fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Brandon Grotesque Medium by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/medium/
 * Copyright: Copyright (c) 2009 by Hannes von Doehren. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2436810
 * 
 * © 2012 Bitstream Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

/*@import url("//hello.myfonts.net/count/252eca");*/

  
@font-face {
	font-family: 'BrandonGrotesque-Medium';
	src: url('/resources/fonts/252ECA_0_0.eot');
	src: url('/resources/fonts/252ECA_0_0.eot?#iefix') format('embedded-opentype'),url('/resources/fonts/252ECA_0_0.woff') format('woff'),url('/resources/fonts/252ECA_0_0.ttf') format('truetype');
}
 

body{
	background: #fffef0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #655656;
}

.fixed:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.fixed{
	display:block;
}

/*  \*/
.fixed{
	min-height:1%;
}
* html .fixed{
	height:1%;
}

.clearfix{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.left{
	float: left !important;
}

.right{
	float: right !important;
}


.dot_allison{
	display: inline-block;
	zoom: 1;
	*display: inline;
	width:10px;
	height: 100%;
	text-indent: -9999px;
}

#header{
	height: 180px;
	position: relative;
}

#logo{
	width: 240px;
	height : 42px;
	margin: 18px auto 18px auto;
	text-align:center;
}

#logo a{
	font-family: BrandonGrotesque-Medium, Verdana, Geneva, sans-serif;
	font-size: 26px;
	line-height:26px;
	display: block;
	height : 42px;
	color: #655656;
	text-decoration: none;
}

#logo a span{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	display: block;
	line-height:23px;
}

#header_artwork_holder{
	height: 104px;
	position: relative;
	text-align:center;
}

#header_artwork{
	height: 104px;
	margin: 0 auto;
}

#header_artwork.blank{
	width: 104px;
	height: 104px;
	margin: 0 auto;
	background: url(/resources/images/header_artwork_bg.png) no-repeat center center;
}

#enjoy_bouble{
	width: 116px;
	height: 75px;
	background: url(/resources/images/header_artwork_bubble.png) no-repeat center center;
	position: absolute;
	top:0px;
	left: 50%;
	margin-left: -168px;
}


#menu{
	max-width: 740px;
	padding: 0 10px;
	margin: 0 auto;
}

#menu ul{
	display: block;
	height: 20px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #655656;
}

#menu ul li{
	font-size:12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #655656;
}

#menu ul li a{
	font-family: BrandonGrotesque-Medium, Verdana, Geneva, sans-serif;
	font-size:20px;
	color: #655656;
	text-decoration: none;
	-webkit-font-smoothing:antialiased;
}

#menu ul li a:hover{
	text-decoration: underline;
}

#menu ul li a.on{
	color: #362d2a;
}

#menu .dot_allison{
	background: url(/resources/images/dot_allison.png) no-repeat 0px -4px;
}

#menu ul li a.soon{
	position: relative;
	overflow: visible;
}

#menu ul li a.soon span{
	position: absolute;
	display: block;
	background: #ff012f;
	color: #fff;
	top:-2px;
	right: -15px;
	padding: 2px 4px;
	font-size: 12px;
	transform: rotate(30deg);
	-ms-transform: rotate(30deg); /* IE 9 */
	-webkit-transform: rotate(30deg); /* Safari and Chrome */
}

#work_filter{
	text-align: center;
	min-height: 36px;
	height: auto !important;
	height: 36px;
	line-height: 36px;
}

#work_filter li{
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#work_filter li a{
	display: block;
	font-family: BrandonGrotesque-Medium, Verdana, Geneva, sans-serif;
	-webkit-font-smoothing:antialiased;
	font-size: 15px;
	color: #655656;
	text-decoration: none;
	padding-left: 32px;
	background: url(/resources/images/filter_bg.png) no-repeat left -2px;
}

#work_filter li a:hover, #work_filter li a.on{
	background: url(/resources/images/filter_bg.png) no-repeat left -42px;
}


#work_container{
	display: block;
	width: 1040px;
	overflow: hidden;
	margin: -6px auto 0 auto;.
}

@media all and (max-width: 1040px) {
	#work_container{
	width: 780px;
	}
}

@media all and (max-width: 780px) {
	#work_container{
	width: 520px;
	}
}

@media all and (max-width: 520px) {
	#work_container{
	width: 260px;
	}
}

#work_footer{
	max-width: 740px;
	padding: 0 10px;
	margin: 0 auto 10px auto;
}

#work_footer_border{
	height: 30px;
	border-bottom: 1px solid #655656;
}


.work_item{
	width: 240px;
	height: 180px;
	display: block;
	float: left;
	position: relative;
	margin: 10px;
	overflow: hidden;
}

.work_item a{
	text-decoration: none;
	color: #fff;
}

.work_artwork, .work_info{
	position: absolute;
	display: block;
	width: 240px;
	height: 180px;
	left: 0px;
}

.work_artwork{
	top: 0px;
}

.work_info{
	bottom: 0px ;
	display: none ;
	position: absolute;
	text-align: center;
	background:#e06960;
	background: rgb(224, 105, 96); /* The Fallback */
    background: rgba(224, 105, 96, 0.8); 
	color: #fff;
	/*bottom: -180px;*/
}


.work_info_holder{
	width: 240px;
	height: 180px;
	overflow: hidden; 
	position: relative;
}

.work_info_holder{
	display: table;
	position: static;
}

.work_info_holder_middle {
	position: absolute; 
	top: 50%;
} /* for adaptive (quirk) explorer only*/

.work_info_holder_middle{
	display: table-cell; 
	vertical-align: middle; 
	width: 100%; 
	position: static;
}

.work_info_holder_middle_inner{
	position: relative; top: -50%
}

.work_info h3{
	font-family: BrandonGrotesque-Medium, Verdana, Geneva, sans-serif;
	-webkit-font-smoothing:antialiased;
	font-size:20px;
	line-height: 24px;
}
.work_subtitle{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	margin-top: 1px;
}

#footer{
	text-align: center;
}

#footer_info{
	line-height: 23px;
	font-family: BrandonGrotesque-Medium, Verdana, Geneva, sans-serif;
	-webkit-font-smoothing:antialiased;
	font-size: 16px;
	color: #655656;
}


#footer_info a{
	color: #655656;
}


#thank_note{
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	font-style: italic;
	color: #655656;
	line-height: 16px;
	margin-bottom: 28px;
}

#footer_copyright{
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color: #655656;
	line-height: 16px;
	margin-bottom: 20px;
}

.share_menu{
	/*width: 200px;*/
	width: 166px;
	height: 50px;
}

#header .share_menu{
	position:  absolute;
	top: 0px;
	right: 0px;
}

#footer .share_menu{
	margin: 0 auto;
}

.share_menu a{
	display: block;
	float: left;
	height: 25px;
}

.share_menu a.mail{
	width: 36px;
	background: url(/resources/images/share_sprite.png) no-repeat left top;
}

.share_menu a.mail:hover{
	background: url(/resources/images/share_sprite.png) no-repeat left -25px;
}

.share_menu a.behance{
	width: 42px;
	background: url(/resources/images/share_sprite.png) no-repeat -36px top;
}

.share_menu a.behance:hover{
	background: url(/resources/images/share_sprite.png) no-repeat -36px -25px;
}

.share_menu a.blogger{
	width: 28px;
	background: url(/resources/images/share_sprite.png) no-repeat -78px top;
}

.share_menu a.blogger:hover{
	background: url(/resources/images/share_sprite.png) no-repeat -78px -25px;
}

.share_menu a.pinterest{
	width: 31px;
	background: url(/resources/images/share_sprite.png) no-repeat -106px top;
}

.share_menu a.pinterest:hover{
	background: url(/resources/images/share_sprite.png) no-repeat -106px -25px;
}

.share_menu a.facebook{
	width: 29px;
	background: url(/resources/images/share_sprite.png) no-repeat -137px top;
}

.share_menu a.facebook:hover{
	background: url(/resources/images/share_sprite.png) no-repeat -137px -25px;
}

.share_menu a.twitter{
	width: 34px;
	background: url(/resources/images/share_sprite.png) no-repeat -166px top;
}

.share_menu a.twitter:hover{
	background: url(/resources/images/share_sprite.png) no-repeat -166px -25px;
}

/* work single */

#work_single{
	padding: 0 14px;
	/*margin-bottom: 20px;*/
	margin: 20px 0px;
}

#work_gallery{
	display: block;
	height: 530px;
	position: relative;
	margin-bottom: 15px;
}

#work_gallery .image_holder{
	position: absolute;
	top:0;
    left:0;
    z-index:8;
    text-align: center;
    overflow: hidden;
    display: none;
    width: 100%;
    height: 530px;
}

#work_gallery .image_holder.active {
    z-index:10;
    display: block;
}

#work_gallery .image_holder.last-active {
    z-index:9;
}

#work_gallery .image_holder img{
	background: #cecdc2;
	height: 530px;
	cursor: pointer;
}

#work_single_description{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	width: 660px;
	margin: 0 auto 10px auto;
	color: #655656;
}

#work_single_nav{
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-family: BrandonGrotesque-Medium;
	width: 540px;
	margin: 0 auto 10px auto;
	position: relative;
}


#work_single_nav h1{
	max-width: 330px;
	font-size: 20px;
	height: 20px;
	text-align: center;
	display: inline-block;
}

.work_single_title{
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	position: relative;
}



.dot.dot_allison{
	background: url(/resources/images/dot_allison.png) no-repeat -20px 0px;
}

.article.dot_allison{
	background: url(/resources/images/dot_allison.png) no-repeat -20px -4px;
}


#work_single_nav .dot_allison{
	background: url(/resources/images/dot_allison.png) no-repeat 0px 0px;
}


#work_single_nav a{
	font-size: 15px;
	color: #c1b1a8;
	text-decoration: none;
	position: absolute;
	top:1px;
}

#work_single_nav a:hover{
	text-decoration: underline;
}

#prev_project{
	text-align: left;
	left: 0px;
}

#next_project{
	text-align: right;
	right: 0px;
}

.singleGalleryNav{
	position: absolute;
	top: 50%;
	margin-top: -27px;
	display: block;
	width: 54px;
	height: 54px;
	text-indent: -9999px;
	z-index: 9999;
}

#prevImage{
	margin-left: -530px;
	left: 50%;
	background: url(/resources/images/gallery_nav.png) no-repeat 0px 0px;
}

#prevImage:hover{
	background: url(/resources/images/gallery_nav.png) no-repeat 0px -60px;
}

#nextImage{
	margin-right: -530px;
	right: 50%;
	background: url(/resources/images/gallery_nav.png) no-repeat -60px 0px;
}

#nextImage:hover{
	background: url(/resources/images/gallery_nav.png) no-repeat -60px -60px;
}

@media all and (max-width: 1040px) {
	#prevImage{
		margin-left: -530px;
	}

	#nextImage{
		margin-right: -530px;
	}
}

@media all and (max-width: 780px) {
	#prevImage{
		margin-left: -380px;
	}

	#nextImage{
		margin-right: -380px;
	}
}

@media all and (max-width: 520px) {
	#prevImage{
		margin-left: -260px;
	}

	#nextImage{
		margin-right: -260px;
	}
}

#work_single_gallerynav{
	font-family: BrandonGrotesque-Medium;
	text-align: center;
	color: #c1b1a8;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 18px;
	line-height: 18px;
	letter-spacing: 5px;
	
}


#work_single_info{
	font-size: 8px;
	text-align: center;
	margin-bottom: 20px;
	height: 12px;
}

/*#work_single_info .work_client{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 12px;
	height: 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	
}*/

#work_single_info .dot_allison{
	width: 10px;
	height: 12px;
	background: url(/resources/images/dot_allison.png) no-repeat -20px -6px;
}

#work_single_info a{
	color: #655656;
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#work_single_info a:hover{
	text-decoration: underline;
}

#work_single_info .year, #work_single_info .client{
	font-family: BrandonGrotesque-Medium;
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#work_single_info a.social {
	text-transform: uppercase;
	font-family: BrandonGrotesque-Medium;
}

#work_single_info .client a{
	font-family: BrandonGrotesque-Medium;
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-transform: uppercase;
}

/*article*/

#articles{
	margin-top: 20px;
}

.article_item{
	text-align: center;
	margin-bottom: 30px;
}

.article_time{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 15px;
}

.article_item h2{
	color: #655656;
	font-family: BrandonGrotesque-Medium;
	font-size: 20px;
	margin-bottom: 24px;
}

.article_item h2 a{
	color: #655656;
	text-decoration: none;
}

.article_item h2 a:hover{
	text-decoration: underline;
}


.article_image img{
	background: #655651;
	border: none;
}

.article_image{
	margin-bottom: 15px;
}

.article_description{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 10px;
}

.article_text{
	width: 696px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 30px auto 40px auto;
	line-height: 14px;
}

.article_link{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 30px;
}

.article_link a{
	color: #655656;
	text-decoration: none;
	text-transform: uppercase;
}

.article_share{
	width: 480px;
	height: 1px;
	margin: 0 auto;
	border-bottom: 1px solid #655651;
	position: relative;
	text-align: center;
}

.article_share ul{
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 200px;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #655651;
	margin-left: -90px;
	background: #fffef1;
/*	background: #f00;*/
	color: #655656;
	font-family: BrandonGrotesque-Medium;
	font-size: 11px;
	text-align: center;
	display: inline;
}

.article_share ul li{
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-size: 9px;
	line-height: 11px;
	height: 10px;
	margin: 0 1px;
}

.article_share ul li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #655656;
	font-size: 11px;
}

.article_share ul li a:hover{
	text-decoration: underline;
}
.article_share .dot_allison{
	height: 10px;
	background: url(/resources/images/dot_allison.png) no-repeat 0px -6px;
}

/*profile*/

#profile_image{
	margin: 25px 0 20px 0;
	text-align: center;
}

#profile_text{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
}

.profile_part{
	width: 492px;
	margin: 0 auto 25px auto;
}

.profile_part hr{
	border-bottom: 1px solid #655656;
	border-top: none;
	border-left: none;
	border-right: none;
	margin: 16px auto 0 auto;
	width: 442px;
}

.profile_part hr.crafts{
	margin: 0 auto;
}

.clients_exibitions{
	width: 50%;
	text-align: center;
}

.clients_exibitions h3{
	color: #655656;
	font-family: BrandonGrotesque-Medium;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.clients_exibitions ul li{
	line-height: 17px;
	font-family: BrandonGrotesque-Medium;
	font-size: 12px;
}

.profile_footer h3, #crafts h3{
	line-height: 23px;
	font-family: BrandonGrotesque-Medium;
	font-size: 16px;
	margin-bottom: 15px;
}

.profile_footer .dot_allison{
	width: 20px;
	background: url(/resources/images/dot_allison.png) no-repeat -30px 2px;
}

.clients_exibitions .dot_allison{
	width: 12px;
	background: url(/resources/images/dot_allison.png) no-repeat -54px -4px;
}

#crafts .dot_allison{
	width: 12px;
	background: url(/resources/images/dot_allison.png) no-repeat -54px 2px;
}

#crafts{
	text-align: center;
}

#crafts h3{
	margin-top: 25px;
}

#crafts table{
	margin: 0 auto;
}

#crafts table tr{
	height: 125px;
}

#crafts table tr td{
	width: 123px;
	padding: 6px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 15px;
	font-style: italic;
}

#crafts table tr td strong{
	font-family: BrandonGrotesque-Medium;
	font-size: 14px;
	line-height: 15px;
	font-style: normal;
}

#crafts ul{
	display: block;
	width: 420px;
	margin: 0 auto;
}

#crafts ul li{
	display: inline-table;
	zoom: 1;
	*display: inline;
	width: 123px;
	padding: 6px;
	height: 110px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 15px;
	font-style: italic;
}

#crafts ul li strong{
	font-family: BrandonGrotesque-Medium;
	font-size: 14px;
	line-height: 15px;
	font-style: normal;
}

.share_lnk{
	text-decoration: none;
}

.share_lnk:hover{
	text-decoration: underline;
}