/* --------------------------------------------- */
/* Ozarks Creative Notions Style Sheet with Bootstrap 3.3.7 */
/* -------------------------------------------------------- */
/* Created - Mar 2017 LEC (OZCN) - Version 3.0 with responsive design */
/*  -------------------------------------------  */
/*  Color scheme:             */
/*   #585858   - medium gray  */
/* --------------------------------------------- */

ul {
       background-color: #434343;
}

/* Change the link color on hover */
li a:hover {
    background-color: white;
    color: #555;
}


.btn-primary {
	color: #fff;
	background-color: transparent;
	border-color: white;
	margin-bottom: 5px;
}
.btn-primary:hover {
	color: #555;
	background-color: white;
	border-color: white;
}

.navbar-inverse {
	background: #434343;   <!-- color of nav bar background -->
	border: 0;
}
.navbar-inverse .navbar-nav li a {
	color: white;         <!-- color of text on navbar -->
	font-size: 16px;
} 
.navbar-inverse .navbar-nav li a:hover {
	background: gray;
}

.dropdown-menu {
	background: #434343;
	border-radius: 0;
	border: 0;
}
.dropdown-menu li a {
	padding: 7px;
}
.navbar-inverse .navbar-nav .dropdown-menu li a:hover {
	background: gray;
}

.call-to-action {
	text-align: center;
}
.call-to-action p {
	margin-bottom: 30px;
	font-family: sans-serif;
}

/* ************************************************ */
/* -- SlideShow - Photo Gallery -- */
/* ************************************************ */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#slideshow_wrapper {width:606px; margin:15px auto; display:none}
#slideshow_wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:606px; height:450px; padding:2px; border:1px solid #ccc; background:#000}

#information {position:relative; bottom:0; width:606px; height:0; background:#555; color:#fff; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=70)}
#
#information h3 {padding:4px 8px 3px; font-size:16px}
#information p {padding:0 8px 8px }

#image {width:606px}
#image img {position:absolute; left:0; z-index:25;  width:auto;}

.imgnav {position:absolute; width:25%; height:456px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

#imglink {position:absolute; height:456px; width:100%; z-index:100; opacity:.5; filter:alpha(opacity=40)}

.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}

#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}

#slideleft:hover {background-color:#333}

#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}

#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:556px; margin-left:5px; height:81px; overflow:hidden}

#slider {position:absolute; left:0; height:81px}

#slider img {cursor:pointer; border:1px solid #665; padding:2px}