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

1     Body Stylesheet

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



html, body {

        height: 100%;

        margin:0;

}



body {

        background-color:#E8E8E8;      

        font-family: 'Playfair Display', sans-serif!important;

        font-weight: 400!important;

        text-align:center;

        font-size: 13px;

        color: #ffffff;

}







::-webkit-scrollbar {width: 31px; height: 3px; background: #E8E8E8;}

::-webkit-scrollbar-thumb {background-color: #8692B1; border: 5px;}





#navigation {
	position:relative;
        width:100%;
	right:0px;
	top:-15px;
 float: right;
        font-family: 'Tahoma';
        font-weight: 500;
        line-height:30px;
        padding-top:4px;
        padding-bottom:6px;
        padding-left:0px;
        overflow:hidden;
        text-align:center;        opacity:0.7;
}

#navigation A:link { 
        text-decoration: none; 
        color:#ffffff; 
        line-height:10px;
        font: normal 0.5em 'Abel', sans-serif;
        font-weight: 300;
        text-transform: uppercase; 
        background-color:#8692B1;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:50px;
        padding-right:50px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;text-shadow: #000000 1px 1px 3px;
}

#navigation A:visited { 
        text-decoration: none; 
        color:#ffffff; 
        line-height:10px;
        font: normal 0.5em 'Abel', sans-serif;
        font-weight: 300;
        text-transform: uppercase; 
        background-color:#8692B1;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:50px;
        padding-right:50px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;text-shadow: #000000 1px 1px 3px;
}

#navigation A:active { 
        text-decoration: none; 
        color:#ffffff; 
        line-height:10px;
        font: normal 0.5em 'Abel', sans-serif;
        font-weight: 300;
        text-transform: uppercase; 
        background-color:#8692B1;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:50px;
        padding-right:50px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;text-shadow: #000000 1px 1px 3px;
}

#navigation A:hover { 
        text-decoration: none; 
        color:#8692B1; 
          line-height:10px;
        font: normal 0.5em 'Abel', sans-serif;
        font-weight: 300;
        text-transform: uppercase; 
        background-color:#000000;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:50px;
        padding-right:50px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        opacity:0.7;text-shadow: #ffffff 1px 1px 3px;
}



#header {

        background-image: url('images/neji.jpg'), url('images/bg1.jpg');

        background-repeat: no-repeat, repeat;

        background-position: center; 

        height:477px;

        width:100%;

        margin-top:-15px;

}





#wrap {

        height:15px;

}




#footer{

        background-image:url(images/bg1.jpg);        background-repeat: repeat;

        position: relative;background-position: center;

        font-family: 'Playfair Display', sans-serif!important;

        font-weight: 400!important;

        text-transform:none;

        text-align:center;

        font-size:14px;

        padding:5px;

        line-height:10px;

        color: #4C4C4C;

}



#footer a:link {

        font-family: 'Roboto', sans-serif!important;

        font-weight: 400!important;

        text-transform:none;

        text-align:center;

        font-size:16px;

        line-height:13px;

        color: #4C4C4C;

}



#footer a:hover {

        font-family: 'Roboto', sans-serif!important;

        font-weight: 400!important;

        text-transform:none;

        text-align:center;

        font-size:16px;

        line-height:13px;

        color: #4C4C4C;

}



#footer a:visited {

        font-family: 'Roboto', sans-serif!important;

        font-weight: 400!important;

        text-transform:none;

        text-align:center;

        font-size:16px;

        line-height:13px;

        color: #4C4C4C;

}







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

5     link classes

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



a:link {

        text-decoration: none; 

        text-decoration: none; 

        color:#8692B1; 

	font-size: 15px;

font-family: 'Libre Baskerville', serif;

        font-weight: 100!important;

        letter-spacing:4px;

        padding:3px;

        line-height:5px;

        font-style:none;

        opacity: 0.9;

        -webkit-transition: opacity 0.9s linear;

        -webkit-transition: all 0.9s ease-out; 

        -moz-transition: all 0.9s ease-out;

        transition: all 0.9s ease-out;

border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;}



a:visited {

        text-decoration: none; 

        text-decoration: none; 

        color:#8692B1; 

	font-size: 15x;

font-family: 'Libre Baskerville', serif;

        font-weight: 100!important;

        letter-spacing:4px;

        padding:3px;

        line-height:5px;

        font-style:none;

        opacity: 0.9;

        -webkit-transition: opacity 0.9s linear;

        -webkit-transition: all 0.9s ease-out; 

        -moz-transition: all 0.9s ease-out;

        transition: all 0.9s ease-out;

border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;}



a:active {

        text-decoration: none; 

color: #8692B1; 

	font-size: 15px;

font-family: 'Libre Baskerville', serif;

        font-weight: 100!important;

        letter-spacing:4px;

        padding:3px;

        line-height:5px;

        font-style:none;

        opacity: 0.9;

        -webkit-transition: opacity 0.9s linear;

        -webkit-transition: all 0.9s ease-out; 

        -moz-transition: all 0.9s ease-out;

        transition: all 0.9s ease-out;

border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;}



a:hover {

        text-decoration: none;

        color:#AE4DAE; 

	font-size: 15px;

font-family: 'Libre Baskerville', serif;

        font-weight: 100!important;

        letter-spacing:4px;

        padding:3px;

        line-height:5px;

        font-style:none;

        opacity: 0.9;

        -webkit-transition: opacity 0.9s linear;

        -webkit-transition: all 0.9s ease-out; 

        -moz-transition: all 0.9s ease-out;

        transition: all 0.9s ease-out;

border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

   opacity:0.7;}









b { 

        color: #AE4DAE; 

}



i { 

        color: #4CB8A8; 

}











#container {
	margin: 0% 0 0 0%;
	position: relative;
	float: center;
	width: 85%;
}
#container .box {
	font: 300 13px 'Playfair Display', sans-serif;
	background-color: #D3EEE7;
	text-align: justify;
	margin-bottom: 20px;
	line-height: 24px;
	color: #7EA49B;
	padding: 22px;
        font-size:16px;
}

.contentcontainer{
        padding:19px;
        margin-left:0px;
        margin-right:0px;
        line-height:33px;
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 400!important;
        text-align:justify;
        color:#636363;
        margin-bottom:20px;text-shadow: 0px 0px 1px #ffffff, 0px 0px 4px #ffffff, 0px 0px 9px #0ffffff;
}


blockquote {
 	background-color:#D0D9D4; 
 	border-left: 30px solid #808EAF;
 	padding: 8px;
	text-align:justify;
	color:#636363;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;}

h1 { 
	color:#808EAF;
        letter-spacing:1px;
font-family: 'Bebas Neue', cursive;
        font-size:30px;
        padding:10px; text-shadow: 0px 0px 2px #ffffff, 0px 0px 5px #ffffff, 0px 0px 10px #ffffff;}


.contentcontainer input, textarea, select {
  background-color: #D0D9D4;
  border: 3px solid #808EAF;
  padding:4px;
  color:#808EAF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

img {
margin-top:12px;
margin-bottom:6px;
margin-right:4px;
opacity:0.7;
background: #ffffff;
padding:3px;
border:2px solid #e4e4e4;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

img:hover {
opacity:1;
background: #ffFFff;
padding:3px;
border:2px solid #537AA7;}