html, body{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
/*
  overflow:hidden;
*/
}
body{
	margin:0;
	padding:0;
	font-size:.8em;
	/*
	text-align:center;
	background:#e7e7e7 url(/images/backrocks750.jpg) repeat-y center;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	*/
	font-family:Georgia,serif;
	font-weight:bold;
	background:#eee;
}
a:link,a:visited,a:active{
	color:#c00;
	text-decoration:none;
}
a:hover{
	color:#c00;
	text-decoration:underline;
}
p{
	text-align:left;
	margin:10px 0;
}
h4{
	color:#c00;
	font-size:2em; /*1.5em;*/
	font-style:italic;
	font-weight:bold;
	margin:10px 0 25px 0;
}
h6{
	font-size:13px;
	margin-bottom:8px;
}
form{
	display:inline;
	margin:0;
}
.hidden{display:none;}
#sitelogo{
  text-align:center;
}
#sitelogotag{
  margin:-10% 0 50px -180px;
}
#artworkedit label{
	display:block;
	width:120px;
	text-align:right;
	padding:2px 10px 2px 0;
	background:#ddd;
}
#alertMsg{color:red;font-weight:bold;font-style:italic;display:block;padding:0 10px;clear:left;margin:0 0 8px 0;}
#container{
	/*text-align:center;*/
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:2;
}

/*
html, body{margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body{font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller{position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content{padding:5px 300px 20px 200px;}
p{line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed{position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
*/

#backimg{
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	/*
	*/
	top:0;
	left:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
	overflow:hidden;
}
#backimgopaque{
	position:absolute;
	top:0;
	left:0;
	width:750px;
	height:480px;
	z-index:-10;
	background:#ccc;
}
#main{
	z-index:1;
	/*
	position:relative;
	*/
	width:750px;
	margin:0 auto;
	text-align:center;
}
#bodycont,#footercont{
	/*
	position:relative;
	padding:10px 20px;
	*/
	z-index:1000;
}
#headercont{
	z-index:-1001;
	padding:0;
	position:relative;
	height:120px;
	width:750px;
}
#navcont{
	padding:0;
	z-index:2000;
	text-align:left;
}
#bodycont{
	padding-top:0;
}
#sitelogoimg{max-width:450px;}

/* home page nav */
#navlist{
width:160px;
}
#navlist ul{
list-style-type:none;
font-weight:bold;
font-size:.9em;
text-align:left;
margin:0;
padding:0;
/*
position:relative;
*/
line-height:1;
}
#navlist ul li{
display:inline;
/*
border:#0f0 solid 1px;
*/
}
#navlist ul li ul li{
margin-left:10px;
display:block;
}
#navlist ul li a{
/*
position:relative;
*/
display:block;
color:#000;
text-decoration:none;
padding:4px 7px;
}
#navlist ul li a:hover{
background-color:#fff;
color:#c00;
}

/* subpage nav */
#nav{
	height:22px;
	/*
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	*/
}
#nav,#nav ul{/* all lists */
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
}
#nav a{
	display:block;
	position:relative;
	/*
	*/
	padding:5px;
	font-weight:bold;
	font-size:.9em;
	border-right:1px solid #ddd;
	border-bottom:#ddd solid 1px;
	/*
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	*/
	text-decoration:none;
	text-align:center;
	color:#000;
}
#nav a:hover{
	color:#c00;
}
#nav li{/* all list items */
	background:#fff;
	float:left;
	width:100px; /* width needed or else Opera goes nuts */
	color:#000;
}
#nav li ul{/* second-level lists */
	position:absolute;
	width:170px;
	left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
	text-align:left;
}
#nav li ul li{
	width:190px;
}
#nav li li a{
	text-align:left;
}
#nav li:hover ul ul,#nav li.sfhover ul ul{
	left:-999em;
}
#nav li:hover ul,#nav li ul li:hover ul,#nav li.sfhover ul,#nav li ul li.sfhover ul{/* lists nested under hovered list items */
	left:auto;
}
#nav li:hover, #nav li.sfhover{
	background:#eee;
	color:#c00;
}

/* galleries */
#gallerymain{
	text-align:center;
	/*
	position:relative;
	height:270px;
	padding:0 0 0 25px;
	overflow:auto;
	*/
	vertical-align:top;
}

.categoryitem{
	display:inline-block;
	width:33%;
	margin:0 auto 10px auto;
	vertical-align:top;
	/*
	float:left;
	height:150px;
	width:190px;
	*/
}
.categoryitem img{
	border:#000 solid 1px;
	margin-top:10px;
	height:120px;
	max-width:100%;
}
.categoryitem p{
	position:absolute;
	top:0;
	left:0;
	margin-left:120px;
	padding:10px;
}
.categoryitem a{
}
.categoryitem span{
	display:block;
	font-size:1em;
	font-weight:bold;
	padding:5px;
	margin:0;
}

.galleryitem{
	display:inline-block;
	/*
	float:left;
	position:relative;
	max-height:120px;
	border:#804000 solid 1px;
	height:175px;
	*/
	width:32%;
	margin:0 5px 5px 0;
	vertical-align:top;
}
.galleryitem div{
  vertical-align:middle;
}
.galleryitem img{
	border:#000 solid 1px;
	margin-top:5px;
  height:120px;
  max-width:100%;
}
.galleryitem p{
	margin:10px;
	font-size:1em;
	text-align:center;
}
.galleryitem a{
	font-size:1em;
	font-weight:bold;
}
.galleryitem span{
	font-size:1em;
}
.galleryitem span.Sold{
	color:#c00;
	text-transform:uppercase;
	font-weight:bold;
}
.galleryitem span.ForSale{
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
.imgcont{
	/*
	display:block;
	margin:10px;
	float:left;
	display:inline;
	height:110px;
	width:100px;
	*/
	text-align:center;
}

#footercont{
	font-size:1em;
}
#pricing{
	padding-bottom:5px;
	text-align:center;
}


/* contact form  */
.floatlt{
	float:left;
	padding-right:10px;
}
.formreqd{
	font-size:.7em;
	color:#c00;
	margin-left:8px;
	font-weight:normal;
}
.formnote{
	font-size:.7em;
	color:#000;
	margin-left:8px;
	font-weight:normal;
}

#artlist table{
	border-collapse:collapse;
	background:#ccc;
}
#artlist th{
	background:#000;
	color:#fff;
	padding:2px;
}
#artlist td{
	border:#999 solid 1px;
	background:#fff;
	padding:2px;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	font-size:0.7em;
	color:#333;
}


/* default section definitions */
#navtop,
#leftdiv,
#main,
#rightdiv,
#footer{position:relative;margin:10px auto;width:auto;max-width:750px; /*1002px;//*background:#fff;border:#000 solid 2px;*/padding:10px;display:flow-root;}
#main{background-color:rgba(255,255,255,.5);}
#navtop,
#footer{max-width:635px;}
#footer{font-size:11px;text-align:center;}
.content{background:#131313;margin:0 30px 20px 30px;}
h2{color:#c00;font-weight:bold;font-size:16px;padding:10px 0;margin:0;}
#aboutimg{float:right;margin:0 0 20px 20px;width:240px;}
.albumdetails{padding-left:10px;}

/* section main divs */
#divleftcontent{display:inline-block;width:210px;float:left;}
#divmaincontent{display:inline-block;width:535px;border:#2f2f2f solid 1px;
  border-image:linear-gradient(to bottom,#131313,#a2a2a2,#131313) 1 100%;
  border-width:0 1px;margin:0 10px;padding:0 15px 30px 15px;}
#divrightcontent{display:inline-block;width:210px;float:right;font-weight:normal;}
#divmaincontent.noevents{display:inline-block;width:77%;border-width:0 1px 0 0;margin:0 10px 0 0;padding:0 15px 30px 0;}


.navbar-default{background-image: none; border: none; box-shadow: none; }
.navbar-brand span{color: #d41461; }
.navbar-brand{font-size: 2em; text-transform: uppercase; color: #fff; font-weight: 500;  }
.navbar-nav{width: 100%; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{
  background-image: none;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link{
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link{
  color: #fff;
  font-size: 16px;
  /*
  text-transform: capitalize;
  font-variant: small-caps;
  letter-spacing: 1px;
  */
}
.nav-item.foundation{
  position:absolute;
  right:10px;
}
.navbar-light .navbar-nav .nav-link{
  color: #000;
}
.navbar-light .navbar-nav .nav-link:hover{
  color: #c00;
}

a:link,
a:visited,
a:hover,
a:active{color:#c00;text-decoration:none;}
a:hover{text-decoration:underline;}


/*=================================*/
/* Bootstrap class overrides
/*=================================*/

/* Bootstrap carousel */
.carousel-caption{
  color: #000;
}
.carousel-indicators li{
  height: 10px;
  background-color: #00f;
}

/* Bootstrap modal */
.modal-title{
  color:#c00;
}
.modal .close{
  color: #fff;
}
.day .modal-content{
  background-color:rgb(255, 234, 242);
  text-align:center;
  color:#000;
}
.day .modal-dialog{
  max-width:400px;
  /*margin:.5rem auto;*/
}

/* Bootstrap calendar */
header{
  text-align: center;
}

#calendar{
  width: 100%;
}

#calendar a{
  color: #000;
  text-decoration: underline; /*none*/
}

#calendar ul{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color:#fff;
}

#calendar li{
  display: block;
  float: left;
  width:14.342%;
  padding: 5px;
  box-sizing:border-box;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-bottom: -1px;
}

#calendar ul.weekdays{
  height: 40px;
  background: #ccc;
}

#calendar ul.weekdays li{
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #c00;
  font-size: 13px;
}

#calendar .days li{
  height: 180px;
}

#calendar .days li:hover{
  background: #434343;
}

#calendar .date{
  text-align: center;
  margin-bottom: 5px;
  padding: 4px;
  background: #333;
  color: #fff;
  width: 27px;
  border-radius: 50%;
  float: right;
}

#calendar .event{
  clear: both;
  display: block;
  font-size: 10px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 12px;
  background: #ccc;
  border: 1px solid #b5dbdc;
  color: #009aaf;
  text-decoration: none;
  cursor:pointer;
}

#calendar .event a{
  padding: 5px;
  display: block;
}

#calendar .event-desc{
  color: #666;
  margin: 3px 0 7px 0;
  text-decoration: none;
}

#calendar .other-month{
  background: #ddd;
  color: #666;
}

#calendar .other-month div{
  display:none;
}
#calendar .dayname{
  display:none;
}
h1.calmonth{color: #c00;}


/* ============================
        Mobile Responsiveness
   ============================*/


@media(max-width: 767px){

  #calendar .weekdays, #calendar .other-month{
    display: none;
  }

  #calendar li{
    height: auto !important;
    border: 1px solid #ededed;
    width: 100%;
    padding: 10px;
    margin-bottom: -1px;
    position: relative;
  }

  #calendar .date{
    float: none;
  }
}


/* Responsive CSS begin */

/*
@media (max-width: 1044px){
}
*/
@media (max-width: 1023px){
  #navtop,
  #main,
  #footer{margin:10px auto;}
  .navbar-dark .navbar-nav .nav-link{font-size:16px;}
  #divmaincontent{width:68%;border-width:0 0 0 1px;}
  #divrightcontent{display:block;width:100%;margin:30px 0;border-top:#2f2f2f solid 1px;border-image:linear-gradient(to right,#131313,#a2a2a2,#131313) 100% 1;}
}
@media (max-width: 767px){
  #sitelogoimg{width:72%;}
  .navbar .navbar-nav .open .dropdown-menu>.active>a,
  .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar .navbar-nav .open .dropdown-menu>.active>a:hover{background-image: none!important; color: #d41461!important;}
  .nav-item.foundation{position:relative;}

  #main,
  #footer{margin:10px auto;width:auto;padding:10px;display:flow-root;}
  #divleftcontent{/*display:none;*/width:100%;margin:20px 10px 0 0;float:left;border-top:#2f2f2f solid 1px;border-image:linear-gradient(to right,#131313,#a2a2a2,#131313) 100% 1;}
  #divmaincontent{display:inline-block;width:100%;border-width:0;margin:0;padding:0;}
  #calendar li.no-events{
    display: none;
  }
  #calendar .dayname{
    display:  block;
    color:#c00;
    position:absolute;
    top:15px;
    left:50px;
  }
  #calendar .event{
  font-size: 12px;
  line-height: 14px;
  }
  #sitelogotag{margin:-10% 0 50px -180px;}
}
@media (max-width: 600px){
  #sitelogoimg{width:100%;}
  h1.calmonth{font-size:2.0em;line-height:1em;margin-top:15px;color: #c00;}
  .categoryitem{width:50%;}
  .galleryitem{width:48%;}
}
@media (max-width: 450px){
  #aboutimg{float:none;display:block;width:100%;margin:0 0 20px 0;}
  h1.calmonth{font-size:1.5em;margin-top:20px;}
  #sitelogotag{width:100px;margin:-15% 0 5% 2%;}
}
@media (max-width: 400px){
  .galleryitem{width:80%;margin:0 auto 5px auto;float:none;display:block;}
  .galleryitem img{height:180px;}
  .categoryitem{width:80%;}
  .categoryitem img{height:180px;}
}
@media (max-width: 350px){
  h1.calmonth{font-size:1em;margin-top:23px;}
  .dropdown-menu{font-size:1em;}
}
/* Responsive CSS end */

/* IE specific hacks begin */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  #main{display:inline-block;}
}
@supports (-ms-ime-align:auto){
  #main{display:inline-block;}
}
/* IE specific hacks end */