/*------------------------------------------
--------------------------------------------
Custom Coding
--------------------------------------------
Includes:
1. Body Stylesheet
2. Header
3. Container and Wrapper
4. Link Classes
5. Other
FINAL: DO NOT REMOVE OR EDIT
--------------------------------------------
------------------------------------------*/



/*------------------------------------------
1     Body Stylesheet
------------------------------------------*/

html, body {
  height: 100%;
}

body {
  background-color:#ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  text-align:center;
  font-size: 13px;
  color: #202020;
  padding:0px!important;
  margin:0!important;
}

.navi {
  background-color:#000000;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  color:#BD84C2;
  font-size: 10pt!important;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding:15px;
}

.navi a:link,
.navi a:visited,
.navi a:active {
  color: #BD84C2;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 10pt!important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  -webkit-transition: opacity 0.4s linear;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navi a.icon {
  background-color:#000000;
  color: #BD84C2;
  font-size: 10pt!important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  -webkit-transition: opacity 0.4s linear;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navi a.icon:hover {
  background-color:#000000;
  color: #B5A467;
  font-size: 10pt!important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  -webkit-transition: opacity 0.4s linear;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navi a:hover {
  background-color:#303030;
  color: #B5A467;
  font-size: 10pt!important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  -webkit-transition: opacity 0.4s linear;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/*------------------------------------------
2     Header
------------------------------------------*/

#header {
  background: url(icon-header.png) no-repeat top center; 
  width:100%;
  height:400px;
  border-bottom:5px solid #FFFFFF;
}

/*------------------------------------------
3     Container and Wrapper
------------------------------------------*/

#wrapper{
  margin:0 auto;
  width: 100%;
}

#container{
  overflow:hidden;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  z-index:1; 
  width:80%;
  color:#202020;
  margin:0 auto;
  padding:5px;
  text-align:justify;
  line-height:25px;
}

#container b {
  font-weight:600;
}

#footer{
  position: relative;	
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  text-transform:none;
  text-align:center;
  font-size:12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding:20px;
  background: #ffffff;
  line-height:15px;
  color: #000000;
}

#footer a:link {
  text-align:center;
  font-size:12px;
  line-height:13px;
  color: #BD7ABE;
}

#footer a:hover {
  text-align:center;
  font-size:12px;
  line-height:13px;
  color: #000000;
}

#footer a:visited {
  text-align:center;
  font-size:12px;
  line-height:13px;
  color: #BD7ABE;
}



/*------------------------------------------
4     link classes
------------------------------------------*/

a:link {
  text-decoration:none; 
  color: #BD7ABE;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:visited {
  text-decoration:none; 
  color: #BD7ABE;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:active {
  text-decoration:none; 
  color: #BD7ABE;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:hover {
  text-decoration:none; 
  color: #000000;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }




/*------------------------------------------
5     Other
------------------------------------------*/

hr {
 border: 0; height: 1px;   background-color: #ECEFEF;
  opacity: 0.5;
}


blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #ECEFEF;
  margin: 5px;
  }
  blockquote span {
     display: block;
   }



#container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
#container li {
  padding:8px;
  background-color:#ECEFEF;
  margin-bottom:1px;
}


#container li a:link {
  font-size:14px;
}

#container li a:hover {
  font-size:14px;
}


#container li a:visited {
  font-size:14px;
}


#container li a:active {
  font-size:14px;
}



#wrapper img { 
padding:4px;
border: 3px solid #BD7ABE;
border-image: url(icon-header.png) 10 stretch;
}


#wrapper img:hover {
padding:4px;
border: 3px solid #000000;
}

.pagemenu {
  background-color: #ECEFEF;
  padding: 5px;
  font-size:14px;
}


.pagemenu a:link {
  padding: 10px;
  font-size:14px;
}

/*------------------------------------------
     1024px Media
------------------------------------------*/
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
#wrapper{
  width: 100%;
}

#container{
  width:90%;
}

.navi {
line-height:35px;
}
}



/*------------------------------------------
      DO NOT REMOVE OR EDIT
------------------------------------------*/

.clearfooter {
  height:100px;
  clear:both;
}

.clear{
  clear:both;
}