/*
Scenic Rim Supported Living


BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	
*/
.flexslider {
    float: left;
    width: 100%;
}

@media only screen and (min-width:920px) { 
.flexslider { 
display : block; 
margin : 0 0 60px; 
background : #fff; 
border : #fff solid 4px; 
border-radius : 4px; 
box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2); 
} 
.grid_1 { 
width : 8.33333333%;
min-width: 300px; 
} 
.grid_2 { 
width : 16.66666667%; 
min-width: 300px;
} 
.grid_3 { 
width : 25%; 
min-width: 300px;
} 
.grid_4 { 
width : 33.33333333%; 
min-width: 250px;
} 
.grid_5 { 
width : 41.66666667%; 
min-width: 300px;
} 
.grid_6 { 
width : 50%; 
} 
.grid_7 { 
width : 58.33333333%; 
} 
.grid_8 { 
width : 66.66666667%; 
} 
.grid_9 { 
width : 75%; 
} 
.grid_10 { 
width : 83.33333333%; 
} 
.grid_11 { 
width : 91.66666667%; 
} 
.grid_12 { 
width : 100%; 
} 
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { 
float : left; 
display : block; 
} 

}


/* typography */
body { 
font-family: 'weblysleek_uilight';
color: rgb(99, 99, 99);
line-height : 1.4em; 
font-weight : normal; 
} 
h1{ 
font-weight : bold;
font-size : 2em;  
font-family : 'weblysleek_uilight'; 
line-height : 1.5em; 
margin : 0.45em 0; 
padding : 0; 
}
h2, h3, h4, h5, h6 
 { 
font-weight : bold;
font-size : 1.5em;  
font-family : 'weblysleek_uilight'; 
line-height : 1.5em; 
margin : 0.45em 0; 
padding : 0; 
}
a, a:visited, a:active, a:hover { 
color : #2A2299; 
} 
a:hover { 
text-decoration : none; 
} 
* { 
box-sizing : border-box; 
} 
#wrapper { 
padding-top: 65px;
padding-left: 5%;
padding-right: 5%;
} 
/* HERO */	
#hero, #page-header { 
margin-top: -25px;
box-shadow: 10px 10px 5px #888888;
background : #42A2CE; 
border-top : 1px solid #2D4CAF; 
border-bottom : 1px solid #2D4CAF; 
padding : 20px 0; 
} 
#hero h1 { 
line-height : 1.2em; 
margin-top : 0; 
margin-bottom : 10px; 
}
/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}
image{ max-width:100%; height:auto;}  
/*

|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
} 
#content { 
margin : 40px 0; 
} 
aside { 
margin : 40px 0; 
} 
p { 
margin : 0 0 1.5em; 
} 
img { 
max-width : 100%; 
height : auto; 
} 
#menu, #menu ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
/* FOOTER */
#text {
padding-left: 40px;
}
footer { 
clear : both;
margin-top: -25px;
margin-bottom: 0px;
border-top: 1px solid #2D4CAF;
font-size: 80%;
background : #333; 
color : #fff;  
padding : 10px 0;

}

.footerLinks ul {
	padding: 0;
    list-style-type: none;
    margin: 0;
}

.footerLinks a {
	color: #d9d9d9;
	text-decoration: none;
	font-size: 13px;
} 
 
h1, h2, h3, h4, h5, h6 { 
color : #333; 
} 


 
a.buttonlink { 
background : #0066CC; 
border-radius : 7px;
 
box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5); /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/ 
 
 
color : #fff; 
display : block; 
float : left; 
margin : 10px 15px 10px 0; 
padding : 10px; 
text-decoration : none; 
} 
a.buttonlink:hover { 
background : #887dc2; 
} 
.greenelement { 
background : #FFFFFF; 
color : #000; 
} 
.violetelement { 
background : #887dc2; 
color : #fff; 
} 
.clearfix:before, .clearfix:after, .row:before, .row:after { 
content : " "; 
display : table; 
} 
.clearfix:after, .container:after, .row:after { 
clear : both; 
}

.container{
text-align:center;
}
@media only screen and (min-width:481px) { 
#banner { 
float : left; 
text-align : left; 
margin-bottom : -20px; 
} 
.menu-toggle { 
margin-top : 10px; 
float : right; 
} 
} 
@media only screen and (min-width:920px) { 
.wrapper { 
max-width : 1200px; 
margin : 0.75em auto; 
} 
#banner { 
float : left; 
text-align : left; 
margin-bottom : 0; 
} 
header { 
padding : 0; 
} 
#content { 
float : left; 
width : 65%; 
} 
#content.wide-content { 
float : none; 
width : 100%; 
} 

aside { 
float : right; 
width : 30%; 
} 

.row { 
margin-left : -15px; 
margin-right : -15px; 
} 

.rightfloat { 
float : right; 
} 
#hero [class*="grid_"] { 
margin-bottom : -20px; 
} 
} 
@media only screen and (min-width:1030px) 
@media only screen and (min-width:1240px) 
@media print { 
* { 
background : transparent !important ; 
color : black !important ; 
text-shadow : none !important ; 
} 
a, a:visited { 
text-decoration : underline; 
} 
a[href]:after { 
content : " (" attr(href) ")"; 
} 
abbr[title]:after { 
content : " (" attr(title) ")"; 
} 
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { 
content : ""; 
} 
pre, blockquote { 
border : #999 solid 1px; 
page-break-inside : avoid; 
} 
thead { 
display : table-header-group; 
} 
tr, img { 
page-break-inside : avoid; 
} 
img { 
max-width : 100% !important ; 
} 
p, h2, h3 { 
orphans : 3; 
widows : 3; 
} 
h2, h3 { 
page-break-after : avoid; 
}