body { 
background-color: white;
	}
a{
    color:white;
}

p{
	text-align: center;
}

h1 { 
    color: #8ebbcb; text-align: center;
	
}

h2 { 
    color: #FFFFFF; text-align: center;
	font-size:"20%";	
}

div.owner_logo{
	margin: 0px auto;
}

#banner_caption{
	background-color: #8ebbcb;
}

h5{
	color: black; text-align:left;
	}

.navbar-collapse {
  text-align:center;
}
.navbar-nav {
    display:inline-block;
    float:none;
}    

/* color behind other frames. Shows up after header and photo nav frames*/
#wrapper{
	position: relative;
	margin: 0 auto;
	width: 1280px;
	height: 800px;
	background-color: #be1e2d; /* firestarter red */
    
}

/* Header Frame */
#header{
	position: relative;
	width: 1280px;
	height: 87px;
	background-color: #41393d; /* sleek */
}

#navigation{
	position: absolute;
    top: 50px;
    left: 15px;
	width: 550px;
	height: 45px;
	/*background-color: #41393d;*/
}
#contact_logo{
	position: absolute;
    top: 5px;
    left: 1100px;
	width: 80px;
	height: 100px;   
}

#contacts{
	position: absolute;
    top:35px;
    left: 910px;
	width:300px;
	height: 60px;
	/*background-color: #41393d;*/
    
}

/* Main Background Pic Frame */
#bkgpic_area{
	position: absolute;
	top: 95px;
	width: 1280px;
	height: 373px;
	background-color: teal;
    background-image: url(../images/chinesebkg.png);
}


#menu_bkg{
	position: absolute;
	top: 95px;
	width: 1280px;
	height: 373px;
	background-color: teal;
    background-image: url(../images/menuimage.png);
}
#logo{
	position: absolute;
    top: 100px;
    left: 100px;
	width: 300px;
	height: 80px;
    background-image: url(images/logo.png);
}

#content{
	position: absolute;
    top: 190px;
    left: 67px;
	width: 386px;
	height: 135px;
}

#content2{
	position: absolute;
    top: 1px;
    left: 67px;
	width: 690px;
	height: 373px;
    background: rgba(65, 57, 61, 0.7); 
    border-radius: 20px;
        
}

#content3{
	position: absolute;
    top: 0px;
    left: 67px;
	width: 500px;
	height: 373px;        
}

/*Photo Navigation Frame */
#photonav{
	position: relative;
    top: 381px;
	width: 1280px;
	height: 242px;
	background-color: #41393d;
	
	/* begin picture list with hover  I learned how to do this here -http://geekgirllife.com/place-text-over-images-on-hover-without-javascript/ - */
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0; 
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 185px;
  margin: 2em 8.5em 0 0;
  position: relative;
  width: 150px;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 185px;
  left: 0;
  position: absolute;
  top: 0;
  width: 265px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 185px;
  left: 0;
  position: absolute;
  top: 0;
  width: 265px;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

/*end awesome picture hover links*/

#footer{
	background-color: #8ebbcb; /* Green Blue matching Banner image */
	
}

#footleft{
	background-image: url(../images/instagram.png);padding-top: 10px;padding-bottom: 10px;
}

#footcenter{
	background-image: url(../images/facebook.png);padding-top: 10px;padding-bottom: 10px;
}

#footright{
		background-image: url(../images/twitter.png);padding-top: 10px;padding-bottom: 10px;
			
}
ul {   
margin: auto;
}

li {   
text-decoration:  none;   
display: inline-block;   
margin: 10px;
}

.foot_left_image:before {
    content:url(http://www.twitter.com);
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.foot_center_image:before {
    content:url(http://www.facebook.com);
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.foot_right_image:before {
    content:url(http://www.instagram.com);
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 0px;
    right: 0px;
}