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




#wrapper{ width: 100%; 
max-width:1600px; 
border: medium solid thin #63B5BF; 
 margin: auto; background-color:#000000
 }


body{ background-color:#000;}


.jumbotron{
	 background-color:#000000
	 }


.jumbotron img {
	 padding: 0 5px 0 5px
	 }


#header{  width: 100%;
 margin: -168px 0 15px 25px
  }


.footer,.jumbotron  {border-top: #0097A4  solid thin}

.row{margin: 15px 0 25px 0;  }

.col-sm-4,.col-sm-8{ padding:15px; }

.col-sm-4 strong{ color:#FFF}

.col-lg-12{text-align: left;margin: 25px 0 25px 0}

#slider1{width:100%; float: left; }


#content{ float: left;}

p{padding: 15px; color:#cccccc; } 


.block1{padding: 5px }

.img-responsive1:hover{transform:rotateY(180deg);transition-duration:2s;}

.block1 img:hover {opacity:0.5}


.jumbotron,#wrapper li{list-style: none}

.mainlinks{ display: inline-block; width: 100%; float: left; margin: 10px 0 0 10px}


.mainlinks li {display:inline-block; 
			width:150px;
			 height:40px; 
			 margin: 10px 0 0 2%;
			font-family: Verdana, Geneva, sans-serif;float: left;z-index: 15 
			   }


.mainlinks1 li { display: block; text-align: center;
			}


.mainlinks a,.mainlinks1 a{
	color: #06697A;
	text-decoration: none;
	font-size: 18px; 
	display:inline-block;
	text-align:center;
	 width:150px; height:50px;
}

.mainlinks a:hover,.mainlinks1 a:hover{ color:#0CE8D0;
	 background:url(img/animeln.gif) no-repeat;}


.imgholder {  margin: auto; padding:0 25px 0 25px}


.col-sm-4 p, .jumbotron {padding: 0; margin: 0; text-align: center;color: #999999;font-size: 14px}


.footer{margin:15px 0 15px 0 }


/*---------------------------graphics------------------------------------------*/


.graphicsamp{display: inline-block}


.graphicsamp li {display: inline-block;width: 150px; height: 150px; }


.galleryheaders{ color: #CCCCCC; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";font-size: 18px}


#contactinfo{border-top: #0FB1AA solid thin;border-bottom: #0FB1AA solid thin}


#contactinfo li{text-align:left;margin: 15px 0 15px 0;}

button {text-align: center;margin: 15px 0 15px 0;}



@media screen and (max-width:3000px)



{.mainlinks1{ visibility: hidden} }


@media screen and (max-width:760px)


{.mainlinks1{ visibility:visible }

	.jumbotron  {border-top: none}
	
 .mainlinks{visibility:hidden }	
 
	.mainlinks1{ margin: 10px 0 -75px 0}
	
	
	#contactinfo{border-top: none;border-bottom: #0FB1AA solid thin}
	
}