@charset "utf-8";
body {
/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
font-size:100%;
font-family: "Prociono",Georgia,"Times New Roman",serif;
background: #D7D7D7;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
padding-top: 12px;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
min-width:660px;
}

img:-moz-loading {
    visibility: hidden;
}

h1 {
margin:0;
padding:0;
text-align:center;
font-family: 'Montaga', serif;
}

h1 a {
/*font-family: 'Parisienne', cursive;*/
font-family: 'Montaga', serif;
font-size:36px;
text-decoration:none;
color:#000;
}

h1 a:visited {
color:#000;
}

h2 {
margin:0px;
padding:0px;
padding-top:1em;
padding-bottom:1em;
text-align:center;
/*font-family: 'Montaga', serif;*/
font-family: "Junction",Helvetica,Arial,sans-serif;
font-weight:normal;
}

ul {
padding:0px;
margin:0px;
}

.container {
width: 80%;  /* this will create a container 80% of the browser width */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}

#HeaderContain {
padding: 4px 20px 6px;
text-align:left;
max-width:1000px;
}

.NavULtable {
display:table;
margin: 0 auto;
text-align:center;
padding-top:1em;
padding-bottom:.25em;
}

.NavUL {
margin:0px;
padding:0px;
}

.NavUL li {
display:inline-block;
padding-left:2em;
padding-right:2em;
}

.NavUL li a {
color:#000;
text-decoration:none;
font-family: "Junction",Helvetica,Arial,sans-serif;
font-size:1.125em;
}

.NavUL li a:visited {
color:#000;
}

.NavUL li a:hover {
text-decoration:underline;
}

.NavUL li img {
position:relative;
top:2px;
opacity:0.5;
}

#mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
max-width: 1000px;
min-height:500px;
}

#SlideContain {
visibility:hidden;
position:relative;
}

.loader {
position:absolute;
opacity: .2;
}

.loader img {
width: 100%;
max-width: 1000px;
}

.bx-wrapper img {
width:100%;
max-width:1000px;
}

.bxslider {
margin:0px;
padding:0px;
}

#ArtworkContain img {
padding:10px;
}

/*highslide overrides*/
.highslide-container div {
	font-family: "Prociono",Georgia,"Times New Roman",serif !important;
	}

.PortfolioThumb {
	/*float:left;*/
	text-align:center;
	font-size:12px;
	display:inline-block;
	padding: 8px;
	}

.PortfolioPhoto {
	float:left;
	height:100%;
	max-width:50%;
	margin-right:1%;
	}
	.PortfolioPhoto img {
		width:100%;
		height:auto;
		}

.PortfolioBody {
	width:48%;
	float:left;
	margin-right:1%;
	}
	
.PortfolioTitle {
font-family: "Montaga",serif !important;
font-size: 22px !important;
padding-bottom:1em;
}

.PortfolioDesc {
padding-top:1em;
padding-bottom:1em;
}

#WatercolorsContain {
	padding-top: 50px;
}

.GalleryWrapper {
position:relative;
top:0px;
left:0px;
}

.galleryAbsButton {
position:absolute;
top:7px;
right:7px;
z-index: 20;
width:25%;
min-width:225px;
}

.galleryAbsButton img {
width:100%;
max-width:351px;
}

#GalleryThumbsContain {
text-align:center;
margin-top:2em;
}

.GalleryPhoto {
width:30%;
margin-right:3%;
display:inline-block;
}

.GalleryPhoto img {
width:100%;
max-width:500px;
}

.GalleryLink {
margin-top:.75em;
}

#GalleryTabs {
margin-top:1em;
}

#GalleryTabs div {
display:inline-block;
border: solid 1px black;
border-bottom:none;
background-color:#999;
z-index:1;
position:relative;
top:3px;
left:10px;
text-decoration:none;
}

#GalleryTabs a {
display:block;
padding: 5px 20px 9px 20px;
text-decoration:none;
color:#000;
font-size: .96em;
}

#GalleryTabs a:visited {
color:#000;
}

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

.GalleryContain {
border: 1px solid black;
margin:0px;
padding:0px;
position:relative;
z-index:2;
background-color:#D7D7D7;
padding:6px;
}

.subGallery {
border-top:none;
}

.ClearBreak {
display:none;
}

#AboutContentLeft {
width:46%;
margin-right:3%;
float:left;
}

#AboutContentBottomLeft {
width:46%;
margin-right:1%;
float:left;
}

#AboutPhoto {
float:left;
width:50%;
/*padding:20px;*/
}

#AboutPhoto img {
width:100%;
max-width:500px;
}

.AboutFull {
display:none;
}

.AboutFull2 {
display:none;
}

#FooterContain {
padding-top:2em;
padding-bottom:2em;
text-align:left;
max-width:1000px;
}

#FooterBottom {
font-size:.9em;
}

#FooterLeft {
width:60%;
float:left;
}

#FooterRight {
width:40%;
float:right;
text-align:right;
}

#FooterContact {
margin-bottom:1em;
}

#FooterContactLeft {
width:65%;
float:left;
}

#FooterContactRight {
width:35%;
float:right;
}

#SocialContain {
white-space:nowrap;
text-align:right;
margin-bottom: 10px;
}

#SocialContain img {
	width:100%;
}

.SocialIcon {
display:inline-block;
width:14%;
margin-right:1%;
}

.SocialIcon a {
display:block;
}

.SocialIcon img {
width:100%;
max-width:128px;
}

.FormContain {
	float:left;
	text-align:right;
	margin-top:1em;
	}

.FormContain label {
	font-size:1em;
	/*color:#074de0;*/
	white-space:nowrap;
	/*text-shadow:0px 0px 6px #fff,0px 0px 6px #fff,0px 0px 6px #fff;*/
	}

.FormContain input {
	height:30px;
	font-size:1em;
	box-shadow: 0px 0px 5px #CCC;
	border: 5px solid #FFF;
	}
	
.FormContain textarea {
	font-size:1em;
	box-shadow: 0px 0px 5px #CCC;
	border: 5px solid #FFF;
	}

.SubmitButton {
	height:inherit !important;
	font-size:24px;
	letter-spacing:3px;
	font-style:italic;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#CCC;
	border-width:2px !important;
	width:31%;
	}
	.SubmitButton:hover {
		background-color:#999;
		}


/*Responsive Styles - Max Width (high to low)*/
/*@media (max-width: 980px) {
#AboutContentLeft {
margin-right:3%;
}

#AboutPhoto {
width:50%;
}
}*/

@media (max-width: 855px) {
.AboutLeft {
display:none;
}
.AboutFull {
display:block;
}
.ClearBreak {
display:block;
}
}

@media (max-width: 750px) {
.NavUL li {
padding-left:1em;
padding-right:1em;
}
}

@media (max-width: 690px) {
.AboutLeft2 {
display:none;
}
.AboutFull2 {
display:block;
}
}