html,body{
	height:100%;
	}
	
body{
	padding-top: 100px;
	height:1700px;
	margin:0 auto;
	}

.navbar
{
 background-image: url(../images/menubar.jpg);
  background-repeat: repeat; 
  
}

.navbar-fixed-top {
    min-height: 100px;
}

.navbar-nav > li > a {
	float:none;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 130px;
}


	
@media (max-width: 767px) {
    .navbar-nav > li > a > .icon{
    float:left;
    margin-right:20px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;}
}

.navbar .nav > li > a {
    float: none;
    text-decoration: none;
    color:#66ccff;
    font-size:25px;
    }

.navbar .nav li a:link{
    float: none;
    text-decoration: none;
    color:#66ccff;
    font-size:18px;
    }
    
.navbar .nav li a:hover{
    float: none;
    text-decoration: none;
    color:#1f5195;
    font-size:18px;
    }


.border {
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#71C8F1;
	height:20px;
	padding-left:18px;
	padding-right:18px;
	margin-top:30px;
    color:#66ccff;
	}

#leftborder{
	height:20px;
	padding-left:18px;
	padding-right:18px;
	margin-top:30px;
    color:#66ccff;
	}


.navbar .container { 
	min-height: 80px; }
	
.logo{
	padding-top:5px;
	}
.icon{
	margin-top:20px;
	width:32px;
	}

.imageresize img{
    max-width:100% !important;
    height:auto;
    display:block;
}






.center { margin: 0 auto; }
.content{ margin: 0 auto; }

    


#circlenav{
	position:fixed;
	z-index:10;
	width:100%;
	z-index:3;
	margin-left:90%;
  	top: 50%;
	}



#circlenav a{
	position:fixed;
	width:15px;
	height:15px;
	border-radius: 50%;
	background-color:white;
	}

	

#circlenav a.clicked{
	border-radius: 50%;
	border:2px solid white;
	background-color:rgba(255,255,255,0);
	}

/*= SLIDES STYLING
--------------------------------------------------------*/

.box{
	width:100%;
	height:100%;
	text-align:center;
	}

#circleslide{
	height:400px;
	}
.circles{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.circles:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#slide-1{
	background:url('../images/anuk.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

#text-1{
	background-color:#91cc2e;
		margin-top:-110px;

	display: inline-block;
	    }

#text-2{
	background-color:#090033;
	margin-top:-230px;
	display: inline-block;
	    }
#text-3{
	background-color:#c30025;
	margin-top:-230px;
	display: inline-block;
	    }

#text-4{
	background-color:#296aa6;
	margin-top:-230px;
	display: inline-block;
	    }
.col-md-6{
	padding:0px;
	}


.quote{
	width:90%;
	margin:0 auto;
	text-align:left;
	padding:4%;
	color:white; 
	}
h1{
	color:white;
	font-size:20px;
	line-height:140%;
	padding:35px;
	padding-left:9%;
	padding-right:9%;
	font-family: 'Oxygen', sans-serif;
	}
.name{
	font-size:15px;
	}

.firstcharacter { 
	float: left; 
	font-size: 70px; 
	line-height: 50px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
	}

#slide-2{
	background: url('../images/deli.jpg') no-repeat center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    margin-top:-100px;
    z-index:3;

    	}
    	

#slide-3{
	background: url('../images/snack.jpg')no-repeat center;
 	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    margin-top:-100px;
    }

#slide-4{
	background: url('../images/jp.jpg')no-repeat center;
 	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    margin-top:-60px;
    }



.circles{
	margin:0 auto;
	max-height: 400px;  
    max-width: 400px;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  
	}

#footer{
	background: url('../images/menubar.jpg')repeat center;
	height:70px;
	color:white;
	padding:2%;
	padding-left:12%;
	padding-right:12%;
	margin:0 auto;
	text-align:center;
	margin:-20px;
	
	}

#footer a:link{
	color:white;
	}
	
#footer a:hover{
	text-decoration:none;
	}

.hoverlink{
    display : block; 
   	height:100%;
	width:80%;
	}

	


.textleft p{
	font-size:16px;
	line-height:18px;
	padding:3%;
	margin: 0 auto;
  	margin-left: auto;
  	margin-right: auto;
  	width:60%;
 	font-family:Arial Narrow, san-serif;
  	text-align:center;
  	color:#080808;
    }
  
.textright p {
	font-size:19px;
	line-height:25px;
	padding:5%;
	margin: 0 auto;
  	margin-left: auto;
  	margin-right: auto;
  	width:70%;
  	font-family:Arial Narrow, san-serif;
  	text-align:left;
  	color:#080808;
  	}
	
.bold{
	font-weight:bold;
	font-family:Arial, san-serif;
	}

.name{
	font-size:15px;
	text-align:right;
	font-style:italic;
	}


@media (max-width: 767px) {
	.circles{
		width:330px;
		}
}