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

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; color:#937c7c; font-size:13px; line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Courgette', cursive, Arial, Helvetica, sans-serif; }
nav { font-family: 'Lora', serif, Arial, Helvetica, sans-serif; font-weight:bold }

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

/* Branding  
========================================================================================*/
body { background:#fff; margin:0;}
.
Width { width:940px; margin:0 auto; }

#logo { display:block; color:#ffffff; font-size:60px; margin-bottom:24px; line-height:70px; text-shadow:0 1px 0 rgba(103,93,32,0.75); }

#header { background:#e22c0f url(../img/header-bg.png) repeat 0 0; padding:24px 0 0 0; }
header, nav, section, footer { display:block;}

/* END Branding  
========================================================================================*/

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

h1, h2, h3, h4, h5 { color:#e22c0f; }
h1 { font-size:60px; line-height:68px; }
h2 { font-size:45px; line-height:52px; margin-bottom:10px;}
h3 { font-size:28px; line-height:34px; margin-bottom:5px;}
h4 { font-size:22px; line-height:38px; margin-bottom:5px;}
h5 { font-size:18px; line-height:24px; margin-bottom:5px;}
h6 { font-size:12px; line-height:16px; margin-bottom:5px;}

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

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

/* Main Navigation 
========================================================================================*/
 
nav { background:url(../img/nav-bg.png) repeat-x left top; font-size:17px; padding:2px 0 8px 0; position:relative; z-index:1; }
nav li { float:left; position:relative; }
nav li a { background:url(../img/nav-devider.png) no-repeat right 6px; color:#ffffff; display:inline-block; text-align:center; padding:8px 40px 0 40px; line-height:34px; }
nav li a:hover, nav li.active a { color:rgba(255,255,255,0.40);}
nav li:first-child { background:url(../img/nav-devider.png) no-repeat left center; margin-left:0 }

#menu { display:none; color:#ffffff; font-size:16px; background:url(../img/menu-img.png) no-repeat 97% 12px; padding:12px 0 10px 3%; text-align:left; }

/* End Navigation 
========================================================================================*/
#banner { margin-bottom:-70px;}
#banner img { width:100%; } 

article ul li { padding-left:15px;}
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:8px; }
article ol { margin-left:15px; }
article ol li { list-style:decimal; }

#container { background:#ffffff; position:relative; z-index:1; padding:20px; border-radius:20px 20px 0 0;}
#container.pageWidth { width:900px;}

.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 { background:#ffffff; padding:20px 0;  border-top:solid 1px #edeae7;  }
.copyRight { color:rgba(0,0,0,0.50); margin-left:20px; }

/* 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;}