/* Font  
========================================================================================*/	
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	font-family: Arial, Cabin, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	line-height: 21px;
	font-style: normal;
}
h1 { font-family: 'Inika', serif, Arial, Helvetica, sans-serif; }
h2, h3, h4, h5, h6, nav { font-family: 'Bitter', serif, Arial, Helvetica, sans-serif; }

/* End Font  
========================================================================================*/

/* Branding  
========================================================================================*/
body { background:#009966 url(../img/body-pattern.png) repeat 0 0; padding:0 0 0 0 }
.pageWidth { width:1000px; margin:0 auto;}

#header { background:#e9e9e9; }
header, nav, section, footer { display:block;}

.contentArea {  padding:0; box-shadow:0 20px 250px rgba(250,250,190,0.75);}

/* END Branding  
===================================#009966 =====================================================*/

/* HEADING   
========================================================================================*/

h1, h2, h3, h4, h5 { color:#ffffff;  text-shadow:0 1px 1px rgba(0,0,0,0.20) }
h1 { font-size:60px; line-height:68px; }
h2 { font-size:35px; line-height:41px; margin-bottom:20px; }
h3 { font-size:25px; line-height:34px; margin-bottom:20px; }
h4 { font-size:20px; line-height:38px; margin-bottom:15px; }
h5 { font-size:16px; line-height:24px; margin-bottom:10px; }
h6 { font-size:12px; line-height:16px; margin-bottom:5px; }

/* END  HEADING   
========================================================================================*/

/* Links AND Button   
========================================================================================*/
a:focus{ outline:none;}
a { text-decoration:none; color:#d7d7d7 }
a:hover { color:#393939 }
/* Links AND Button   
========================================================================================*/

/* Main Navigation 
========================================================================================*/
 
nav { font-size:18px; line-height:24px; float:right;  margin-right:20px; }
nav li { background:left center; text-align:center; float:left; }
nav li a { color:#2f2f2f; display:block; padding:0 20px; overflow:hidden; height:100%; line-height:25px; }
nav li a:hover, nav li.active a { background:rgba(0,0,0,0.7); color:#ffffff;
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
	}
nav li:first-child { background:none; }
	
#menu { display:none; color:#2f2f2f; font-size:14px; text-align:right;  }

/* End Navigation 
========================================================================================*/
#banner { text-align:center; margin-bottom:0px; }
#banner img { width:100%;}

#container { background:#009966; padding:40px 40px 15px; }

article ul li {
	padding-left: 20px;
	font-style: italic;
}
article ul li:before{ content:'B'; text-indent:-5px; font-weight:bold; font-size:60px; height:5px; line-height:5px; width:5px; border-radius:10px;  vertical-align:middle; float:left;  margin-left:-15px; overflow:hidden; margin-top:7px; }
article ol { margin-left:15px; }
article ol li { list-style:decimal; }

.pageControl{
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);}

.activepage .pageControl{transform: translate(-1000px, 0px);
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);

}
/* FORM 
========================================================================================*/
fieldset {}
/* Footer
===============================================*/
#footer { padding:10px 0; text-align:center; text-transform:capitalize; }
.copyRight { color:#2f2f2f; }

/* transition
===============================================*/
#wrapper, #widecolumn, aside, nav li{transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}