html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

/*parallax Scrolling*/
.parallax{
	background-attachment:fixed;
	width:100%;
	height:100%;
	position:relative;
}

#scrolling1{
	background-color:#006DC0;
}

#scrolling2{
	background-image:url(images/jam1.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	z-index:9;
}

#scrolling3{
	background-image:url(images/jam2.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	z-index:99;
}

#scrolling4{
	background-color:#006DC0;
}
	
#scrolling5{
	background-color:#006DC0;
}
/*/parallax Scrolling*/
.navbar{
	width:100%;
	height:50px;
	text-align:center;
}
	
.navbar nav{
	width:100%;
	height:50px;
	background-color:#339999;
	position:fixed;
	top:0;
	z-index:9999;
	margin:0 auto;
	
}

.jam-logo{
	float:left;
	width:200px;
	height:50px;
	color:#FFF;
}
	
.navbar nav ul{
    margin:0;
	padding:0;
}
.navbar nav ul li {
	list-style:none;
	float:left;
	width:150px;
	height:50px;
	text-align:center;
	line-height:50px;
}

.navbar nav ul li:hover {
	background-color:#53BEE8;

}

.navbar nav ul li a{
	display:block;
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	color:#FFF;
}

.navbar nav ul ul{
	display:none;
	height:40px;
	margin:0;
	padding:0;
}

.navbar nav ul li:hover > ul{
	display:block;
}


.navbar nav ul ul li{
	height:40px;
	width:150px;
	margin:1px;
	text-align:center;
	padding:0 0 8px 0;
	background-color:#53BEE8;

}

.navbar nav ul ul li:hover{
	background-color:#339999;
	border-bottom:none;

		
}

.navbar nav ul ul li a{
	font-size:14px;
}

.home{
	width:100%;
	height:550px;
}


/*Slider*/
#home_slider {
	width:100%; 
	height:550px;
	position:relative;
}
	
#slider {
	width:100%;  
	height:550px;
	position:absolute;
	overflow:hidden;
}
.items{
	width:100%;
	height:550px;
	background:url(dot.png);
}
.img{
	width:100%;
	opacity:0.8;
}
.info {
	text-align:center;
	position:absolute;
	top:200px;
	Z-index:99;
	left:0;
	right:0;
}
.info h1{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	font-size:50px;
	margin:0px;
	
}

.info p{
	width:70%;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:18px;
	margin:0px;
	padding:15px;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin:0 auto;
}

#caption1{
width:100%;
text-align:center;
display:block;
position:absolute;
cursor:pointer;
z-index:99;
top:50px;
} 

#caption2{
width:100%;
text-align:center;
display:block;
position:absolute;
cursor:pointer;
z-index:99;
top:450px;
} 


#next {
	text-align:center;
	line-height:50px;
	color:#FFFFFF;
	width:50px;
	height:50px;
	background-color:#000;
	position:absolute;
	top:250px;
	right: 10px;
	z-index:99;
	border-radius:50%;
	opacity:0;
	cursor:pointer;	
}

#prev {
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	width: 50px;
	height: 50px;
	background-color:#000;
	position: absolute;
	top: 250px;
	left: 10px;
	z-index: 99;
	border-radius:50%;
	cursor: pointer;	
	opacity:0;	
}

.home_slider:hover #next { 
	opacity:0.3;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
	
.home_slider:hover #prev { 
	opacity:0.3;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}

/*end*/


/*about*/

.about{
	width:100%;
	height:320px;
	padding-top:70px;
}

.about p{
	width:75%;
	margin:0 auto;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	color:#FFFFFF;	
}

/*service*/

.service{
	width:100%;
	height:250px;
	padding-top:70px;
}
.abc{
	width:200px;
	background-color:#53BEE8;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

.headline{
	width:200px;
	margin:0 auto;
	margin-bottom:50px;
}

.svtitle{
	width:70%;
	margin:0 auto;
	text-align:center;
}

.svtitle img{
	margin-left:10px;
}

.svtitle a{
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	padding-left:10px;
	color:#006DC0;
	padding-bottom:50px;
	font-weight:bold;
}

.svtitle a:hover{
	color:#53BEE8;
}

/*Contact*/

.contact{
	width:100%;
	height:490px;
	background-color:#E8E8E8;
	padding-top:50px;
}
.address{
	width:70%;
	margin:0 auto;
}

.address-left{
	float:left;
}
.address-right{
	float:right;
}
.social-bar{
	width:70%;
	margin:0 auto;
	padding:20px 0;
	clear:both;
	text-align:center;
}

.social-bar a:hover{
	padding:5px;
}

#caption2 a:hover{
	padding:5px;
}

.footer{
	width:70%;
	margin:0 auto;
	text-align:center;
}

.footer a:hover{
	color:#229922;
}


.arrow{
	width:900px;
}



.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    text-indent: -9999px;
	background:url(images/arrow.png) no-repeat;
	
}

/*Gallery*/
.mygallery{
	width:100%;
	height:520px;
	padding-top:70px;
}
.gallery{
	width:70%px;
	margin:0 auto;
	text-align:center;
}

.gallery ul{
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.gallery ul li{
	list-style:none;
	display:inline;
	margin:5px;
}

.gallery img{
	display:inline-block;
	background-color:#E8E8E8;
	padding:5px;
	border:2px solid #80C102;
	box-shadow:1px 1px 2px #000;
	
}

.gallery img:hover{
	border:1px solid #006DC0;
	
}

.footer-menu{
	width:100%;
	height:40px;
	background-color:#399;

}

.footer-menu nav{
	width:100%;
	margin:0 auto;
	text-align:center;
	
}

.footer-menu nav ul{
	margin:0px;
	padding:0px;
	
}

.footer-menu nav ul li{
	list-style:none;
	display:inline;
	margin:5px;
	line-height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Adobe Arabic";
}

.footer-menu nav ul li a{
	text-decoration:none;
	color:#FFF;
}

.footer-menu nav ul li a:hover{
	text-decoration:underline;
	color:#FFF;
}

section{
	background-color:#FFF;
	width:70%;
	margin:auto;
}

section h1{
	margin-bottom:0; 
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:32px;

}

section p{
	text-align:justify;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Adobe Arabic";
	padding-bottom:20px;
}

section img{
	padding-top:15px;
}