@charset "utf-8";
/* CSS Document */
*{
	margin: 0%;
	padding: 0%;
}
#wrapper{
	width: 100%;
}
#nav_wrapper{
	position: relative;
}
body{
	 background-color: #666666;
}
#logo{
	width: 16%;
	position: absolute;
}
#logoname{
	width: 70%;
	margin-left: 16%;
	margin-top: 6.2%;
	position: relative;
}
nav{
	margin: -13% 0% 0% 0%;
    height: 30px;
}
nav ol{
	margin: 5% 0% 0% 0%;
    width:100%;
    list-style: none;
	float: right;
}
nav ol li{ 	
    /*display: inline-block;*/
	margin: -2% 0% 0% 0%;
	padding: 0.5% 4% 1% 4%;
    background-color:#999999;
    border-radius: 5%;
	margin-right: 3%;
	width: 12%;
	text-align: center;
	border-style: ridge;
	border-color: #FFF044;
	float: right;
	font-size: 60%;
	position: relative;
	}
nav a{
    color: white;
}
nav li{ 
	float: right;
}
nav li:hover{
    background-color: #4E4E4E;
    color:white;
}

#home_button{
		
}
#about_us_button{
		
}
#gallery_button{
		
}
#contact_us_button{
		
}
/*Body*/
#bib{
	color: #666666;
}
.text{
	color: black;
}
#apex_img{
	margin: 1% 0% 0% 15%;
	width: 70%;
	clear: both;
	float: left;
}
#opening_heading{
	background-color: white;
	padding: 1%;
	width: 80%;
	float: left;
	font-size: 100%;
	margin: 2% 0% 0% 8%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font:"amatic-sc";
	text-align: center;
}
#opening{
	background-color: white;
	padding: 1%;
	width: 80%;
	float: left;
	margin: 0% 0% 0% 8%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 100%;
	font:"quicksand";
	position: relative;
}
#ABUS_heading{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 80%;
	float: left;
	margin: 0.5% 0% 0% 8%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
	}
#ABUS{
	background-color: white;
	padding: 1%;
	width: 80%;
	float: left;
	margin: -2% 0% 0% 8%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 90%;
	font:"quicksand";
	position: relative;
	text-align: center;
}
#CU_link{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 80%;
	float: left;
	margin: 0.5% 0% 0% 8%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
	text-decoration: none;
	text-decoration-color: white;
	text-decoration-style: solid;
}
/*About us Body*/
#ABUS_heading_aboutus_page{
	background-color: white;
	text-align: center;
	color: #666666;
	width: 90%;
	margin: 9% 0% 0% 5%;
}
#ABUS_text_01{
	background-color: white;
	width: 30%;
	float: left;
	font-size: 160%;
	margin: 3% 0% 0% 5%;
	text-align: center;
}
#ABUS_image{
	width: 20%;
	position: absolute;
	margin: 12% 0% 0% 5%;
}
#ABUS_text_02{
	background-color: white;
	width: 30%;
	float: right;
	font-size: 140%;
	margin: 3% 5% 0% 0%;
	text-align: center;
}
/*Portfolio*/
#Port_heading{
	background-color: white;
	text-align: center;
	color: #666666;
	width: 90%;
	margin: 9% 0% 0% 5%;
}
#port_text_01{
	background-color: white;
	width: 90%;
	font-size: 150%;
	margin: 3% 0% 0% 5%;
	text-align: center;
}
#port_text_02{
	background-color: white;
	width: 90%;
	font-size: 150%;
	margin: 3% 0% -20% 5%;
	text-align: center;
}
/*Footer*/
footer{
	clear: both;
	background-color: #505050;
	padding: 5% 30% 1% 30%;	
	margin: 25% 0% 0% 0%;
	color: white;
	font-size: 50%;
}
#tex_1{
	margin: -8% 0% 20% -50%;
	float: left;
}
#tex_2{
	margin: -8% -50% 2% 0%;
	float: right;
}
/*Gallery page*/
.video_1{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0px;
}
.video_1 iframe{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height:100%;
	width: 100%;
} 
#video_1{
	margin: 10% 0% -23% 0%;
}
#video_2{
	margin: 30% 0% -23% 0%;
}
/*construction*/
#constuction_image{
	position: absolute;
	margin: 16% 0% 0% 35%;
	opacity: 30%;
	width: 30%;
}
#construction_text_1{
	color: white;
	text-align: center;
	font-size: 300%;
	opacity: 100%;
	position: relative;
	margin: 12% 0% 0% 0%;
	word-spacing: 50%;
	height: 10%;
}
#construction_text_2{
	color: white;
	text-align: center;
	font-size: 300%;
	opacity: 100%;
	position: relative;
	margin: 1% 0% 0% 0%;
	word-spacing: 50%;
	height: 10%;
}
/*Contact Us Page*/
.CU_text{
	background-color: white;
	padding: 1% 1% 1% 1%;
	width: 48%;
	font-size: 140%;
	text-align: center;
	border-radius: 10px;
}
#CU_text_1{
	margin: 2% 0% 0% 0%;
	float: left;
	text-align: center;
}
#CU_text_2{
	margin: -12% 0% 0% 34%;
	float: right;
	padding: 0% 0% 2.5% 0%;
	text-align: center;
}
#CU_text_3{
	width: 98%;
	margin: 25% 0% -20% 0%;
	clear: both;
	text-align: center;
}
/*Ipad Screens Size*/
@media only screen and (min-width:768px){
#wrapper{
		width: 80%;
		margin: 0 auto;
}
	/*LOGO & Banner*/
#logo{
	width: 15%;
	position: absolute;
}
#logoname{
	width: 60%;
	margin: 6.2% 0% 0% 21%;
	position: relative;
}
/*Nav Bar*/
	nav ol li{ 	
	margin: 3% 0% 0% 0%;
	padding: 0.5% 4% 1% 4%;
    background-color:#999999;
    border-radius: 5%;
	margin-right: 3%;
	width: 12%;
	text-align: center;
	border-style: ridge;
	border-color: #FFF044;
	float: right;
	font-size: 75%;
	position: relative;
}
/*Home Page*/
#apex_img{
	margin: 1% 0% 0% 0%;
	width: 40%;
	clear: both;
	float: left;
}
#opening_heading{
	background-color: white;
	padding: 1%;
	width: 50%;
	float: left;
	font-size: 100%;
	margin: 2% 0% 0% 5%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font:"amatic-sc";
}
#opening{
	background-color: white;
	padding: 1%;
	width: 50%;
	float: left;
	margin: 0% 0% 0% 5%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 100%;
	font:"quicksand";
	position: relative;
}
#ABUS_heading{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 50%;
	float: left;
	margin: 0.5% 0% 0% 5%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
	}
#ABUS{
	background-color: white;
	padding: 1% 1% 0.5% 1%;
	width: 50%;
	float: left;
	margin: -2% 0% 0% 5%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 88%;
	font:"quicksand";
	position: relative;
	text-align: center;
}
#CU_link{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 95%;
	float: left;
	margin: 0.5% 0% 0% 0%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
}
/*About US Page*/
ABUS_heading_aboutus_page{
	background-color: white;
	text-align: center;
	color: #666666;
	width: 100%;
	margin: 8% 0% 0% 5%;
}
#ABUS_text_01{
	background-color: white;
	width: 30%;
	float: left;
	font-size: 168%;
	margin: 3% 0% 0% 5%;
	text-align: center;
	padding: 0% 0% 3% 0%;	
}
#ABUS_image{
	width: 20%;
	position: absolute;
	margin: 12% 0% 0% 2%;
}
#ABUS_text_02{
	background-color: white;
	width: 30%;
	float: right;
	font-size: 140%;
	margin: 3% 5% 0% 0%;
	text-align: center;
	padding: 0% 0% 3.5% 0%;
}
/*Portfolio Page*/
#port_text_01{
	background-color: white;
	width: 90%;
	font-size: 135%;
	margin: 3% 0% 0% 5%;
	text-align: center;
}
#port_text_02{
	background-color: white;
	width: 90%;
	font-size: 135%;
	margin: 3% 0% -22% 5%;
	text-align: center;
}
/*Contact us Page*/
	#CU_text_1{
	margin: 2% 0% 0% 0%;
	float: left;
	text-align: center;
}
#CU_text_2{
	margin: -12% 0% 0% 34%;
	float: right;
	padding: 0% 0% 2.5% 0%;
	text-align: center;
}
#CU_text_3{
	width: 98%;
	margin: 25% 0% -20% 0%;
	clear: both;
	text-align: center;
}
footer{
	clear: both;
	background-color: #505050;
	padding: 5% 30% 1% 30%;	
	margin: 25% 0% 0% 0%;
	color: white;
	font-size: 80%;
}
#tex_1{
	margin: -8% 0% 20% -50%;
	float: left;
}
#tex_2{
	margin: -8% -50% 2% 0%;
	float: right;
}
}
@media only screen and (min-width:1080px){
	#wrapper{
		width: 70%;
		margin: 0 auto;
}
	/*LOGO & Banner*/
#logo{
	width: 15%;
	position: absolute;
}
#logoname{
	width: 60%;
	margin: 6.2% 0% 0% 21%;
	position: relative;
}
/*Nav Bar*/
nav{
	margin: -13% 10% 0% 0%;
    height: 30px;
}
	nav ol li{ 	
	margin: -3% 0% 0% 0%;
	padding: 0.5% 4% 1% 4%;
    background-color:#999999;
    border-radius: 5%;
	margin-right: 3%;
	width: 8%;
	text-align: center;
	border-style: ridge;
	border-color: #FFF044;
	float: right;
	font-size: 90%;
	position: relative;
}
/*Home Page*/
#apex_img{
	margin: 6% 0% 1% 0%;
	width: 27%;
	clear: both;
	float: left;
	border-radius: 5px;
}
#opening_heading{
	background-color: white;
	padding: 1%;
	width: 30%;
	float: left;
	font-size: 150%;
	margin: 6% 0% 0% 5%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font:"amatic-sc";
	text-align: center;
}
#opening{
	background-color: white;
	padding: 1% 1% 2.5% 1%;
	width: 30%;
	float: left;
	margin: 0% 0% 0% 5%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 145%;
	font:"quicksand";
	position: relative;
	text-align: center;
}
#ABUS_heading{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 17%;
	float: right;
	margin: -4% 15% 0% 0%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
	}
#ABUS{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 17%;
	float: right;
	margin: -1% 15% 0% 0%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
}
#CU_link{
	background-color: white;
	padding: 1% 1% 1.5% 1%;
	width: 50%;
	float: left;
	margin: 1% 0% 0% 6%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 130%;
	font:"quicksand";
	position: relative;
	text-align: center;
	text-decoration: none;
	text-decoration-color: white;
	text-decoration-style: solid;
}
/*About US Page*/
ABUS_heading_aboutus_page{
	background-color: white;
	text-align: center;
	color: #666666;
	width: 100%;
	margin: 8% 0% 0% 5%;
}
#ABUS_text_01{
	background-color: white;
	width: 30%;
	float: left;
	font-size: 168%;
	margin: 1% 0% 0% 5%;
	text-align: center;
	padding: 0% 0% 3% 0%;	
}
#ABUS_image{
	width: 20%;
	position: absolute;
	margin: 0% 0% 1% 0.5%;
}
#ABUS_text_02{
	background-color: white;
	width: 30%;
	float: right;
	font-size: 140%;
	margin: 1% 5% 3% 0%;
	text-align: center;
	padding: 0% 0% 3.5% 0%;
}
	#CU_text_1{
	margin: 7% 0% 0% 0%;
	float: left;
	text-align: center;
}
#CU_text_2{
	margin: -6% 0% 0% 34%;
	float: right;
	padding: 1% 0% 1% 0%;
	text-align: center;
}
#CU_text_3{
	width: 98%;
	margin: 18% 0% -22% 0%;
	clear: both;
	text-align: center;
}
/*Footer*/
footer{
	clear: both;
	background-color: #505050;
	padding: 5% 30% 1% 30%;	
	margin: 25% 0% 0% 0%;
	color: white;
	font-size: 110%;
}
#tex_1{
	margin: -8% 0% 20% -50%;
	float: left;
}
#tex_2{
	margin: -8% -50% 2% 0%;
	float: right;
}
}