@charset "utf-8";
/* CSS Document */

header,nav,figure,welcome,section,artical,aside,footer{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-size:16px;		
}

#wraper{
	width:100%;
	margin:0 auto;
}
.clear{
	clear:both;
}
.clear1{
	clear:float;
}
.img{
	width:100%;
	position: relative;
}

.img2{
	width:100%;
}
/* top  tag start */
#main_top{
	width:100%;
	margin:0 auto;
	background-image:url(../images/photogallery-bg.jpg)
}

#main_top2{
	width:82%;
	margin:0 auto;
	padding-top:1%;
	padding-bottom:11%;
}
#top{
	width:100%;
	padding-bottom:1%;
	margin:0 auto;
}

#logo{
	width:20%;
	float:left;

}
#contact{
	width:80%;
	float:left;
}

#navbar{
	width:100%;
	background-color:#000000;
	margin:0 auto;
	height:40px;
	opacity: 0.9;
}


#main_top3{
	width:82%;
	margin:0 auto;
	padding-top:2%;
}
#main_top3_1{
	width:55%;
	padding-bottom:3%;
}

/* top  tag ends */


/* main1 tag start */
#main1{
	width:82%;
	margin:0 auto;
}

/* main1 tag ends */

/* main1_one tag start */
#main1_one{
	width:82%;
	margin:0 auto;
}
#main1_one1{
	width:66%;
	margin:1%;
	float:left;
}
#main1_one2{
	width:30%;
	margin-top:5%;
	float:left;
}
/* main1_one tag ends */


/* main1_one tag start */
#main1_two{
	width:82%;
	margin:0 auto;
}
#main1_two1{
	width:66%;
	margin:1%;
	float:left;
}
#main1_two2{
	width:30%;
	margin-top:5%;
	float:left;
}
.bold-text311 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #02572D;
	padding:2%;
	text-align:center;
	font-weight: bold;
}
/* main1_one tag ends */





.bold_main{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #111;
	line-height:125%;
	text-align:center;
	padding:15% 0% 15% 0%;
	font-weight: bold;
}


.bold_head{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#009049;
	padding:2% 2% 2% 1%;
	font-weight:bold;
}
.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:0% 2% 2% 1%;
	line-height:125%;
}

/* main1 tag ends */


/* main2 tag start */
#main2{
	width:82%;
	margin:0 auto;
}
#five{
	width:31.5%;
	margin:1%;
	float:left;
}

#six{
	width:31%;
	margin:1%;
	float:left;
}

#seven{
	width:31%;
	margin:1%;
	float:left;
}

.bold_head2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #02572D;
	padding:2% 2% 2% 1%;
	font-weight:bold;
}
.bodytext11 {
	font-size: 15px;
	color: #000000;
	padding:0% 2% 1% 0%;
	font: italic bold 15px/19px Arial, Helvetica, sans-serif;
}
.body_text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:2% 0% 0% 0%;
	line-height:125%;
}
#main2_botom{
	width:82%;
	margin:0 auto;
}
.bold-botom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #02572D;
	text-align:center;
	padding:0% 2% 2% 2%;
	line-height:125%;
	text-decoration: none;
	font-weight: bold;
}
/* main2 tag ends */


/* foter tag start */
#botom{
	width:82%;
	background-color:#333333;
	margin:0 auto;
}

.botom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align:center;
	padding:1%;
	line-height:125%;
	text-decoration: none;
	font-weight: normal;
}

/* foter tag ends */











@media only screen and (max-width:1200px){
#main_top2{
	width:100%;
	margin:0 auto;
	padding-top:0%;
	padding-bottom:0%;
}
#top{
	width:100%;
	padding-bottom:0%;
	background-color:#ffffff;
	margin:0 auto;
}

#main{
	width:100%;
	margin:0 auto;
}
#main1_one{
	width:100%;
	margin:0 auto;
}
#main1_two{
	width:100%;
	margin:0 auto;
}
#main1{
	width:98%;
	padding-top:2%;
	margin:0 auto;
}

#main2{
	width:99%;
	margin:0 auto;
}
#main2_botom{
	width:96%;
	margin:0 auto;
}
#botom{
	width:100%;
	margin:0 auto;
}
}










@media only screen and (max-width:1000px){


#logo{
	width:30%;
	float:none;
	margin:0 auto;

}
#contact{
	width:100%;
	float:left;
}

#navbar{
	width:100%;
	background-color:#000000;
	margin:0 auto;
	height:40px;
	opacity: 2.0;
}


.body_text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:2% 3% 0% 0%;
	line-height:125%;
}

.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:1% 3% 2% 1%;
	line-height:125%;
}

#main1_one1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_one2{
	width:60%;
	margin:0 auto;
	float:none;
}



#main1_two1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_two2{
	width:60%;
	margin:0 auto;
	float:none;
}



#five{
	width:60%;
	padding:1%;
	margin:0 auto;
	float:none;
}
#six{
	width:60%;
	margin:0 auto;
	padding:1%;
	float:none;
}
#seven{
	width:60%;
	margin:0 auto;
	padding:1%;
	float:none;
}

}






@media only screen and (max-width:750px){


#logo{
	width:45%;
	float:none;
	margin:0 auto;

}

}


@media only screen and (max-width:550px){

#five{
	width:96%;
	padding:1%;
	margin:0 auto;
	float:none;
}
#six{
	width:96%;
	margin:0 auto;
	padding:1%;
	float:none;
}
#seven{
	width:96%;
	margin:0 auto;
	padding:1%;
	float:none;
}

#main1_one1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_one2{
	width:96%;
	margin:0 auto;
	float:none;
}



#main1_two1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_two2{
	width:96%;
	margin:0 auto;
	float:none;
}
}


@media only screen and (max-width:500px){


#logo{
	width:50%;
	float:none;
	margin:0 auto;

}

}






@media only screen and (max-width:550px){



#five{

}
#six{

}
#seven{

}
.body_text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:2% 3% 0% 0%;
	line-height:125%;
}

.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:1% 3% 2% 1%;
	line-height:125%;
}
}