/*----------------

PRIMARY

-------------------*/

@font-face {

    font-family: 'PonsiSlab';

    src: url('../fonts/PonsRoundedSlab-Regular-webfont.eot');

    src: url('../fonts/PonsRoundedSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/PonsRoundedSlab-Regular-webfont.woff') format('woff'),

         url('../fonts/PonsRoundedSlab-Regular-webfont.ttf') format('truetype'),

         url('../fonts/PonsRoundedSlab-Regular-webfont.svg#ponsirounded_slabregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



body {

	background:#559826 url('../images/religa-supt-bg.jpg') no-repeat center top;

	color:#4b4b4b;

	font:100%/1.4 'PonsiSlab',sans-serif;

}



body#home {background:#559826 url('../images/religa-home-bg.jpg') no-repeat center top;}



#wrap {

	width:1145px;

	margin:0 auto;

	position:relative;

}



/*----------------

HEADER

-------------------*/



#slideshow-holder {

	position:absolute;

	top:0;left:0;

}



#slideshow {

	position:relative;

	top:0;left:0;

	width:342px;

	height:340px;

}



#slideshow img {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

}



#slideshow img.active {

    z-index:10;

}



#slideshow img.last-active {

    z-index:9;

}



header {

	width:440px;

	margin:0 auto;

	text-align:center;

	padding-top:15px;

	font-size:0.8em;

}



body#home header {

	font-size:0.9em;

}



#social {

	position:absolute;

	top:0;

	left:113px;

	background:url('../images/social-bg.png');

	width:246px;

	height:47px;

	text-align:center;

	padding-top:5px;

}



body#home #social {

	position:absolute;

	top:0;

	left:auto;

	right:113px;

}



p.number {

	text-align:center;

	color:#fff;

	font-size:1.2em;

	margin-top:0px;

	font-weight:bold;

}

p.number a {
	color:#fff;
}



body#home p.number {

	margin-top:25px;

	font-size:1.4em;

}



/*----------------

NAVIGATION 

-------------------*/

nav {

	width:939px;

	margin:0 auto;

	text-align:center;

	background:url('../images/supt-nav-bg.png');

	height:54px;

	padding-top:7px;

	margin-top:150px;

	margin-bottom:15px;

}



body#home nav {

	width:473px;

	background:url('../images/nav-bg.png');

	height:105px;

	padding:5px;

	margin-top:20px;

	margin-bottom:0;

}



nav a {

	text-decoration:none;

	color:#0076bf;

	font-size:15px;

}



body#home nav a {

	font-size:1em;

}



nav a:hover {color:#00385b;}



body#home .space {display:none;line-height:1.4em;}



/*----------------

CONTENT 

------------------*/
#welcome {
    
    background-color: #E0F86D;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    text-align: center;
    width: 892px;
    margin:0 auto;
    font-size:0.95em;
    line-height:1.5em;
    padding:15px 25px;
    margin-top:200px;

}


/*#welcome {

	background:url('../images/home-content-bg.png') center top;

	width:892px;

	height:128px;

	margin:0 auto;

	font-size:0.95em;

	text-align:center;

	line-height:1.5em;

	padding:15px 25px;

	margin-top:200px;

}*/

#welcome2 {

	background:url('../images/welcome-bg.jpg') center top;

	width:890px;

	margin:0 auto;

	font-size:0.95em;

	text-align:center;

	line-height:1.5em;

	padding:15px 25px;

}


.caps {

	width:940px;

	margin:0 auto;

	height:22px;

}

.caps2 {
	

	width:940px;

	margin:0 auto;

	height:22px;
	margin-top:50px;

}






.content {

	background:url('../images/content-bg.jpg') center top;

	width:885px;

	padding:0 130px;

	font-size:0.95em;

}



h1, h2, h3 {

	font-family: 'Pacifico', cursive;

}



h1 {

	text-align:center;

	color:#f56372;

	font-weight:normal;

	font-size:2.5em;

}



h2 {

	color:#f56372;

	font-weight:normal;

	font-size:2em;

}





h3 {

	font-weight:normal;

	font-size:1.4em;

	margin-bottom: 0px;

	padding-bottom: 0px;

}



.content a {

	color:#0076bf;

}



.content a:hover {text-decoration:none;}



.content p.highlight {

	font-size:1.2em;

	font-weight:bold;

	text-align:center;

}



a.top{

	padding: 8px;

	background-color: #E2F878;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	text-decoration: none;

	font-weight: bold;

	color: #4b4b4b;

	font-size: 0.9em;

}



a.top:hover{

	padding: 8px;

	background-color: #eefbae;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	text-decoration: none;

	font-weight: bold;

	color: #4b4b4b;

	font-size: 0.9em;

}





a.form{

	padding: 8px 13px;

	margin-top: 15px;

	margin-bottom: 15px;

	background-color: #48bbd6;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	text-decoration: none;

	font-weight: bold;

	color: #fff;

	font-size: 1.2em;

}



a.form:hover{

	background-color: #63c5dc;

}



a.quick{

	padding: 3px 8px;

	margin-top: 10px;

	margin-bottom: 15px;

	background-color: #48bbd6;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	text-decoration: none;

	font-weight: bold;

	color: #fff;

	font-size: 1.1em;

}



a.quick:hover{

	background-color: #63c5dc;

}





iframe#ada {

	margin-top:0px;

	width:810px;

	height:950px;

	margin:0 auto;

}



hr {

	background:#fff;height:2px;border:none;width:100%;padding:0;

}



#reviews {

	position:absolute;

	right:150px;

	top:500px;

}



#reviews-supt {

	position:absolute;

	right:150px;

	top:375px;

}





/*----------------

FOOTER 

------------------*/



footer {

	color:#fff;

	font-size:0.75em;

	line-height:1.3em;

	text-align:center;

	margin-top:20px;

}



footer a {color:#fff;}



/*----------------

MISCELLANEOUS

-------------------*/

.clear {clear:both;}

.floatleft {float:left;margin-right:15px;border:2px solid #fff;}

.floatright {float:right;margin-left:15px;border:2px solid #fff;}

.floatmid {display:block;margin:0 auto;border:2px solid #fff;}

.center {text-align:center;}

.border {border:2px solid #fff;}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
body {

	background:#559826 url('../images/religa-supt-bg.jpg') no-repeat 43% top;
}


body#home #wrap {
    margin: 0 auto;
    width: 900px;
}

#slideshow-holder {
	left:-122px;
}

body#home #social {
	right:0;
}

#welcome {
	width:800px;
	background:#E0F86D;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

#reviews {
	right:20px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
body {

	background:#559826 url('../images/religa-supt-bg.jpg') no-repeat 43% top;
}

body#home #wrap {
    margin: 0 auto;
    width: 750px;
}
#welcome {
	width:700px;
	background:#E0F86D;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	height:auto;

}

body#home #social {
	right:-75px;
}

#slideshow-holder {
	left:-197px;
}

#reviews {
	right:15px;
}
}

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

/*MEDIA QUERIES */

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}
}