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

html, body, .container { height:100%; margin:0; }
body {
	overflow-y:auto;
	overflow-x:hidden;
	background:#ffffff;
}

h1 {
	font-family:'Arapey', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
	letter-spacing:2px;
	line-height:1.3;
	color:#bedaca;
}

h2 {
	color:#bedaca;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.65em;
    font-weight:normal;
	letter-spacing:0px;
	text-align:center;
}

h3 {
	color:#bedaca;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.75em;
    font-weight:normal;
	letter-spacing:0px;
	text-align:right;
}

h4 {
	color:#999999;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.75em;
    font-weight:normal;
	letter-spacing:0px;
}

h5 {
	color:#97aea2;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.75em;
    font-weight:normal;
	letter-spacing:0px;
	text-align:left;
}

h6 {
	color:#97aea2;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.75em;
    font-weight:normal;
	font-style:normal;
	letter-spacing:0px;
	text-align:left;
}

h7 {
	color:#bedaca;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.90em;
    font-weight:normal;
	font-style:normal;
	letter-spacing:0px;
	text-align:left;
}

a{
	color:#999999;
	text-decoration:none;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

a:hover{
	color:#bedaca;
	
}

.clr {
	clear:both;
}

img {
	max-width:100%;
	height:auto;
}
	
.header {
	width:100%;
	top:0;
	height:75px;
	padding:5px 0;
	text-align:center;
	background:url(../img/bg01.jpg) repeat #bedaca;
}
	
	
.container{
	max-width:100%;
	margin:0 auto;
}

.inner {
	max-width:1024px;
	margin:0 auto;
}

.inner2 {
	max-width:1024px;
	margin:0 auto;
}

.innertext {
	max-width:1024px;
	margin:0 auto;
	padding:25px 50px 25px 50px;
}

.center-block {
	float:left;
	max-width:100%;
	text-align:center;
	margin-top:20px;
	padding:50 5 50 5;
}
	
.bottom {
	width:100%;
	padding:10px;
	bottom:0;
	border-top:4px double #bedaca;
	text-align:center;
}

ul {
    list-style-type:none;
}

li {
    list-style-type:none;
}

.content {
	float:left;
	max-width:1024px;
	margin:0 auto;
}

.infobox {
	float:left;
	max-width:319px;
	text-align:left;
	margin-top:10px;
	padding:5px 15px 5px 7.5px;
}

.infobox2 {
	max-width:319px;
	text-align:left;
	margin-top:10px;
	padding:5px 15px 5px 7.5px;
}


/*---- Slider ----*/
#slider-container { 
	max-width:992px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 5px 0;
}



/*---- Media Queries to make design responsive ----*/
    
@media only screen and (max-width: 640px) and (min-width: 320px){
	body, .container {
		-webkit-overflow-scrolling:touch;
		overflow-x:hidden;}
	.center-block {
	float:left;
	max-width:100%;
	text-align:center;
	padding:0;
	margin:0;
	}
	.center-block p {
		margin:0 0 10px 0;}
		max-width:100%;
		float: none;
		padding:0;
	}
	.bottom { padding:0px;}
	.submit { margin-top:10px;}
}

@media only screen and (max-width: 319px) and (min-width: 240px){
	body, .container {
		-webkit-overflow-scrolling:touch;
		overflow-x:hidden;}
	.header {
		height:40px;}
	.header img {
		max-width:80%;
		height:auto;
		margin-right:46px;}
	.center-block p {
		margin:0 0 10px 0;}
		max-width:84%;
		float:left;
		margin:0;
		padding:0;
	}
	.bottom { padding:0px;}
	.submit { margin-top:10px;}
	}
}



/*---- Custom Scrollbar ----*/

::-webkit-scrollbar-thumb:horizontal{
height:5px;
background-color:#c7c8ca;/*box-shadow*/
}
::-webkit-scrollbar-thumb:vertical{
width:5px;
background-color:#c7c8ca;/*box-shadow*/
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.16);  
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.16);       
box-shadow:1px 1px 4px rgba(0,0,0,0.16);
}
::-webkit-scrollbar{
width:10px;
height:10px;
background:#ebebeb;/*box-shadow*/
-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);  
-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);       
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);
}
::-webkit-scrollbar-thumb:hover{
background-color:#bedaca;/*box-shadow*/
}



/*---- Responsive Navigation ----*/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
nav {
	height:40px;
	width:100%;
	background:#ffffff;
	font-size:11pt;
	font-family:'Arapey', serif;
	font-style:italic;
	position:relative;
	border-bottom:2px solid #f7f6f5;
}

nav ul {
	padding:0;
	margin:0 auto;
	width:400px;
	height:40px;
}

nav li {
	display:inline;
	float:left;
}

nav a {
	color:#bedaca;
	display:inline-block;
	width:100px;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	text-shadow:1px 1px 0px #f7f6f5;
}

nav li a {
	border-right:1px solid #f7f6f5;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav li:last-child a {
	border-right:0;
}

nav a:hover, nav a:active {
	background-color:#e1f1e9;
}

nav a#pull {
	display:none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height:auto;
  	}
  	nav ul {
  		width:100%;
  		display:block;
  		height:auto;
  	}
  	nav li {
  		width:50%;
  		float:left;
  		position:relative;
  	}
  	nav li a {
		border-bottom:1px solid #f7f6f5;
		border-right:1px solid #f7f6f5;
	}
  	nav a {
	  	text-align:left;
	  	width:100%;
	  	text-indent:25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom:0;
	}
	nav ul {
		display:none;
		height:auto;
	}
	nav a#pull {
		display:block;
		background-color:#ffffff;
		width:100%;
		position:relative;
	}
	nav a#pull:after {
		content:"";
		background:url(../img/nav-icon.png) no-repeat;
		width:30px;
		height:30px;
		display:inline-block;
		position:absolute;
		right:15px;
		top:10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display:block;
		float:none;
		width:100%;
	}
	nav li a {
		border-bottom:1px solid #f7f6f5;
	}
}




/*---- Form ----*/

.wrapper {
	margin:47px auto;
	max-width:580px;
	font-size:11pt;
	font-family:'Arapey', serif;
	font-style:italic;
	color:#999999;
}

#contact_form { 
	text-shadow:0 1px 0 #ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#ffffff;
	padding:25px;
	
}

#ff label { 
	cursor:pointer;
	margin:4px 0;
	color:#999999;
	display:block;
	font-weight:500;
}

input { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#e4f2e7;
	color:#999999;
	border:1px solid #bedaca;
	padding:10px;
	margin-bottom:25px;
}

.sendButton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #c6f3d9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c6f3d9;
	box-shadow:inset 0px 1px 0px 0px #bedaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bedaca), color-stop(1, #c6f3d9) );
	background:-moz-linear-gradient( center top, #bedaca 5%, #c6f3d9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6f3d9', endColorstr='#c6f3d9');
	background-color:#bedaca;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #c6f3d9;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	width:25%;
	font-weight:bold;
	text-shadow:1px 1px 0px #999999;
}

.sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bedaca), color-stop(1, #bedaca) );
	background:-moz-linear-gradient( center top, #bedaca 5%, #c6f3d9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bedaca', endColorstr='#bedaca');
	background-color:#bedaca;
}

/*------ Scroll To Top ------*/

.go-top {
    position:fixed;
    bottom:0.75em;
    right:0.5em;
    text-decoration:none;
    color:white;
    background-color:rgba(0, 0, 0, 0.25);
    font-size:12px;
    padding:10px;
    display:none;
    margin:0;
}

.go-top:hover {
    background-color:rgba(0, 0, 0, 0.6);
    color:white;
    text-decoration:none;
}