@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 2763827, 2014-03-07T17:01:07-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 Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Eurostile Demi by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/eurostile/demi-63893/
 * Copyright: Copyright © 1987, 1992, 1999, 2002 Adobe Systems Incorporated.  All Rights Reserved.© 1987, 1992, 1999, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: Eurostile by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/eurostile/eurostile-63893/
 * Copyright: Copyright © 1987, 1992, 1998, 2002 Adobe Systems Incorporated.  All Rights Reserved.© 1987, 1992, 1998, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2763827
 * Licensed pageviews: 250,000
 * 
 * © 2014 MyFonts Inc
*/


/*-----	Fonts */
@import url("//hello.myfonts.net/count/2a2c33");

@font-face {
font-family: 'EurostileLTStd-Demi';
src: url('../webfonts/2A2C33_0_0.eot');
src: url('../webfonts/2A2C33_0_0.eot?#iefix') format('embedded-opentype'),
url('../webfonts/2A2C33_0_0.woff') format('woff'),
url('../webfonts/2A2C33_0_0.ttf') format('truetype');
}

@font-face {font-family: 'EurostileLTStd';
src: url('../webfonts/2A2C33_1_0.eot');
src: url('../webfonts/2A2C33_1_0.eot?#iefix') format('embedded-opentype'),
url('../webfonts/2A2C33_1_0.woff') format('woff'),
url('../webfonts/2A2C33_1_0.ttf') format('truetype');
}


/*-----	CSS Resets */
html, body, header, hgroup, nav, div, section, footer, a,
img, br , h1, h2, h3, h4, h5, p, span, em, strong, ul, li, tr, th, td{
font: inherit;
vertical-align: baseline;
padding: 0;
border: 0;	
margin: 0;
}
/* 			Top+Bottom  	Right+Left
	margin: 2em 			0 									*/
	
/* 			Top				Right+Left		Bottom
	margin: 1em				0				1.5em  				*/
	
/*			Top				Right+Left		Bottom 
	margin: 0				auto			1em					*/

/*			Top				Right			Bottom		Left
	margin: 0				0				0			5em		*/

/*-------------------------------------------------------------------*/
/*-----	Base HTML5 Styles */
header , hgroup, nav, section, footer{
display: block;
}
html{
background: #CCC;					/* Mid Grey Website Background */
}

/*------------------- EurostileLTStd, Trebuchet MS, Arial --------------------*/
body{
width: 90%;
margin: 0 auto;
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
line-height: 1.5;					/* All Site Measurements Based On This */
color: #039;						/* Blue Body Copy */
background: #FFF;					/* White Website Background */
position: relative;
}
nav ul{								/* Nav Unordered List */			
list-style-type: none;				/* Hides List Bullets */
}
a{									/* Anchored Links */
text-decoration: none;
color: #000;						/* Black Media, Purchase, Footer Text*/
}
a:hover{							/* Hover Anchored Links */
color: #F00;						/* Red */
}

/*-----	Base PageHeader Logo Styles */
#pageHeader{						/* Header ID = PageHeader */
width: 100%;
padding-top: 10px;
border-bottom: 2px solid #F00;		/* Red Line Bottom */
background: rgb(100, 98, 102);		/* Dark Blue Grey Background */
overflow: hidden;
}
#pageHeader h1{						/* Header ID = PageHeader */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* Logo Name / C h r i s  C a r b o n e */
font-style:normal;
font-size: 2em;
letter-spacing: .2em;			
color: rgba(255, 255, 255, .8);		/* Transparent White */
padding: 20px 0 0 60px;
margin-left: 5%;					/* Logo  X Horizontal  Y Vertical */
background: url(../images_banners/headerLogo.png) no-repeat 0 .457em; 
position: relative;					/* z-index:1; */
}

/*-----	Base MainNav Styles */
#mainNav ul{						/* Nav ID = MainNav */
position: absolute;					/* MainNav Unordered List */
top: 2.7em;
right: 0;
}
#mainNav a{ 						/* Nav ID = MainNav */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* MainNav Links */
font-style:normal;
font-size: .8em;
text-transform:uppercase;
color: rgba(76, 67, 65, .6);		/* 6 Transparent Grey Link Words */
padding: 5px 10px 5px 10px;
border-right: 2px solid rgb(255, 0, 0);	/*  Red Line Right Side */
display: block;
}
#mainNav li{						/* Nav ID = MainNav */
background: rgb(216, 213, 188);		/* Mid Grey List Item Link Background */
float: right;
}
#mainNav li:nth-child(even){		/* Nav ID = MainNav */
background: rgb(237, 228, 214);		/* Light Grey List Item Link Background */
}
#mainNav a:hover{					/* Nav ID = MainNav */
color: rgba(255, 255, 255, .9);		/* 9 Transparent White Link Hover Words */
background: rgba(123, 121, 143, .8);/* 8 Transparent Blue Link Hover Background */
}
#mainNav a.selected{				/* Nav ID = MainNav */
color: rgba( 255, 0, 0, .9);		/* 9 Transparent Red Link Selected Page Words */
cursor: default;
background: rgba(123, 121, 143, .4);/* 4 Transparent Blue Selected Page Background */
border-right: 2px solid rgb(100, 121, 255);	/* Blue Line Right Side */
}
#mainNav a.last{					/* Nav ID = MainNav */
padding-right: 20px;				/* Last MainNav Link Extra Padding */
border: none;
}
#mainNav a.selected_last{			/* Nav ID = MainNav */
color: rgba( 255, 0, 0, .9);		/* 9 Transparent Red Last Link Selected Page Words */
cursor: default;
background: rgba(123, 121, 143, .4);/* 4 Transparent Blue Selected Page Background */
border-right: none;					/* No Blue Line Right Side */
padding-right: 20px;
}

/*-----	Base MobileNav (Mobile Only) Styles */
#mobileNav{							/* Nav ID = MobileNav */
width: 90%;
margin: 0 5%;	/* Distance L&R Side of NavMenu */
position: absolute;
top: 5.2em;		/* Distance Top of NavMenu */
}
#mobileNav a{ 						/* Nav ID = MobileNav */			
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* MobileNav Link Words */
font-style:normal;
text-transform: uppercase;
line-height: 2em;
color: rgba(76, 67, 65, .6);		/* 6 Transparent Grey MobileNav Link Words */
padding-left: 20px;
border-bottom: 1px solid rgb(255, 0, 0);/* Red Line Bottom MobileNav */
display: block;
}
#mobileNav li{						/* Nav ID = MobileNav */
background: rgb(216, 213, 188);		/* Mid Grey List Item Link Background */
}
#mobileNav li:nth-child(even){		/* Nav ID = MobileNav */
background: rgb(237, 228, 214);		/* Light Grey List Item Link Background */
}
#mobileNav a:hover{					/* Nav ID = MobileNav */
color: rgba(255, 255, 255, .9);		/* 9 Transparent White Link Hover Words */
background: rgba(123, 121, 143, .8);/* 8 Transparent Blue Link Hover Background */
}
#mobileNav a.selected{				/* Nav ID = MobileNav */
color: rgb(255, 0, 0);				/* Red Link Selected Page Words */
cursor: default;
background: rgba(123, 121, 143, .4); /* 4 Transparent Blue Background */
border-bottom: 1px solid rgb(100, 121, 255);/* Blue Line Bottom */ 
}

/*----- Base PaintingsNav (Paintings Page) Styles */
#paintingNav{						/* Div ID = PaintingNav */
min-height: 100%;					/* Height Of Overall Containing Area */
overflow: hidden;					/* Selected Work >> Digital Works >> */
position: relative;
}
#paintingNav a{						/* Div ID = PaintingNav */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* Selected Work >> Digital Works >> */
font-style:normal;
color: rgba(255, 255, 255, .8);		/* 8 Transparent White Link Words */
display: block;
}
#paintingNav a:hover{				/* Div ID = PaintingNav */
color: #F00;						/* Red Selected Work >> Digital Works >> */
}
#paintingNav .ribbon{				/* Div ID = PaintingNav */
									/* Selected Work >> Digital Works >> */
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue Ribbon */
}

/*----- Base ^ Return To Top ^ Link Styles */
#return a{							/* Div ID = Return */
color: rgb(100, 121, 255);			/* Blue ^ Return To Top ^ */
}
#return a:hover{					/* Div ID = Return */
color: #F00;						/* Red Hover ^ Return To Top ^ */
}
#return h2, h4{						/* Div ID = Return */
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;					/* ^ Return To Top ^ */
text-align: center;
padding-bottom: 10px;
}

/*-----	Base Banner Styles */
#homePage .banner h1,				/* Banner Heading Area */
#paintingPage .banner h1,			/* C o l o u r  a n d  F o r m  */
#profilePage .banner h1{			/* E a r l y  Y e a r s */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;			
color: rgba(255, 255, 255, .8);		/* 8 Transparent White Main Heading */
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
position: relative;
}
#homePage .banner em,				/* Italic Statement Line */
#paintingPage .banner em,
#profilePage .banner em{	
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style: italic;
}
#homePage .banner .blue, 			/* Creativity in all its forms... */
#paintingPage .banner .blue,		/* Black Paragraph Body Copy Background*/
#pressPage .banner .blue,           /*Media Page Blue Background */
#profilePage .banner .blue{
height: 100%;
color: #000;						/* Black Paragraph Body Copy*/
line-height: 1.2em;
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue Paragraph Background */
}
.banner_return h1{					/* Banner Heading Area */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* << Return To Paintings */
font-style:normal;
color: rgba(255, 255, 255, .8);		/* 8 Transparent White Main Heading */
background: rgba(123, 121, 143, .7);/* 8 Transparent Blue */
position: relative;
}
.banner_return a	{				/* << Return To Paintings */
color: rgba(255, 255, 255, .8);		/* 8 Transparent White Link Words */
}
.banner_return a:hover{				/* << Return To Paintings */
color: #F00;						/* Red Hover Link Words */
}

/*----- Base Curriculum Vitae Styles */
#bannerCV{							/* Banner Image  Div Id = BannerCV */
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
margin-top: .5em;
overflow: hidden;					
position: relative;
}
#bannerCV img{
position: absolute;
top: 0;
left: 55.5%;
}
#bannerCV .first{					/* Div Id = BannerCV  P Class = First */
margin-left: 4.25%;					/* Chris Crabone | Lives... */
}
#bannerCV .list{					/* Div Id = BannerCV Div Class = List */
width: 90%;
line-height: 1.1em;
margin-left: 5%;
}
#bannerCV  p{						/* Div Id = BannerCV */
position: relative;					/* Regular Contact Info */
left: .5em;
}
#bannerCV span{						/* Div Id = BannerCV */
font-size: .9em;					/* Smaller Sized Info */
}
#bannerCV h2{						/* Div Id = BannerCV */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;					/* Exhibition Headings */
font-style:normal;
font-size: 1.1em;
padding-top: 15px;
border-bottom: 2px solid rgba(123, 121, 143, .7);
}
#bannerCV .short{
width: 55%;
}
#bannerCV h3{						/* Div Id = BannerCV */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
float: left;						/* Exhibition Dates */
}
#bannerCV .ind{						/* Div Id = BannerCV  Div Class = Ind */	
left: 3.35em;						/* Regular Indented Info */
}
#bannerCV .ind2{					/* Div Id = BannerCV  Div Class = Ind2 */
left: 0;							/* Collections Indented Info */
}

/*-----	Base Thumbnail Styles */
#thumbnails a img{					/* Opacity Thumbnail Link Image */
width: 100px;
height: 100px;		
opacity: 1.0;
filter: alpha(opacity=100);
margin: 7px;
overflow: hidden;	
}
#thumbnails a img:hover{			/* Opacity Thumbnail Link Image Hover */
opacity: .7;
filter: alpha(opacity=70);
}

/*-----	Base PageFooter Styles */
#pageFooter{						/* Footer ID = PageFooter */
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: 1em;						/* Size of Footer Text */
text-align: center;
color: #FFF;						/* White Copyright Color */
background: rgb(173, 169, 130);		/* Taupe Grey */
padding: 2% 3%;						/* Size of Footer */
border-top: 2px solid #F00;			/* Red */
overflow: hidden;
}
#pageFooter a{						/* Footer ID = PageFooter */
color: rgb(76, 67, 65);				/* Mid Grey */
}
#pageFooter .notice{				/* Div Class = Notice */
text-transform: uppercase;			/* Copyright Notice */
float: right;
}

/*-------------------------------------------------------------------*/
/*-----	Mobile html5 Styles */
@media only screen and (max-width:480px){
html, body, header, hgroup, nav, aside, div, section, footer, img, h1, h2, h3, p, span, em, strong, ul, li, tr, th, td{
-webkit-text-size-adjust: none;	/* Disables Text Sizing On Device Change */
}
body{
min-width: 320px;
max-width: 480px;
}

/*-----	Mobile PageHeader Styles */
#pageHeader{					/* Mobile Header ID = PageHeader */
height: 60px;
padding-bottom: 5px;
}
#pageHeader h1{					/* Mobile Header ID = PageHeader */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;				/* Logo Name / C h r i s  C a r b o n e */
font-style:normal;
font-size: 1.7em;
letter-spacing: .1em;
background: url(../images_banners/headerLogo.png) no-repeat 0 .3em;
position: absolute; 			/* Logo X Horizontal  Y Vertical */
left: 0;
}

/*-----	Mobile MainNav Styles */
#mainNav{						/* Mobile Nav ID = MainNav */
display: none;					/* MainNav Does Not Display */
}

/*-----	Mobile MobileNav See Above Base (Mobile Only) Styles */

/*-----	Mobile Banner Styles */
#homePage .background,
#paintingPage .background,
#paintingsList .background,
#press .background,
#profilePage .background{
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
margin: 9.2em 0 0 5%;	/* Distance of Image Area */
}
#homePage .banner,				/* Banner Image Area */
#paintingPage .banner,
#profilePage .banner{			/* Profile Page Banner Image Area */
width: 100%;
overflow: hidden;				/* Relative to Image Height */
position: relative;
top: -1em;
right: 0;						/* z-index:1; */
}
#homePage .banner,				/* Banner Image Area */
#paintingPage .banner{
height: 532px;					/* Related to Image Height */
}

#homePage .banner img,
#paintingPage .banner img,
#profilePage .banner img{		/* Profile Page Banner Image 298px x 298px >> 233px x 233px */
width: 298px;
height: 298px;					/* Relation to Image Height */
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
position: relative;
top: -.75em;
left: -5%;
float: left;
}

#homePage .banner h1,			/* Banner Heading Area */
#paintingPage .banner h1{		/* G a l l e r y  C o n t a c t s */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: .9em;
letter-spacing: .1em;
color: rgba(255, 255, 255, .8);	/* 8 Transparent White Main Heading */
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
padding-left: 10px;
position: relative;
top: 10.75em;					
left: 1.3em;
z-index: 1;
}

#profilePage .banner h1{		/* Banner Heading Area */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;				/* E a r l y  Y e a r s */
font-style:normal;
font-size: .9em;
letter-spacing: .1em;
color: rgba(255, 255, 255, .8);	/* 8 Transparent White Main Heading */
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
padding-left: 10px;
position: relative;
top: 18.5em;					
left: 1.3em;
z-index: 1;
}

#homePage .banner .blue,		/* Creativity in all its forms... */
#paintingPage .banner .blue,	/* Black Paragraph Text */
#profilePage .banner .blue{
width: 90%;						/* Relation to Image Height N/A */
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: .9em;
color: #000;					/* Black */
padding: 5px 10px 0 10px;
background: none;				/* Transparent Blue */
position: relative;
}


#homePage .banner span,
#paintingPage .banner span,
#profilePage .banner span{		/* Creativity in all its forms... */
position:relative;
z-index: 1;
}

/*-----	Mobile PaintingNav (Paintings Page) Styles */
#paintingPage .banner h1{		/* C o l o u r  a n d  F o r m  */	
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
color: rgba(255, 255, 255, 0);	/* 0 Transparent White Text = 0 */
}

#paintingNav .ribbon{			/* Selected Work >> Digital Works >> */
width: 200px;
padding-top: 25px;
position: absolute;				
top: 7.25em;						
left: 0;
}

#paintingNav .selected_work a,	/* Div ID = PaintingNav  Div Class = Selected_Work */

#paintingNav .digital_works a{	/* Div ID = PaintingNav  Div Class = digital_works */
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;/* Selected Work >> Digital Works Links >> */
font-weight:normal;
font-style:normal;
font-size: .9em;
letter-spacing: .1em;
}
#paintingNav .selected_work a{
position: absolute;				
top: 10.75em;
left: 2em;
z-index: 1;
}

#paintingNav .digital_works a{
position: absolute;					
top: 8.25em;					
left: 2em;						/*z-index:1;*/
}

.banner_return h1{				/* Banner Heading Area */		
letter-spacing: .25em;			/* << Return To Paintings */
padding-left: 35px;
top: 15em;						/* z-index:1; */
}

/*----- Mobile Curriculum Vitae Styles */
#bannerCV{						
margin-top: 9.2em;		/* Distance of Image Area */
}
#bannerCV img{
display: none;
}
#bannerCV .first{				/* Div Id = BannerCV  P Class = First */
font-size: .75em;				/* Chris Crabone | Lives... */
margin-left: 3.5%;
}
#bannerCV .list{				/* Div Id = BannerCV Div Class = List */
font-size: .9em;
}
#bannerCV span{					/* Div Id = BannerCV */
font-size: .7em;				/* Smaller Sized Info */
}
#bannerCV h2{					/* Div Id = BannerCV */
font-size: 1em;					/* Exhibition Headings */
}
#bannerCV .short{
width: 100%;
}
#bannerCV h3{					/* Div Id = BannerCV */
font-size: .9em;				/* Exhibition Dates */						
}
#bannerCV .ind{					/* Div Id = BannerCV  Div Class = Ind */
padding-right: 15%;				/* Regular Indented Info */
left: 3em;
}


/*-----	Mobile Thumbnails|PaintingsList Styles */
#thumbnails{
width: 88%;
margin: 9.2em 5% 0;		/* Distance from Nav to Thumbnails */
overflow: hidden;
position: relative;
left: 1em;
}
#thumbnails a img{
width: 100px;
height: 100px;
}
.gal{							/* Div Id = Thumbnails  A href Class= Gal */
display: none;					/* Regular Gal Images Do Not Display */
}
}
/*-------------------------------------------------------------------*/
/*-----	Tablet html5 Styles */
@media only screen and (min-width:481px) and (max-width:768px){
body{
min-width: 500px;
max-width: 768px;
}

/*-----	Tablet MainNav Styles */
#mainNav ul{					/* MainNav Unordered List */
top: 5.35em;
}
#mainNav a{ 					/* Nav ID = MainNav */
font-size: .7em;				/* MainNav Links */
}

/*-----	Tablet MobileNav See Above (Mobile Only) Base Styles */
#mobileNav{						/* MobileNav Styles Do Not Display */
display: none;
}

/*----- Tablet Banner Styles */
#homePage .background,
#paintingPage .background,
#profilePage .background{
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
margin: 2.5em 0 0 5%;
}
#homePage .banner,
#paintingPage .banner,
#profilePage .banner{			/* Profile Page Banner Image Area */
width: 100%;
height: auto;					/* Relation to Image Height */
margin-top: .5em;				/* margin: 2em 0 / margin: 1em 0 1.5em / margin: 0 auto 1em */
overflow: hidden;
position: relative;
}
#homePage .banner,
#paintingPage .banner{
height: 532px;					/* Related to Image Height */
}
#homePage .banner img,
#paintingPage .banner img{		/* Profile Page Banner Image 298px x 298px */
width: 298px;
height: 298px;					/* Relative to Image Height */
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
position: relative;
top: -.5em;
left: -2.3%;
float: left;
}

#profilePage .banner img{		/* Profile Page Banner Image 298px x 298px */
width: 298px;
height: 298px;					/* Relative to Image Height */
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
position: relative;
top: -.5em;
left: -2.3%;
float: left;
}

#homePage .banner h1,			/* Banner Heading Area */
#paintingPage .banner h1,		/* C o l o u r  a n d  F o r m  */
#profilePage .banner h1{		/* G a l l e r y  C o n t a c t s */		
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: 1em;	
letter-spacing: .25em;
color: rgba(255, 255, 255, .8);	/* 8 Transparent White Main Heading */
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
padding-left: 20px;
position: relative;
top: 15.5em;					
left: 5.5em;
z-index: 1;
}
#homePage .banner .blue,		/* Creativity in all its forms... */
#paintingPage .banner .blue,	/* White Paragraph Text */
#profilePage .banner .blue{
width: 95%;
font-family: EurostileLTStd, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: .9em;
line-height: 1.2em;
color: #FFF;					/* White */
padding-top: 10px;
background: none;				/* Transparent Blue */
position: relative;
top: -1.85em;
left: 2%;
}
#homePage .banner span,
#paintingPage .banner span,
#profilePage .banner span{		/* Creativity in all its forms... */
position:relative;
z-index: 1;
}

/*-----	Tablet PaintingNav (Paintings Page) Styles */
#paintingPage .banner h1{		/* C o l o u r  a n d  F o r m  */	
background: rgba(123, 121, 143, .7);/* Transparent Blue */
color: rgba(255, 255, 255, 0);	/* 0 Transparent White Text = 0 */
}
#paintingNav .selected_work a,	/* Selected Work >> Digital Works >> */
#paintingNav .digital_works a{		
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight:normal;
font-style:normal;
font-size: 1em;				
letter-spacing: .25em;
}

#paintingNav .ribbon{			/* Selected Work >> Digital Works >> */
width: 285px;
padding-top: 25px;
position: absolute;				
top: 13em;						
left: 0;
}

#paintingNav .selected_work a{
position: absolute;				
top: 15.5em;
left: 6.75em;
z-index: 1;
}
#paintingNav .digital_works a{
position: absolute;				
top: 13em;						
left: 6.75em;					/*z-index:1;*/
}

.banner_return h1{				/* Banner Heading Area */ 
letter-spacing: .25em;			/* << Return To Paintings */
padding-left: 60px;
top: 2.5em;						/*z-index:1;*/
}

/*----- Tablet Curriculum Vitae Styles */
#bannerCV{						/* Div Id = BannerCV */
margin-top: 2.25em;				/* margin: 2em 0 / margin: 1em 0 1.5em / margin: 0 auto 1em */
overflow: hidden;
position: relative;
}
#bannerCV img{
display: none;
}
#bannerCV .first{				/* Div Id = BannerCV  P Class = First */
margin-left: 3.75%;				/* Chris Crabone | Lives... */
}
#bannerCV .list{				/* Div Id = BannerCV Div Class = List */
width: 90%;
}
#bannerCV .short{
width: 100%;
}
#bannerCV span{					/* Div Id = BannerCV */
font-size: .8em;				/* Smaller Sized Info */
}
#bannerCV .ind{					/* Div Id = BannerCV  Div Class = Ind */
padding-right: 10%;				/* Regular Indented Info */
}


/*-----	Tablet Thumbnails Styles */
#thumbnails{
width: 80%;
margin-top: 3em;
overflow: hidden;
position: relative;
left: 5.5em;
}
.mobile{						/* Div Id = Thumbnails  Ahref Class= Mobile */
display: none;					/* Mobile Images DO Not Display */
}
}
/*-------------------------------------------------------------------*/
/*-----	Desktop html5 Styles */
@media only screen and (min-width:769px){
body{
min-width: 1024px;
max-width: 1280px;
}

/*-----	Desktop MobileNav See Above (Mobile Only) Base Styles */
#mobileNav{						/* MobileNav Styles Do Not Display */
display: none;
}

/*----- Desktop Banner Styles */
#homePage .banner,				/* Banner Image Area */
#paintingPage .banner,
#pressPage .banner,             /* White Website Background*/
#profilePage .banner{					
height: 800px;					/* Related to Image Height */
margin-top: .5em;
margin-left: 5%;
overflow: hidden;
position: relative;
}
#homePage .banner{				/* Home Page Banner Image 432px x 432px */
background: url(../images_banners/bannerHome.jpg) no-repeat;
}
#homePage .banner img{
display: none;
}

#paintingPage .banner{			/* Paintings Page Banner Image 432px x 432px */
background: url(../images_banners/bannerPaintings.jpg) no-repeat;
}
#paintingPage .banner img{
display: none;
}

#profilePage .banner{			/* Profile Page Banner Image 432px x 432px */
background: url(../images_banners/bannerProfile_B&W.jpg) no-repeat;
}
#profilePage .banner img{
display: none;
}

#homePage .banner h1,			/* Banner Heading Area */
#paintingPage .banner h1,		/* C o l o u r  a n d  F o r m  */
#profilePage .banner h1{		/* About*/	
font-family: EurostileLTStd-Demi, Trebuchet MS, Arial;
font-weight: normal;
font-style: normal;
font-size: 1.25em;			
letter-spacing: .25em;
padding-left: 20px;
top: 18em;						/* z-index:1; */
left: 7.5em;
}
#homePage .banner .blue, 		/* Creativity in all its forms... */
#paintingPage .banner .blue,	/* Black Paragraph Text */
#profilePage .banner .blue{		
width: 45%;						/* Max Width Before Column Collapse */
padding: 3% 4% 0 4%;			/* bannerHome.jpg Height 432px */
position: absolute;
top: 0;
right: 0;
}	
#profilePage .banner{			/* White Website Background*/		
height: 800px;					/* Related to Image Height */
margin-top: .5em;
margin-left: 5%;
overflow: hidden;
position: relative;
}

/*----- Desktop PaintingNav (Paintings Page) Styles */
#paintingPage .banner h1{		/* C o l o u r  a n d  F o r m  */	
background: rgba(123, 121, 143, .7);/* 7 Transparent Blue */
color: rgba(255, 255, 255, 0);	/* 0 Transparent White Text = 0 */
}
#paintingNav .ribbon{			/* Div ID = PaintingNav */
display: none;					/* Selected Work >> Digital Works >> */
}								/* Transparent Blue Ribbon Does Not Display*/
#paintingNav .selected_work a{	/* Selected Work >> */
font-size: 1.25em;
letter-spacing: .25em;
padding-left: 20px;
float: left;
position: relative;
top: 16.5em;
left: 7.5em;
}
#paintingNav .digital_works a{	/* Digital Works >> */
font-size: 1.25em;
letter-spacing: .25em;
float: left;
position: relative;
top: 16.5em;
left: 28.5%;
}
.banner_return h1{				/* Banner Heading Area */ 
letter-spacing: .25em;			/* << Return To Paintings */
padding-left: 60px;
top: .5em;						/*z-index:1;*/
}


/*-----	Desktop Thumbnails Styles */
#thumbnails{					/* Div id = thumbnails */
width: 50%;
margin-top: .75em;
position: relative;
left: 18em;
}
.mobile{						/* Div Id = Thumbnails  Ahref Class= Mobile */
display: none;					/* Mobile Images Do Not Display */
}
}