*{
	border:0;
	padding:0;
	margin:0;	
}
/*columns  *****************************************/
#columns{
	text-align:center;
	vertical-align:middle;
}

#columnsright{
	border:0;
	vertical-align:middle;
	margin:0;
	padding:10px;
	display:inline-block;
	width:46%;
	font-size: 16px;
	text-align:center;	
}

#columnsleft{
	border-right:2px solid white;
	vertical-align:top;
	margin:0;
	padding:10px;
	display:inline-block;
	width:46%;
	font-size: 16px;
	text-align:center;	
	color:red;
}

#columns div img{
	border:2px solid white;
	margin:20px;
}

.ie7 #columns div {
	display: inline;
	zoom: 1;
}

#columnstop{
	border-bottom:2px solid white;
	margin:20px;
	font-size: 30px;
	font-weight: bolder;
	text-align:center;
	font-style:italic;	
}

#columnsbottom{
	border:2px solid white;
	font-size: 30px;
	font-weight: bolder;
	text-align:center;
	font-style:italic;
	background-size:100% 100%;
}

#bullets{
	font-size: 20px;
	font-weight: bolder;
	text-align:left;
	border-radius: 20px;
	padding-left:20px;
}

#bullets:first-letter{
	font-size:30px;
	color:red;
	vertical-align:middle;
}

#description{
	display:none;
	border:0;
}

#description p{
	padding-bottom: 10px;
	font-size: 18px;
}

#description p a{
	color: blue;
}

@media only screen and (max-device-width : 640px){
    #qrcode{visibility:hidden;}
}
@media only screen and (max-width : 700px){
    #thirdcolumn{ width:97%; }
    #halfcolumn{ width:97%; }
}
.ie7 #thirdcolumn, .ie7 #halfcolumn, .ie7 #twothirdscolumn{
	display:inline;
	zoom:1;
}

/*main elements, header, wrapper and body  *****************************************/

body{
	background-color:darkblue;
	background: url('pictures/sashwindows.jpg') no-repeat fixed;
	background-size: 100% 100%;
	
}
#content{
/*	opacity:0.8; */
	margin-top:10px;
	border:2px solid white;
	box-shadow: 20px 20px 20px black;
		background:darkseagreen url('pictures/glasspane.png') no-repeat fixed;

	background-size:100% 100%;
	color:white;
}
#wrap {
	max-width: 100%;
	margin: 0px auto;
	margin:20px;
}
#header {
	background: url('pictures/glasspane.png') no-repeat fixed;
	background-size:100% 100%;
	margin-bottom: 50px;
	color: white;
	font-size:70px;
	text-align:center;
	font-weight:bolder;
	text-shadow:10px 10px 10px black;
/*	border: 20px ridge brown;
/*	opacity:0.8; */
	box-shadow: 20px 20px 20px black;
	padding:20px;
}

#header a{
	font-size:24px;
	color:yellow;
	text-shadow:1px 1px 1px black;
	
}

#header a:hover{
	color:cyan;
}

#header span{
	display:inline-block;
	vertical-align: middle;
}

.ie7 #header span {
	display: inline;
	zoom: 1;
}

#header span p{
	line-height:20px;
	font-size:16px;	
}

#footer{
	text-align: center;
	margin-top:20px;
}

#footer img{
	margin:2px;
	border:2px solid white;
	box-shadow:20px 20px 20px black;
}

.qrcode p{
	margin:0;
	padding:0;
	font-size: 30px;
	font-weight: bolder;
	color:blue;
	text-align:center;
	margin-bottom:20px;
	border-bottom:20px ridge white;
}

a{
	color:blue;
}

#nav{
	display:block;
	list-style:none;
	padding:0;
/*	opacity:0.8; */
}

#nav li{
	display:inline-block;
}

.ie7 #nav li {
	display: inline;
	zoom: 1;
}


#nav a{
	padding:10px 20px 10px 20px;
	background: darkseagreen url('pictures/glasspane.png') no-repeat fixed;
	background-size:100% 100%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;	
	color:white;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-right:2px;
	border:2px solid white;
/*	box-shadow: 20px 20px 20px black; */
}

#nav a:hover{
	color:darkblue;
	background:yellow url('pictures/glasspane.png') no-repeat fixed;
	background-size:100% 100%;
	transition:color 1s;
	-webkit-transition:color 1s; /* Safari */
	transition:background-color 1s;
	-webkit-transition:background-color 1s; /* Safari */
}

/*Contact****************************************************/
#msg{
	border-radius:10px;
	background-color: green;
	color:white;
	text-align: center;
}
#msg.error{
	background-color: red;
	
}

#formholder{
	text-align:center;
	padding:20px;
}

#formstop{
	font-size:20px;
}

form {
	display:inline-block;
padding:15px;
width:50%;
	background:lightgreen url('pictures/glasspane.png') no-repeat fixed;
	background-size:100% 100%;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: blue;
text-decoration: none;
text-align:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: inset 5px solid yellow;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
box-shadow: 5px 5px 5px black;
}

hr {
	display: block;
	height: 1px;
    border: 0;
    border-top: 2px solid blue;
    margin: 1em 0;
    padding: 0;
    box-shadow:1px 1px 1px black;
}
    
input{
width:95%;
display:block;
border: 1px solid blue;
height: 25px;
border-radius:10px;
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea {
display:block;
width:95%;
height:150px;
border-radius:10px;
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}



input.button {
width:100px;
background:green;
color:white;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 3px outset cyan;
margin-top:20px;
transition:background 1s;
}
input.button:hover {
	background:blue url('pictures/glasspane.png') no-repeat fixed;
	background-size:100% 100%;
color:darkblue;
transition:background 1s;
cursor:pointer;
border: 3px inset cyan;
}

div.gallery {
	text-align:center;
}

div.gallery.a:hover {
    border: 1px solid yellow;
}

div.gallery img {
    width: 10%;
    height: auto;
    border:1px solid black;
    margin:15px;
}