html, body{
   margin:0px;
   padding:0px;
   font-family:Arial, Helvetica, sans-serif;
   height:100%;
}
#wraper{
    	min-height:100%;
        position:relative;  
} 
h1{
  font-size:12vmin;
    margin:0;
    letter-spacing:2px
}
h2 {
  font-size:6vmin;
    margin:0;
  letter-spacing:2px;
    text-align:center;
}
h3 {
  font-size: 5vmin;
    margin:0;
  letter-spacing:2px;
}
p {
  margin:0;
  font-size:5vmin;
}
.text-left{
    text-align:left;
}   
.text-center{
      text-align:center;
}
header{
    margin:auto;
    position:relative;
    width:100%;
    height:auto;
    background:rgb(214,214,214);
    text-align:center;
    -webkit-box-shadow: 0 2px 5px 0 rgba(157,157,157,1);
    box-shadow: 0 2px 5px 0 rgba(157,157,157,1);
}
nav{
    position:relative;
    width:80%;
    margin:auto;
    padding:0 0 10px;
}
nav select{
    width:inherit;
    height:auto;
    padding:5px;
    text-align:center;
}
.title {
	font-family:Asenine, Arial, Helvetica, sans-serif;
	color:(0,0,0);
	text-align:center;
}
#content{
    position:relative;
    margin:auto;
    width:80%;
    height:auto;
    padding:10px; 0;
}
#content img{
    width:100%;
    height:100%;
} 

.heading{
position:relative;
width:90%;
height:auto;
margin:10px auto 0;
text-align:center;
background:rgb(214,214,214);
padding:10px;
border-radius:10px;
-webkit-border-radius:10px;
}
.heading-radius{
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.show{
position:relative;
width:90%;
height:auto;
margin:auto;
text-align:center;
background:rgb(230,230,230);
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
padding:inherit;
}
#gallery { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}
#gallery:after { 
    clear: both; 
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#gallery li { 
    float: left; width: 33.33333333%; 
}
#gallery li a {
    display: block;
    margin: 5px;
    border: 1px solid #3c3c3c; 
}
#gallery li img {
    display: block;
    width: 100%;
    height: auto; 
}  
#contact{
    position: relative;
    margin:auto;
    width:90%;
    height:auto;
    padding:5px;
}
#contact input[type='text']{
    width:100%;
    font-size:5vmin;
    border: solid 2px rgb(0,0,0);
    height:20px;
    padding:3px 0;
}
#contact input[type='text']:focus{
    -webkit-box-shadow: 1px 1px 5px 2px rgba(132, 198, 255, 1);
    -moz-box-shadow:    1px 1px 5px 2px rgba(132, 198, 255, 1);
    box-shadow:         1px 1px 5px 2px rgba(132, 198, 255, 1);
}
#contact textarea{
    width:100%;
    height:100px;
    font-size:5vmin;
    border: solid 2px rgb(0,0,0);
    font-family:Arial, Helvetica, sans-serif;
}
#contact textarea:focus{
    -webkit-box-shadow: 1px 1px 5px 2px rgba(132, 198, 255, 1);
    -moz-box-shadow:    1px 1px 5px 2px rgba(132, 198, 255, 1);
    box-shadow:         1px 1px 5px 2px rgba(132, 198, 255, 1);
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:5vmin;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button:active {
	position:relative;
	top:1px;
}
 footer{
    position: relative;
    margin:10px 0 0;
    padding:15px 0 0;
    width:100%;
    height:35px;
    background:rgb(214,214,214);
    text-align:center;
    -webkit-box-shadow: 0 -2px 5px 0 rgba(157,157,157,1);
    box-shadow: 0 -2px 5px 0 rgba(157,157,157,1);
}   
@font-face {
    font-family:'Asenine';
    src: url('../font/ASENINE.eot');
    src: url('../font/ASENINE.eot?#iefix') format('embedded-opentype'),
         url('../font/ASENINE.woff') format('woff'),
         url('../font/ASENINE.ttf') format('truetype');
}
.error{
    border:solid 2px rgb(150,0,0) !important;
    background:rgba(150,70,60,0.6) !important;
}

.success{
	width:inherit;
	height:auto;
	background:#D6F7D0;
	color:#1B7309;
	border:solid 1px #1B7309;
	text-align:center;
	margin:10px auto;
	padding:10px 0;
}



::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}