/* Peggy's Place OBX CSS*/

 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	background: transparent;
}
body {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000;
	padding:0;
	margin:0;
	background:#c5c5c5 url(../images/bkgd2018.png) no-repeat;
}

html {
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6{
font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

h1 {
	margin: 2em 0;
	font-size:16px;
	text-align:center;
}
h2 {
	font-size:14px;
	text-align:center;
}
h2 a:link {
	font-size:14px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
}
h2 a:visited{
	font-size:14px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
}
h2 a:hover {
	font-size:14px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
}
h3 {
	font-size:14px;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:bold;
}
h4 {
	font-size:13px;
	text-align:center;
}
h4 a:link {
	font-size:13px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
}
h4 a:visited {
	font-size:13px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
}
h4 a:hover {
	font-size:13px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
	color:  #FC0101;
}
h5 {
	font-size:12px;
	font-style:italic;
	text-align:center;
	color:#000;
}
h6 {
	font-size:14px;
	text-align:right;
	margin: 0 10px 5px 0;
}
.bgwhite {
	background-color:#FFF;
	    border-radius: 25px;
    background: url(../images/bg-white.png);
    background-position: left top;
    background-repeat: repeat;
    padding: 20px;
    color: #000;	
}
img {
	border: none;  
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
hr {
	color:#6da0c3; 
	background-color:#6da0c3;
	border: 0;
	height: 1px;
	width: 100%;
	text-align: left;
}

a:link {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#000;
	text-decoration:underline;
}
a:visited {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#000;
	text-decoration:underline;
}
a:hover{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:  #FC0101;
	text-decoration:underline;
}
	
ul {
	margin:0;
	padding:0;
	display:block;
	 
}	
ol, ul {
	list-style: inside;
}
div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
 


.clr {clear:both;} 
.ctr {text-align:center; margin:0 auto;}
.popform {visibility:hidden; height:0px;}
.top-fix {padding: 80px 0 0 0;}


.col-spacing {margin: 5px 0px;}
.row-spacing {margin: 5px 10px;}
.text-box {padding:5px 20px; margin-top:5px;}
.footholder {margin-top: 40px;}

.carousel-caption {
	position:relative;
	color: #000;
	text-align:center;
}

.carousel-caption h2 span{
	 
	text-align:center;
}

/* Portfolio */
.inner-page-gallery img {padding:5px; display:inline;}
 
td {margin: 4px 5px; padding:4px 5px;}
 /******************************/
/*  Nav Bar */
/******************************/
/* Navigation */
.navbar {
    margin:0 auto;
    padding:0 10px  ;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	text-align:center;
	font-size:1.5em;
}
.navbar-brand {padding:0 15px;}
.navholder {
	max-width:900px;
	margin:0 auto;
	}
.navbar-inverse .navbar-nav>li>a {
    color: #000000;
}
 /* navbar */
.navbar-default {
  
	background-color: #6da0c3;   
	 border-color: #6da0c3; 
}	 
	.navbar-nav>li {font: bold 1.0em Helvetica, sans-serif;}
	.navbar-nav>li a {font: bold 1.0em Helvetica, sans-serif; text-decoration:none;}

/* title */
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color:  #F00;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #FFF; 
 
}
/*** THIS IS THE HOVER COLOR **/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 
	color:#F00;
}
/*** THIS IS THE HOVER COLOR OVErridE**/
.navbar-default .navbar-nav > li > a:hover span,
.navbar-default .navbar-nav > li > a:focus span{
 
	color: #F00;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #000033;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #000033;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
 
    border-top-color: #FFF;
    border-bottom-color: #FFF
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;  
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
  
	 border-top-color:#FFF; border-bottom-color:#FFF;
}
/* mobile version */
.navbar-default .navbar-toggle {
   border-color: #000; 
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  
   background-color: #000; 
}

/***** THIS ONE COTNROL THE MENU ITME COLOR AND HIEGHT!!!! */
.navbar-default .navbar-nav > li > a {
  /*  color: #000000; */
  color:#FFF;
  
}
.navbar-fixed-top {
 /*       top: 30px; */
        border-width: 0 0 0;
    }

 .navbar-default .navbar-toggle {
    border-color: #FFF;}
	
	
#cssmenu  { z-index: 1000;  margin:0 auto; width:700px; position:relative;}
#cssmenu ul { margin: 0; padding: 0; z-index: 1000;position:relative;}
#cssmenu li { margin: 0; padding: 0; z-index: 1000;position:relative;}
#cssmenu a { margin: 0; padding: 0; z-index: 1000;position:relative;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {height: 50px; background-color: #6da0c3; box-shadow: 0px 2px 3px rgba(0,0,0,.4);}
/*#cssmenu {height: 70px; background-color: #00CCFF; box-shadow: 0px 2px 3px rgba(0,0,0,.4);}*/

#cssmenu > ul > li {
    float: left;
    margin-left: 9px;
    position: relative;
}

#cssmenu > ul > li > a {
    color:#FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 15px;
 /*   line-height: 70px;
 		 padding: 15px 10px; */
    line-height: 50px;
    padding: 8px 10px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;o
        transition: color .15s;
}

#cssmenu > ul > li > a:hover {color: #000; }


#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: #000;
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 65px;
    visibility: visible;
	background-color: #FFFFCC; /*Color of top and bottom bars on first dropdown */
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #FFFFCC transparent; /* This is the arrow on top of first dropdown */
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
	
}

#cssmenu > ul ul > li { position: relative;}

#cssmenu ul ul a{
    color: #000; /* TEXT Color on first dropdown */
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 13px;
    background-color: #FFFFCC; /* Background Color of first drop down*/
    padding: 5px 8px 7px 10px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#cssmenu ul ul a:hover {background-color: #FF0000;}  /*background color of first drop down when hovering */


#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: #000;
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#cssmenu ul ul a:hover{
    background-color: #CC6699);
    color: #FFFF33;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #FFF;
	
	
 }