html, body {
        height: 100%;
        margin:0;
}

body {
background-image: url('images/bg.jpg');
        background-repeat:repeat;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 13px;
        color: #000000;
}


#navigation {
	position:relative;
        width:77%;
	right:-60px;
	top:0px;
 float: right;
        font-family: 'Tahoma';
        font-weight: 500;
        line-height:20px;
        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:25px;
        font: normal 1em 'Abel', sans-serif;
        font-weight: 300;
        text-transform: uppercase; 
        background-color:#7A7A93;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:10px;
        padding-right:10px;
        -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:25px;
        font: normal 1em 'Abel', sans-serif;
        font-weight: 500;
        text-transform: uppercase; 
        background-color:#7A7A93;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:10px;
        padding-right:10px;
        -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:25px;
        font: normal 1em 'Abel', sans-serif;
        font-weight: 500;
        text-transform: uppercase; 
                background-color:#7A7A93;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:10px;
        padding-right:10px;
        -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:#7A7A93; 
        line-height:25px;
        font: normal 1em 'Abel', sans-serif;
        font-weight: 500;
        text-transform: uppercase; 
          background-color:#F0F0F0;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:10px;
        padding-right:10px;
        -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-color:#ffffff;
        background-image: url('images/head.jpg'), url('images/bg.jpg');
        background-repeat: no-repeat, repeat;
        background-position: center; 
        height:519px;
        width:100%;
        margin-top:-20px;
}


#wrap {
        height:15px;
}


#footer{
        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:30px;
        line-height:30px;
        color: #939393;
}

#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: #939393;
}

#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: #939393;
}

#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: #939393;
}



/*------------------------------------------
5     link classes
------------------------------------------*/

a:link {
        text-decoration: none; 
        color:#CC796E; 
	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; 
        color:#CC796E; 
	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:active {
        text-decoration: none; 
color: #CC796E; 
	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:#6283C7; 
	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: #6283C7; 
}

i { 
        color: #AE6755; 
}



#container {
	margin: -7% 0 0 0%;
	position: relative;
	float: center;
	width: 80%;
}
#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:#868686;
        margin-bottom:20px;text-shadow: #ffffff 1px 1px 3px;
}


blockquote {
 	background-color:#F3F3F3; 
 	border-left: 40px solid #9D9DC4;
 	padding: 8px;
	text-align:justify;
	color:#868686;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;}

h1 { 
	color:#9D9DC4;
        letter-spacing:1px;
font-family: 'Pacifico', cursive;
        font-size:30px;
        padding:10px; }



.contentcontainer input, textarea, select {
  background-color: #F3F3F3;
  border: 3px solid #9D9DC4;
  padding:4px;
  color:#9D9DC4;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/*------------------------------------------
      DO NOT REMOVE OR EDIT
------------------------------------------*/

.clearfooter {
        height:100px;
        clear:both;
}

.clear{
        clear:both;
}