@charset "utf-8";

@import url("../lib/genlib.css");
@import url("../lib/menulib.css");
@import url("../lib/listmenulib.css");
@import url("../lib/formlib.css");
@import url("../lib/medialib.css");

@import url(http://fonts.googleapis.com/css?family=Montserrat);	

body
{
	margin:0;
	background:#ccc;
	font-family: 'Montserrat', sans-serif;	
	font-size:14px;
	color:#555;
}

p
{
	font-size:14px;
	line-height:22px;
}

h1
{
	font-size:30px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:10px;
}

h2
{
	font-size:25px;
	font-weight:300;
	text-transform:capitalize;
}

h3
{
	font-size:28px;
	font-weight:300;
	text-transform:capitalize;
}

.hbox
{
	padding:0;
	margin:0;
}

.hbox img
{	
	background:#f2f2f2;
	padding:5px;
	border:5px solid #fff;
	
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.content
{
	border-spacing: 0;
}

#menubase
{
/*	float: right;
	text-align: center;
	margin: auto;*/
}

.sec-gap1,
.sec-gap2
{
	height:50px;
}

.div-logo
{
	width:auto;
	height:50px;	
	display:block;
	position:absolute;
	top:0;
}

.intro-page
{
	width: 100%;
	height: 1080px;
	text-align: center;/* add bg image */
	background-image:url(../images/intro.jpg);
	background-attachment:fixed;
	background-position:center -250px;
	background-repeat:no-repeat;
}

.intro-page a
{
	font-size: 50px;
	color: #fff;
}

#section1, #section2, #section3, #section4, #section5,
#section6, #section7, #section8, #section9, #section10
{
	height:auto;	
	padding-top:50px;
	padding-bottom:50px;
}

#section1
{
	background-image:url(../images/pgbg.png);
	background-position:left 50%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#fff;
	color:#666;
}

#section2
{
	background-color:#C4353F;
	color:#fff;
	padding-bottom:100px;
}

#section3
{
	background-color:#fff;
	color:#666;
	height:768px;
}

#section5
{
	height:800px;
}

/*#menu li.select#about-pg,
#menu li.select#about-pg a,
#menu li.select#about-pg:hover > a
{
	color:#000;
	background-color:#eee;
}

#menu li.select#gallery-pg,
#menu li.select#gallery-pg a,
#menu li.select#gallery-pg:hover > a
{
	color:#fff;		
	background-color:#666;
}*/

#footer
{
	background:#333;
	color:#fff;
	height:150px;
}

@-webkit-keyframes fadeanim
{
	 0%  { opacity:0.5; }
	50%  { opacity:1.0; -webkit-transform:scale(1.25,1.25); }
	100% { opacity:0.5; }
}

@-moz-keyframes fadeanim
{
	 0%  { opacity:0.5; }
	50%  { opacity:1.0; -moz-transform:scale(1.25,1.25); }
	100% { opacity:0.5; }
}

@-o-keyframes fadeanim
{
	 0%  { opacity:0.5; }
	50%  { opacity:1.0; -o-transform:scale(1.25,1.25); }
	100% { opacity:0.5; }
}

@keyframes fadeanim
{
	 0%  { opacity:0.0; }
	50%  { opacity:1.0; transform:scale(1.25,1.25); }
	100% { opacity:0.0; }
}

#scrollbtn
{
	-webkit-animation:fadeanim 1s infinite;
	-moz-animation:fadeanim 1s infinite;
	-ms-animation:fadeanim 1s infinite;
	-o-animation:fadeanim 1s infinite;
	animation:fadeanim 1s infinite;	
	width:40px;
	height:auto;
}

#abouttext
{
	padding-right:0px;
}

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

#section1, #section2, #section3, #section4, #section5,
#section6, #section7, #section8, #section9, #section10
{
	width:95%;
	padding:5px;
	margin:auto;

	height:auto;
	background:none;
	color:#666;
}

#footer
{
	height:100px;
	line-height:100px;
}

#scrollbtn
{
	text-align:center;
	margin:auto;
}

#mygallery *
{
	margin:auto;
	padding:0;
	text-align:center;
	float:left;
	width:100%;
}

#mygallery #Grid *
{
	margin:auto;
	float:left;
	margin:10px;
}

#mygallery #Grid img
{
	margin:auto;
	padding:0;
	text-align:center;	
}

.div-content
{
	width:100%;	
}
#abouttext
{
	width:100%;
	padding:0;
	text-align:center;
}

#footer
{
	height:auto;
}

#arphone
{
	text-align:center;
}

}