/* CSS Document */

/****
font-family: 'Exo', Arial, Helvetica, sans-serif; 400,600,700
****/

html, body {
margin: 0; padding: 0; height: 100%;
font-family: 'Exo', Arial, Helvetica, sans-serif;
font-size: 13px; color: #262626; font-weight: 400;
background: #182958; text-align: center; }

a { color: #fff; transition: all ease-in-out 0.15s; text-decoration: none; }
a:hover { color: #47957f; }
p {padding: 10px 0; color: #EFEFEF !important; text-align:left; font-size: 17px; line-height: 25px; }
div { margin: 0; padding: 0; height: auto; }

img { max-width: 100%; height: auto; }
#content img { vertical-align: middle; margin: 5px; }

.wrap { position: relative; z-index: 1; margin: 0 auto; }
.clearit { clear: both; }

#pagewrap,#headwrap,#navwrap,#slidewrap,#basewrap,#cntwrap,#footwrap,#credwrap 
{ position: relative; width: 100%; z-index:1; }

h1, h2 { display: block; font-weight: 400; letter-spacing: 0.25px; }
h1 { color: #9aa4bf; margin: 25px 0 55px 0; font-style: italic; font-weight: 600; }
h2 { color: #fff; line-height: 32px; font-weight: 600; }
h3 { color: #22376d; font-family: "Times New Roman", Times, serif; font-weight: 400; }
h3 strong { color: #47957f; font-weight: 400; }

body {
background: #182958;
background: -webkit-radial-gradient(circle, #22366d, #182958, #182958); 
background: -o-radial-gradient(circle, #22366d, #182958, #182958); 
background: -moz-radial-gradient(circle, #22366d, #182958, #182958);
background: radial-gradient(circle, #22366d, #182958, #182958); }

#footwrap {
width: 100%;
border-top: 1px solid #fefefe; background: #fefefe;
background: -webkit-linear-gradient(#dcdcdc, #fefefe); 
background: -o-linear-gradient(#dcdcdc, #fefefe); 
background: -moz-linear-gradient(#dcdcdc, #fefefe);
background: linear-gradient(#dcdcdc, #fefefe); }
#footer { padding: 10px 0 10px 0; }

#topleaf, #btmleaf { position: absolute; z-index: 10; background-size: contain !important; }
#topleaf { top: 0; right: 0; background:url(images/top_leaf.png) top right no-repeat; }
#btmleaf { bottom: 0; left: 0; background:url(images/btm_leaf.png) bottom left no-repeat; }

@media screen and (min-width: 300px)
{ 
.wrap { width: 90%; }
#content { padding: 30px 0; }
#logo { padding: 15px 0; }
h2 img { display: none; }
h3 { font-size: 26px; letter-spacing: -0.5px; }
#topleaf { width: 100px; height: 100px; }
#btmleaf { width: 80px; height: 110px; }
#footwrap { position: relative; }
#footer { width: 100%; }
p { padding: 10px 0;  color: #EFEFEF !important; text-align:left; font-size: 17px; line-height: 25px; }	
}
@media screen and (min-width: 550px)
{ 
h2 img { display: inline; }
h3 { font-size: 36px; letter-spacing: 0px; }
#topleaf { width: 100px; height: 100px; }
#btmleaf { width: 120px; height: 160px; }
	p { padding: 10px 0; color: #EFEFEF !important; text-align:left; font-size: 17px; line-height: 25px; }	
}


@media screen and (min-width: 850px)
{ 
#pagewrap, #cntwrap { height: auto; }
.wrap { width: 90%; }
h3 { font-size: 46px; letter-spacing: 0px; }
#topleaf { width: 150px; height: 150px; }
#btmleaf { width: 180px; height: 210px; }
#content { margin-bottom: 150px; }
#footwrap { position: relative }
	p { padding: 10px 0;  color: #EFEFEF !important; text-align:left; font-size: 17px; line-height: 25px; }	
}
@media screen and (min-width: 1140px)
{ 
#footer { width: 1140px; }
.wrap { width: 1140px; }
#content { padding: 50px 0; }
#logo { padding: 30px 0; }
#topleaf { width: 200px; height: 200px; }
#btmleaf { width: 280px; height: 310px; }
	p { margin: 0 150px; padding: 10px 0;  color: #EFEFEF !important; text-align:left; font-size: 17px; line-height: 25px; }	
}