/*body and background:*/
body{
    background-color: black;
}

.backgroung{
    height: 1050px;
    width: 1000px;
    background: url('../graphics/background.png');
    background-repeat:no-repeat;
    margin: auto;
}

/*header and footer:*/

	#headerWrap{
	    width: 1000px;
	    height: 155px;
	    margin: auto;
	}
	
	#right_side{
	    display: inline-block;
	    width: 430px;
	}
	
	#left_side{
	    display: inline-block;
	    position: absolute;
	    width: 560px;
	    height: 165px;
	    margin-top: 5px;
	    border: 1px solid black;
	    overflow: scroll;
	    overflow-x: hidden;
	}
	
	.logo_pic{
	    width: 35px;
	    height: 38px;
	    border: 2px solid white;
	    margin-top: 10px;
	    margin-left: 10px;
	}
	
	.headline{
	   display: inline-block;
		position: absolute;
		margin-top: 9px;
		margin-left: 10px;
	}
	nav{
	    display: inline-block;
	    width: 348px;
	    height: 84px;
	    margin-left: 11px;
	    margin-top: 30px;
	}
	
	.nav{
	    border: 1px solid black;
	    display: inline-block;
	    background-color: #222222;
	    width: 169px;
	    height: 24px;
	    border-top-left-radius: 7px;
	    border-top-right-radius: 7px;
	    color: white;
	    font-size: 11px;
	    font-family: sans-serif;
	    text-align: center;
	    padding-top: 1px;
	    cursor: pointer;
	}
	
	.nav_icon{
	    float: left;
	    margin-left: 2px;
	}
	
	#cameraIcon{
		margin-top: 2px;	
	}
	
	#home_nav{
		background: rgba(73,118,136,1);
	    background: -moz-linear-gradient(top, rgba(73,118,136,1) 0%, rgba(73,118,136,1) 4%, rgba(73,118,136,1) 19%, rgba(40,93,114,1) 27%, rgba(39,92,113,1) 58%, rgba(39,92,113,1) 70%, rgba(39,92,113,1) 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,118,136,1)), color-stop(4%, rgba(73,118,136,1)), color-stop(19%, rgba(73,118,136,1)), color-stop(27%, rgba(40,93,114,1)), color-stop(58%, rgba(39,92,113,1)), color-stop(70%, rgba(39,92,113,1)), color-stop(100%, rgba(39,92,113,1)));
	    background: -webkit-linear-gradient(top, rgba(73,118,136,1) 0%, rgba(73,118,136,1) 4%, rgba(73,118,136,1) 19%, rgba(40,93,114,1) 27%, rgba(39,92,113,1) 58%, rgba(39,92,113,1) 70%, rgba(39,92,113,1) 100%);
	    background: -o-linear-gradient(top, rgba(73,118,136,1) 0%, rgba(73,118,136,1) 4%, rgba(73,118,136,1) 19%, rgba(40,93,114,1) 27%, rgba(39,92,113,1) 58%, rgba(39,92,113,1) 70%, rgba(39,92,113,1) 100%);
	    background: -ms-linear-gradient(top, rgba(73,118,136,1) 0%, rgba(73,118,136,1) 4%, rgba(73,118,136,1) 19%, rgba(40,93,114,1) 27%, rgba(39,92,113,1) 58%, rgba(39,92,113,1) 70%, rgba(39,92,113,1) 100%);
	    background: linear-gradient(to bottom, rgba(73,118,136,1) 0%, rgba(73,118,136,1) 4%, rgba(73,118,136,1) 19%, rgba(40,93,114,1) 27%, rgba(39,92,113,1) 58%, rgba(39,92,113,1) 70%, rgba(39,92,113,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497688', endColorstr='#275c71', GradientType=0 );	
	}
	
	#home_text{
	    margin-right: 20px;
	}
	
	#phone_icon{
	    padding: 2px;
	}
	
	#bio_icon{
	    padding: 3px;
	}
	
	#bio_text{
	    margin-right: 58px;
	}
	
	#video_icon{
	    padding: 2px;
	}
	
	#video_text{
	    margin-right: 27px;
	}
	
	#social_text{
		margin-right: 27px;
	}


/*Sections:*/

	/*general section*/
	section{
		height: 550px;
		margin-top: 25px;
		display: none;	
		}
	.sec_background{
		background: url('../graphics/sec_logo.png');
	    background-repeat:no-repeat;	
	    background-position: center center;
	}

	.sec_headline{
		font-family: sans-serif;
		font-size: 65px;
		font-weight: 800;
		color: aliceblue;	
		margin-top: 40px;
	}
	
	/*HOME*/
		#home{
			display: block;	
		}
	/*BIO*/
		#bio_contant{
			margin-top: 40px;
			color: floralwhite;
			font-size: 27px;
			font-family: helvetica;
			font-weight: 800;
		}	
	/*PICTURES*/
                
		#imgWrap{
			margin-top:12px;	
		}
		#imgLeftArr{
			display: inline-block;
			position: absolute;
			margin-top: 207px;
			margin-left: -15px;
			cursor: pointer;	
		}

		#imgRightArr{
			margin-left: -34px;	
		}
		
		#img_box{
                  
		    width: 90%;
		    border-radius: 20px;
		}
		
		#under_gallery{
			margin-top: 90px;  
		}
		
		.ugimg{
			width: 100px;
			height: 100px;
			cursor: pointer;	
		}
		  
	/*VIDEO + PICTURES*/
		.img_video_box{
		    height: 500px;
		    width: 700px;
		    margin: auto;
		    margin-top: 25px;
		}

		.leftArr{
			display: inline-block;
			position: absolute;
			margin-top: 207px;
			margin-left: -30px;	
			cursor: pointer;
		}
		
		
		.rightArr{
			display: inline-block;
			margin-left: 680px;
			position: absolute;
			margin-top: -300px;	
			cursor: pointer;
		}
		
	/*CONTACT*/
		#contact_left{
			height: 550px;
			width: 300px;
			display: inline-block;
		}
		
		.contact_right{
			
			float: right;
			height: 550px;
			width: 440px;	
			background: url('../graphics/contactUsBack.png');
		    background-repeat:no-repeat;
		    opacity: 0.8;
			color: white;
			border-radius: 44px;
			margin-right: 17px;
			box-shadow: 13px 10px 18px #434358;
			text-shadow: 2px 2px #000000;
		}
		#form_headline{
			font-size: 35px;
			margin-top: 8px;
			text-align: center;
		}
		#form{
			margin-left: 70px;
			margin-top: 25px;
			font-size: 25px;	
		}
		
		.label{
			font-size: 20px;
			padding: 4px;	
		}
		
		.input{
		  width: 270px;
		  height: 20px;
		  border-radius: 15px;
		}
		.input:hover
		{
		    border: 3px solid #558ECC;
		    border-radius: 15px;
		}
		.input:focus
		{	
			outline: none;
		  	border: 3px solid #558ECC;
		  
		}
		#msg{
			height: 190px;	
		}
		
		#send{
		    cursor: pointer;
		    margin-left: 100px;
			margin-top: 15px;
			display: inline-block;
			width: 85px;
			border-radius: 20px;
			text-align: center;
			color:black;
			text-shadow: none;
			background: rgb(214,214,214); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(160,160,160,1) 47%, rgba(160,160,160,1) 47%, rgba(150,150,150,1) 50%, rgba(122,122,122,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(47%,rgba(160,160,160,1)), color-stop(47%,rgba(160,160,160,1)), color-stop(50%,rgba(150,150,150,1)), color-stop(100%,rgba(122,122,122,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(160,160,160,1) 47%,rgba(160,160,160,1) 47%,rgba(150,150,150,1) 50%,rgba(122,122,122,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(160,160,160,1) 47%,rgba(160,160,160,1) 47%,rgba(150,150,150,1) 50%,rgba(122,122,122,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(160,160,160,1) 47%,rgba(160,160,160,1) 47%,rgba(150,150,150,1) 50%,rgba(122,122,122,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(160,160,160,1) 47%,rgba(160,160,160,1) 47%,rgba(150,150,150,1) 50%,rgba(122,122,122,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-9 */
				
		}
		#send:hover{
			color: white;	
		}
		
		.at{
			color: floralwhite;
			font-size: 35px;
			font-family: sans-serif;
		}
		
		.contact_content{
			width: 240px;
			margin-top: 200px;	
			color: floralwhite;
			font-size: 20px;
		}
		
		.mails{
			display: inline-block;
			position: absolute;	
			margin-top: 5px;
			margin-left: 10px;
		}
		
		.phone{
			margin-top: 20px;
		}
		
		.num{
			display: inline-block;
			position: absolute;
			margin-top: 7px;
			margin-left: 8px;	
		}
		
		#social_left{
		    height: 550px;
		    width: 300px;
		    display: inline-block;
		    margin-top: 50px; 
		}
		#social_right{
		    height: 600px;
		    width: 500px;
		    display: inline-block;
		    margin-top: -80px; 
		    float: right;
		    background-color: black;
		    opacity: 0.8;
		}
		/*UI Gallery:*/
	  		.scroll-pane { overflow: auto; width: 85%; float:left; }
			.scroll-content { width: 1600px; float: left; }
			.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
			.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
			.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
			.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
			.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
			.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
			.ui-slider-handle ui-state-default ui-corner-all{width: 250px};
			/*.ui-widget-header{background:#575555;}*/