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

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;	
	
}

#content {
	height: 100%;
width: 100%;
position:fixed;
z-index: 90;
text-align: center;
/*display: table;*/
background:url("/images/kaylaray-bg.jpg") no-repeat top center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*#content-cell {
	text-align: center;
	width: 100%;
	height: 100%;
	display:table-cell;
	vertical-align:middle;	
}*/




/*Main styles*/


body,td,th {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}



.clear_both { clear: both; }

.clear_right { clear: right; }

.clear_left { clear: left; }

.spacer5h { height:5px; }

.spacer10h { height:10px; }

.spacer15h { height:15px; }

.spacer20h { height:20px; }

.spacer25h { height:25px; }

.spacer30h { height:30px; }

.spacer35h { height:35px; }

.spacer40h { height:40px; }


h1, h2, h3, h4, h5, h6,
#footer,
#nav_bar,
.font-special {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #332C1C;
	font-weight: 100;
	margin: 0.1em 0;
	line-height: 1.3em;
	letter-spacing: 1px;
}


h1{
	font-size: 44px;
	font-style: normal;
	margin-bottom: 18px;
	font-weight:100;
}

h2{
	font-size: 32px;
	/*margin-bottom: 0.5em;*/
}

h3 {
	font-size: 18px;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 24px;
	margin-bottom: 0.5em;
}

.cms-repeat {
}
.cms-editable {
}
.cms-navigation {
}


p{
	margin:10px 0 ;
	line-height:150%; 
	}


#content div {
	line-height: 150%;
}

/* links */
a:link, 
a:visited {
	color: #5187B6;
	text-decoration:underline;
}

a:hover, 
a:active {
	color: #999;
	text-decoration:underline;
}


/** {
margin: 0;
}
html, body {
height: 100%;
}*/


/* LANDING PAGE STYLES */
#header {
    width: 100%;
		max-width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
    background-color: rgba(255,255,255,0.6);
}
#footer {
    width: 100%;
		max-width: 100%;
	position: absolute;
	bottom: -4px;
	left: 0px;
	z-index: 100;
    background-color: rgba(255,255,255,0.6);
}
#header img {
	max-width: 100%;
    max-height: 100px;
}
#logo {
	
}
#social {
	width: 100%;
    text-align: right;
}
#social img {
    max-height: 60px;
}
#social a:hover {
	opacity: 0.6;
}


@media only screen 
and (max-width : 450px) {
	#header {
		max-width: 100%;
		background: url(images/bg-creme60.png) repeat;
	}
	
	#social {
		text-align: center;
	}
	
}