*{
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}
body{
background-color:#e8e8e8;
}
#headerwrap{
width:100%;
background-color:#242424;
overflow:auto;
}
#headercontainer{
max-width:960px;
margin:0 auto;
}
#logo{
float:left;
margin-top:8px;
margin-bottom:18px;
/*border:1px #000000 solid;*/
}
#nav{
float:right;
margin-top:40px;
/*border:1px #000000 solid;*/
}
#nav ul{
list-style:none;
}
#nav li{
font-size:11px;
margin-left:3px;
float:left;
}
#nav li:first-child{
margin-left:0px;
}
#nav li a{
display:block;
color:#ebebeb;
text-decoration:none;
padding: 5px; 
}
#nav li a:hover{
/*color:#000000;*/
text-decoration:none;
display: block;
padding: 5px; 
background-color:#5a6db3;

}
#blackline{
clear:both;
width:100%;
height:4px;
background:#000000;
display:none;
}
#slideshowwrap{
clear:both;
width:100%;
float:left;
/*border:1px #000000 solid;*/
/*clear:both;
float:left;
width:100%;
*/
}
#slideshow{
max-width:100%;
margin:0 auto;
/*float:left;*/
/*width:1200px;
float:left;*/
}
#slideshow img {
width: 100%;
/*max-width:1600px;
max-height:500px;*/
}
#slideshowsm{
max-width:100%;
margin:0 auto;
}
#slideshowsm img {
width: 100%;
}

#contentcontainer{
/*border:1px #000000 solid;*/
clear:both;
max-width:960px;
margin:0 auto;
padding-bottom:20px;
}
.clear{
clear:both;
}
#teaserbox{
float:left;
margin-top:20px; 
width:245px;
padding:25px;
/*border:1px #000000 solid;*/
background-color:#FFFFFF;
margin-right:30px;
margin-bottom:30px;
}
#teaserboxright{
float:left;
margin-top:20px; 
width:245px;
background-color:#FFFFFF;
padding:25px;
margin-bottom:30px;
}
#line{
width:330px;
height:4px;
background:#000000;
}
#teaserbox img{
margin-top:5px;
margin-bottom:5px;
}
#teaserboxright img{
margin-top:5px;
margin-bottom:5px;
}

h1{
font-size:34px;
color:#43404b;
font-weight:normal;
font-style:italic;
margin-bottom:10px;
padding-bottom:0px;
}
h2{
font-size:22px;
color:#43404b;
font-weight:normal;
font-style:italic;
margin-bottom:10px;
}
h3{
font-size:18px;
color:#43404b;
font-weight:normal;
font-style:italic;
margin-bottom:10px;
}

p{
margin-top:10px;
font-size:16px;
color:#444444;
font-weight:normal;
}
#contentcontainer li{
font-size:16px;
color:#444444;
font-weight:normal;
margin-left:20px;
}
.buttonlink {
float:right;    
display: block;    
background: #5a6db3;        
color: #ffffff;    
text-align: center;    
padding:5px 10px 5px 10px;
margin-left:10px;
margin-top:10px;
font-size:14px;
}
a.buttonlink {    
text-decoration: none;
}
a:hover.buttonlink {
background: #343434;
}
#contactlinewrap{
clear:both;
float:left;
background:#999999;
width:100%;
}
#contactline{
max-width:960px;
margin:0 auto;
/*border:1px #000000 solid;*/
}
#contactleft{
float:left;
color:#FFFFFF;
font-size:18px;
margin-top:30px;
}
#contactright{
float:right;
margin-top:20px;
margin-bottom:20px;
}
#contactleft a{
color:#FFFFFF;
text-decoration:none;
}
#contactleft a:hover{
color:#cccccc;
text-decoration:none;
}
#container{
max-width:660px;
margin:20px auto;
background: rgba(255,255,255,0.7);  /* 50% transparent */
padding:40px;

-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .5); 
 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.textform{
font-family: 'AvenirLTStd-Light';
font-size:18px;
color:#3f3f3f;
font-weight:normal;
}
#contactformbox{
padding:20px;
max-width:100%;
background: rgba(255,255,255,0.8);  
 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.forminput{
font-size: 18px;
color:#333333;
padding:3px;
margin-bottom:6px;
width:99%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.forminputhalf{
font-size: 18px;
color: #a3a3a3;
padding:3px;
margin-bottom:6px;
width:48%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.formtitle{
font-size: 24px;
color:#FFFFFF;
}
.formtitle{
font-size: 24px;
color:#FFFFFF;
}
.subbutton{
display: block;    
background: #1e3674;        
color: #ffffff;    
text-align: center;    
padding:3px 10px 3px 10px;
	font-size: 20px;
}
#whitebox{
background-color:#FFFFFF;
/*margin:0px 0px 10px 0px;*/
padding:10px;
border: #CCCCCC solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
color: #333333;
}
.rounded{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#footerwrap{
clear:both;
float:left;
background:#373839;
width:100%;
}
#footer{
max-width:960px;
margin:0 auto;
color:#FFFFFF;
font-size:12px;
}
#footer a{
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover{
color:#cccccc;
text-decoration:none;
}
#footerleft{
float:left;
color:#FFFFFF;
margin-top:110px;
}
#footerright{
float:right;
margin-top:100px;
margin-bottom:100px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
#sectionwrapper {
	width: 100%;
	float:left;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color: #444444;
}
#sectionwrapper img{
	border:1px solid #e4e4e4;
	margin:0px 20px 10px 0px;
}

/*########################  Pictures FOR DETAILS PAGE #####################*/

#photoWrapper {
	clear:left; /* DREAMWEAVER SAKE */
	margin:0 auto;
	overflow:none;
	max-width:960px;
}

.tap {
	clear:left;
	float:left;
/*	padding:2px 0 2px 5px;*/
}

#thumbs {
	overflow:auto;
}
#thumbs img {
	float:left;
	margin:0 2.5px 2px 0;
/*	border:1px solid #afafaf;*/
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

#mainPic {
/*		max-width:100%;
		clear:left;
		float:left;*/
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/

}
#mainPic img{
width:100%;
}
.novisibility {
	visibility: hidden;
}
/* END PICTURES */
#right{
float:right;
margin-left:10px;
margin-bottom:10px;
}
#right img{
width:100%;
}

@media screen and (max-width: 960px) {
#nav{
margin-right:10px;
}


}

@media screen and (max-width: 960px) {
#nav{
margin-right:10px;
}

}

@media screen and (min-width: 769px) {
}


@media screen and (max-width: 768px) {
#slideshow{
display:none;
}
#footer{
margin-left:10px;
margin-right:10px;
}
#footerleft{
float:none;
color:#FFFFFF;
margin-top:10px;
}
#footerright{
float:none;
margin-top:10px;
margin-bottom:10px;
}
#contactline{
margin-left:10px;
margin-right:10px;
}
#contactleft{
float:none;
margin-top:10px;
}
#contactright{
float:none;
margin-top:10px;
margin-bottom:10px;
}

}

@media screen and (max-width: 711px) {
#nav {
margin-top:10px;
}
}

@media screen and (max-width: 320px) {
#slideshowwrap{
display:none;
}
#nav {
margin-bottom:10px;
}
#nav li {
font-size:12px;
font-weight:normal;
float: left; 
width:100%;
text-align:center;
margin-bottom:1px;
margin-left:0px;
}
#nav ul li a {
display: block;
padding: 10px; 
text-decoration: none;
font-weight: bold;
color: #ffffff;
background-color:#000000;
}
#nav ul li a:hover {
background-color:#999999;
color: #ffffff;
}
#teaserbox{
float:left;
text-align:center;
width:100%;
background-color:#FFFFFF;
/*border:1px #000000 solid;*/
margin-right:30px;
margin-bottom:30px;
}
#teaserboxright{
float:left;
background-color:#FFFFFF;
text-align:center;
width:100%;
margin-bottom:30px;
}
#line{
width:100%;
height:4px;
background:#000000;
}


}