@import url('reset.css');

/* 
	Main CSS doc for SNAP Artists | Copyright 2010
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/


/*
**	=global
************************/
body					{ background:#000 no-repeat fixed center top; color:#fff; font:75%/1 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }
a						{ color:#666; text-decoration:none; }
a:hover					{ color:#ccc; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 solid #202020; border-top-width:2px; height:0; clear:both; margin: 1.5em 0; }
sup						{ font-size: 0.5833em; position: relative; top: -0.5em; }

a[href $='.pdf']		{ background: url('../img/icon-pdf.png') no-repeat left center; padding-left: 18px; }
a[href $='.pdf']:after	{ content: ' (PDF)'; }

img.left				{ clear: left; display: inline; float: left; margin: 0 1.5em 1em 0; }
img.right				{ clear: right; display: inline; float: right; margin: 0 0 1em 1.5em; }

#content .fancy			{ font-size: 1.25em; }

/*#content h2				{ font-size:2.25em; }
#content h3				{ font-size:2em; }
#content h4				{ font-size:1.75em; }
#content h5				{ font-size:1.25em; }
#content h6				{ font-size:1em; margin-bottom:1em; }
#content img			{ margin-bottom:1em; }
#content ul,#content ol	{ list-style-position:inside; }
#content li				{ list-style-type:disc; }
#content ol li			{ list-style-type:decimal; }*/


/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; position:relative; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }


/*
**	=branding
************************/
#branding				{ background: #000; border-top: 5px solid #c6ac00; height: 135px; }
#branding .wrap			{ background: 0; padding: 35px 0 65px; }
.home #branding .wrap	{ background: url('../img/arrow-top.png') no-repeat 104px 0; }

#logo					{ background: url('../img/logo-snap.png') no-repeat; display: block; height: 48px; width: 178px; text-indent: -9999em; }

/* =nav */
#nav					{ position: absolute; top: 0; right: 0; }
#nav li					{ display: inline; }
#nav a					{ color: #fff; display: block; float: left; font: 1.1667em/1 "proxima-nova-1","proxima-nova-2",sans-serif; margin-left: 15px; padding: 18px 0 0; text-transform: uppercase; }
#nav a:hover			{ color: #ceb826; }
#nav a.current			{ background: url('../img/arrow-top.png') no-repeat center 0; color: #ceb826; }
#address				{ color: #fff; font: 1.1667em/1.5 "proxima-nova-1","proxima-nova-2",sans-serif; position: absolute; top: 18px; right: 0; text-align: right; text-transform: uppercase; }
#address span			{ color: #ceb826; }
#address a				{ color: #fff; }
#address a:hover		{ color: #ceb826; }

/* =suppnav */
#suppnav				{ position: absolute; top: 57px; right: 0; }
#suppnav li				{ display: inline; }
#suppnav a				{ border-left: 1px solid #fff; color: #fff; font-size: 0.8333em; margin-left: 0.5em; padding-left: 0.5em; text-transform: uppercase; }
#suppnav li:first-child a	{ border: 0; }

/* =contact */
#contact				{ background: #000; display: none; /*height: 200px;*/ }
.home #contact			{ padding-bottom: 45px; }
#contact p 			 	{ font-size: 1.25em; }
#contact p strong		{ color: #DE3730; font-size: 15px; font-weight: normal; }
#contact .wrap			{ border-top: 1px dotted #444; padding: 1em 0; }
#contact .address		{ display: inline; float: left; margin: 0 0 0 20px; width: 293px; }
#contact .address span	{ color: #ceb826; }
#contact .form			{ display: inline; float: left; margin: 0 0 0 20px; width: 600px; }
#contact .form div		{ margin-bottom: 10px; }
#contact label			{ display: inline-block; vertical-align: top; width: 100px; }
#contact label.invalid	{ color: #DE3730; padding: 6px 0 0 10px; width: 160px; }

#contact input,
#contact textarea		{ background-color: #202020; border: 1px solid #444; color: #999; font: 1.25em/1.3 "proxima-nova-1","proxima-nova-2",sans-serif; padding: 5px 10px; width: 300px; }
#contact textarea		{ height: 100px; }

#contact input:focus,
#contact textarea:focus		{ background-color: #aaa; color: #333; }
#contact textarea			{ max-width: 300px; }
#contact .submit-row input	{ background: #CEB826; border: 1px solid #9b7d05; color: #fff; float: right; margin-left: 103px; width: auto; margin-right: 175px; }


/*
**	=banner
************************/
#banner					{ background: url('../img/bg-banner.png') repeat center 0; position: relative; z-index: 2; }
#banner .wrap			{ background: #c6ac00; height: 79px; }
.home #banner .wrap		{ height: 190px; }

#banner blockquote				{ padding: 15px 0 0 15px; letter-spacing: -2px; }
#banner blockquote p 			{ font: 500 4.75em/1.1 'apertura-1', 'apertura-2', sans-serif; text-transform: uppercase; }
#banner blockquote p span		{ font: italic normal 0.5em/1 georgia, 'times new roman', serif; text-transform: lowercase; position: relative; top: -0.333em; left: 0.5em; letter-spacing: 0; }
.home #banner blockquote		{ padding: 30px 0 0 10px; width: 405px; text-align: center; }
.home #banner blockquote p span	{ font: bold 1.5833em/1 'apertura-1', 'apertura-2', sans-serif; text-transform: uppercase; position: static; letter-spacing: -2px; }

#banner	#slideshow		{ background: #000; border: 1px solid #7b7a7a; position: absolute; top: -45px; right: 0; overflow: hidden; height: 310px; width: 530px; }
#credit					{ color: #7b7a7a; font-size: 0.75em; font-style: italic; position: absolute; bottom: 2px; right: 5px; margin: 0; text-align: right; z-index: 99; }

#tagline				{ background: url('../img/bg-tagline.png') no-repeat center 0; position: absolute; top: 180px; left: 27px; padding: 20px 5px 0; }
#tagline p				{ background-color: #000; padding: 10px 30px; font: italic 1.9167em/1.3 georgia, 'times new roman', serif; margin: 0; }

/*
**	=content
************************/
#content				{ position: relative; z-index: 1; margin-top: 18px; }
.home #content			{ margin-top: 120px; }
#content .wrap			{ background: #000; background: rgba(0,0,0,0.92); padding: 0 22px 20px; width: 916px; } /* width:960px; */
.home #content .wrap	{ padding-top: 270px; }

/* =main-content */
#main-content			{ display: inline; float: right; width: 675px; }
.home #main-content		{ float: left; width: 575px; }

#main-content a:link	{ color: #DE3730; }
#main-content a:visited	{ color: #999; }
#main-content a:active	{  }
/*#main-content a:hover	{ border-bottom: 1px dotted; }*/

#main-content h1,
.home #main-content h2	{ color: #c6ac00; font: 2.667em/1.3 "proxima-nova-1","proxima-nova-2",sans-serif; margin: 22px 0 10px; text-transform: uppercase; }
.home #main-content h2	{ margin: 0 0 0.25em; }
#main-content h2,
.half #column-2 h2		{ color: #c6ac00; font: 2.25em/1.3 "proxima-nova-1","proxima-nova-2",sans-serif; margin: 22px 0 0; }
#main-content h3		{ color: #aaa; font: 1.5833em/1.3 georgia, 'times new roman', serif; }
#main-content p,
#main-content li 		{ font-size: 1.0833em; line-height: 1.5; margin-right: 1em; text-align: justify; }
.home #main-content p,
.news #main-content p,
.news #main-content li 	{ text-align: left; margin-right: 0; }

#main-content h4		{ color: #C6AC00; font-size: 1.667em; }
#main-content h5		{ color: #DE3730; font-size: 1.4167em; }

#main-content blockquote	{ border: solid #c6ac00; border-width: 0 5px; margin: 2em 4em 2em 1em; padding: 0 1.5em; }
#main-content blockquote p	{ font: italic 1.667em/1.4 georgia, 'times new roman', serif; margin-right: 0; }


.content ul,
.content ol 			{ list-style-position: outside; margin-left: 17px; }
.content li				{ list-style-type: disc; line-height: 1.5; }
.content ol li			{ list-style-type: decimal; }
.news .content ul,
.news .content ol 		{ list-style-position: inside; }



/* =figure */
p.figure				{ float: left; margin: 1em 15px 2em 0; }
p.figure img			{ /*border: 1px solid #646363;*/ }
p.figure span			{ color: #aaa; clear: both; display: block; font: italic 0.9167em/1.3 georgia, 'times new roman', sans-serif; margin: 8px 0 0; }
p.figure.last			{ clear: right; }

/* =sub-content */
#sub-content			{ display: inline; float: left; width: 215px; }
.home #sub-content		{ float: right; width: 280px; }
#sub-content h2			{ color: #c6b963; font-size: 1.0833em; font-weight: bold; margin: 1.5em 0 0.5em; padding: 0; }
#sub-content p 			{ line-height: 1.5; }

#sub-content .content ul,
#sub-content .content ol{ margin-left: 1em; }

.side-blurb				{ border-top: 2px solid #202020; clear: left; margin-top: 1em; }
.side-blurb:first-child	{ margin-top: 2em; }
.side-blurb .button		{ background: url('../img/bg-button.png') no-repeat 0 0; color: #fff; display: block; font: 1.4167em/1.4 'proxima-nova-1', 'proxima-nova-2', sans-serif; margin-top: 15px; padding: 10px 20px 10px 30px; text-transform: uppercase; }
 




/* =subnav */
#subnav-wrap			{ background: #202020; }
#subnav-heading			{ color: #747474; font: 1.833em/1.2 'proxima-nova-1', 'proxima-nova-2', sans-serif; margin: 0; padding: 25px 18px 20px; text-transform: uppercase; }
#subnav-heading a		{ color: #747474; }
#subnav					{ padding-bottom: 1em; }
#subnav li				{ padding: 0 0 1em; }
#subnav a				{ color: #c6ac00; display: block; font: 1.1667em/1.6 Helvetica, sans-serif; padding: 0 18px; }
#subnav a.current		{ background: #c6ac00 url('../img/arrow-right-gray.png') no-repeat 0 6px; color: #fff; }

/* =nested */
#subnav ul				{ margin: 5px 0 0 35px; }
#subnav ul li			{ padding: 0; }
#subnav ul li a			{ color: #fff; margin-bottom: 3px; }
#subnav a:hover,
#subnav ul li a.current	{ background: #565656 url('../img/arrow-right-gray.png') no-repeat 0 5px; color: #fff; }

/* =jumps */
#jumps					{ position: absolute; top: 0; left: 0; }
#jumps li				{ background: #202020; display: inline; float: left; margin: 0 0 0 20px; min-height: 235px; position: relative; width: 293px; } /* width: 293px; */
#jumps h2				{ color: #747474; font: 1.833em/1 "proxima-nova-1","proxima-nova-2",sans-serif; text-transform: uppercase; margin: 22px 13px 20px 12px; }
#jumps .date			{ background: #5c5c5c url('../img/bg-date.png') no-repeat center 0; color: #fff; float: left; font-size: 1.667em; font-weight: bold; line-height: 1.1; text-align: center; margin: 2px 0 0 13px; padding: 15px 0 7px; width: 55px; }
#jumps .date span		{ display: block; font-size: 0.4167em; font-weight: normal; text-transform: uppercase; }
#jumps .text			{ float: left; margin: 0 0 0 10px; width: 205px; }
#jumps h3				{ color: #c6ac00; font: 1.25em/1.2 "proxima-nova-1","proxima-nova-2",sans-serif; margin: 0 0 0.25em; text-transform: uppercase; }
#jumps p 				{ line-height: 1.5; }
#jumps .more			{ color: #de3730; font: italic 1.1667em/1.2 georgia, 'times new roman', serif; text-align: right; position: absolute; bottom: 0; right: 1em; }
#jumps .more a			{ color: #de3730; }

/* =art-sales */
#art-sales				{ background: url('../img/bg-art-sales.png') no-repeat; text-align: center; margin-top: 35px; height: 92px; width: 278px; } /* height: 92px; */
#art-sales h2			{ color: #fff; font: bold 3.25em/1 'apertura-1', 'apertura-2', sans-serif; margin: 0; padding: 20px 0 0; }
#art-sales p			{ font: italic 1.333em/1.3 georgia, 'times new roman', serif; }
#art-sales a			{ color: #de3730; }


/*
**	=half
************************/
.half #main-content .content	{ float: left; width: 340px; }
.half #column-2					{ display: inline; float: right; width: 330px; }
.xtra #main-content .content	{ float: left; width: 450px; }
#column-2						{ display: inline; float: right; width: 200px; }
/*#column-2 h2					{ color: #DE3730; font: 1.5em/1.3 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }*/
#column-2 li,
#main-content #column-2 p		{ text-align: left; }
#column-2 .news li				{ font-size: 1.25em; }


/* =news */
.article				{ border-top: 1px dotted #999; clear: both; overflow: hidden; padding: 2em 0; margin: 0; }
.article:first-child	{ border: 0; padding-top: 0; }



/*
**	=site-info
************************/
#site-info				{ background: #232323; background: rgba(35,35,35,0.8); margin: 20px 0 40px; }
#site-info .wrap		{ background: url('../img/logo-snap-white.png') no-repeat 20px 17px; padding: 20px 0; }
#site-info p 			{ color: #f3f3f3; margin: 0 0 0 160px; text-transform: uppercase; }
#site-info a 			{ color: #ceb826; text-transform: lowercase; }


ul.social				{ background: url('../img/social-buttons.png') no-repeat; overflow: hidden; list-style-type: none !important; }
#sub-content ul.social	{ margin-top: 1em; }
#site-info ul.social	{ position: absolute; right: 24px; top: 18px; }
ul.social li			{ float: left; list-style-type: none !important; }
ul.social a				{ background: no-repeat 0 0; display: block; float: left; text-indent: -999px; width: 38px; height: 38px; margin-left: 10px; }


/* =lightbox */
.lightbox				{ margin: 2em 0; }
.lightbox img			{ margin-right: 5px; }


/* =forms */
form table 				{ margin: -10px 0 0 -5px; }
#content form input		{ margin-bottom: 1em; }


/* =tables */
table					{ margin-bottom: 2em; }
table td,
table th				{ padding: 5px 30px 5px 5px; min-width: ; }
table td:first-child,
table th:first-child	{ margin-left: -5px; }



/*
**	=artsales
************************/
.artsales #main-content h1	{ max-width: 380px; }
#main-content .searched-for			{ font-size: 1.25em; }
.searched-for em		{ font-weight: bold; }
#product-search			{ position: absolute; right: 35px; top: 25px; }
#product-search label	{ color: #5d5d5d; font-size: 1.25em; margin-right: 7px; }
#product-search input	{ background-color: #b8b8b8; border: 1px solid #333130; color: #080808; font: 10px/1 Helvetica, Arial, sans-serif; padding: 5px; width: 150px; }
#product-search input:focus	{ background-color: #fff; }
#product-search .submit	{ background-color: #5d5d5d; border: 0; cursor: pointer; font-weight: bold; font-size: 11px; padding: 7px; text-transform: uppercase; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



#product-list 			{ margin: 3em 0 1em; }
#product-list li		{ float: left; margin: 0 0 23px 23px; padding: 160px 11px 0 11px; position: relative; width: 125px; }
#product-list li.left	{ clear: left; margin-left: 0; }
#product-list h2		{ font-size: 1.0833em; margin-top: 0; text-align: left; }
#product-list img		{ background: #000; border: 1px solid #403f3f; padding: 10px; position: absolute; top: 0; left: 0; max-width: 125px; max-height: 125px; }
#product-list p 		{ font-size: 0.9167em; text-align: left; }


#product-images			{ margin-bottom: 2em; }
.trigger-lightbox		{ margin: -1.5em 0 2em; display: block; }


/*
**	=fullbg css
************************/
/*body					{ overflow: hidden; padding: 0; margin: 0; height: 100%; width: 100%; }
#fullbgImg				{ position: absolute; z-index: -1; }
#fullbgBodyWrap			{ position: absolute; z-index: 5; overflow: auto; height: 100%; width: 100%; }*/