@charset "UTF-8";

html {
}

body {
}


/* Header */

#about-card-10 {
	background: url(../images/blk_tile_floral.jpg) repeat;
}

#about-card-10 .card-content {
	width: 90%;
	max-width: 900px;	
}

#logo {
	width: 87px;	
	margin: 0px auto;
	padding: 60px 0px;
}


/* Main content */

#about-card-20 {
	background: url(../images/blu_tile_floral.jpg) repeat;
}

#about-card-20 .card-content {
	width: 90%;
	max-width: 900px;
}

#about-card-30 {
	background: url(../images/blk_tile_floral.jpg) repeat;
}

#about-card-30 .card-content {
	width: 90%;
	max-width: 900px;
}

#about-card-40 {
	background: url(../images/blu_tile_floral.jpg) repeat;
}

#about-card-40 .card-content {
	width: 90%;
	max-width: 900px;
}

#about-card-50 {
	background: url(../images/blk_tile_floral.jpg) repeat;
}

#about-card-50 .card-content {
	width: 90%;
	max-width: 900px;
}

#about-card-60 {
	background: url(../images/blu_tile_floral.jpg) repeat;
}

#about-card-60 .card-content {
	width: 90%;
	max-width: 900px;
}

#subtitlewhite {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*height: 10px;
	background:url(../images/subtitle.png) no-repeat;
	background-size: auto 10px;
	width: 320px;	
	text-indent: -9999px;*/
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#subtitleorange {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #FF8B00;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*height: 10px;
	background:url(../images/subtitle.png) no-repeat;
	background-size: auto 10px;
	width: 320px;	
	text-indent: -9999px;*/
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#sectiontextorange {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #FF8B00;
	letter-spacing: 0px;
	/*height: 10px;
	background:url(../images/subtitle.png) no-repeat;
	background-size: auto 10px;
	width: 320px;	
	text-indent: -9999px;*/
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#sectiontextwhite {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0px;
	/*height: 10px;
	background:url(../images/subtitle.png) no-repeat;
	background-size: auto 10px;
	width: 320px;	
	text-indent: -9999px;*/
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#rollover p {
float: left;
width: auto;
margin: 6px
}

#rollover a {
display: inline-block;
position: relative;
margin-right: 2%;
text-decoration: none;
}

#rollover a span {
display: block;
background-color: #000;
color: #FF3;
font-weight: bold;
text-align: center;
position: absolute;
z-index: 100;
/**adjust where desired**/
left: 0px;
top: 0px;
/**same size as images**/
height: 125px;
width: 125px;
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
#rollover a:hover span,
#rollover a:active span,
#rollover a:focus span {opacity:1;}
#rollover a:hover,
#rollover a:focus {opacity:1}
#rollover a span:hover {opacity:1;}
#rollover:hover {opacity:1;}

.clearfix {
clear: both;
display: block;
}

.langarhallslides {
 position:relative; 
 height:210px; 
 width:280px; 
 float:center;   
 padding: 8px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-radius: 8px;
  /* Firefox 1-3.6 */ 
 -moz-border-radius:8px; 
 /* Safari 3-4, iOS 1-3.2, Android 1.6- */   
 -webkit-border-radius:8px; 
	box-shadow: 0 0 20px rgba(0,0,0,5.0);
	}

.langarhallslides > * {
position:absolute; left:5; top:5; right:5; bottom:5; display:block; 
	}

.hallslides {
 position:relative; 
 height:300px; 
 width:840px; 
 float:center;   
 padding: 8px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-radius: 8px;
  /* Firefox 1-3.6 */ 
 -moz-border-radius:8px; 
 /* Safari 3-4, iOS 1-3.2, Android 1.6- */   
 -webkit-border-radius:8px; 
	box-shadow: 0 0 20px rgba(0,0,0,5.0);
	}

.hallslides > * {
position:absolute; left:5; top:5; right:5; bottom:5; display:block; 
	}

.img-class-border {
    width:315px;
	height:210px;
    background:RoyalBlue ;
    padding:4px 4px 4px 4px;
	border: 13px solid orange;
	border-radius: 8px;
  	/* Firefox 1-3.6 */ 
 	-moz-border-radius:8px; 
 	/* Safari 3-4, iOS 1-3.2, Android 1.6- */   
 	-webkit-border-radius:8px; 
}
	

@media only screen and (max-width: 960px) {

 /*PUT CODE FOR TABLETS HERE*/
 	
}



@media only screen and (max-width: 400px) {
	
/*PUT CODE FOR PHONES HERE */

}