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

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size:12px; line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Crushed', cursive, Arial, Helvetica, sans-serif; }

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

/* Branding  
========================================================================================*/
body { background:#432878 url(../img/body-pattern.png) repeat 0 0; margin:36px 0 0 0 }

.pageWidth { width:940px; margin:0 auto; background:#FFF; padding:0 10px; }

#logo { color:#c7206e;  display:block; font-size:55px; line-height:60px; text-align:center }

header, nav, section, footer { display:block;}
#header { padding:36px 0 35px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

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

/* HEADING   
========================================================================================*/
h1 {}
h2, h3, h4, h5, h6 { font-size:30px; line-height:35px; border-bottom:dotted 1px #737373; color:#c7206e; text-transform:uppercase; margin-bottom:15px; }
h3 { font-size:27px; line-height:35px; margin-bottom:5px;  }
h4 { font-size:25px; line-height:30px; margin-bottom:5px; }
h5 { font-size:23px; line-height:25px;  margin-bottom:7px;  }
h6 { font-size:20px; line-height:22px;  margin-bottom:7px; font-weight:normal; border:none }


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

/* Links AND Button   
========================================================================================*/
a:focus{ outline:none;}
a { text-decoration:none }

/* Links AND Button   
========================================================================================*/


/* Main Navigation 
========================================================================================*/

nav { background:#3f3f3f url(../img/nav-bg.png) repeat-x left top; border-radius:5px; margin-bottom:5px; }
nav li { float:left; border-left:solid 1px rgba(0,0,0,0.10); padding:7px 21px 7px 21px;}
nav li:first-child { border:none;}
nav li a { text-transform:uppercase; color:#FFF; font-weight:bold; line-height:31px; display:inline-block; padding:0 17px; }
nav li a:hover, nav li.active a { border-radius:5px; background:rgba(0,0,0,0.26)  }

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

/* End Navigation 
========================================================================================*/

#banner { border:solid 1px #d3d3d3; border-radius:5px; padding:8px; margin-bottom:5px; background:#FFF; }

#container { padding:15px 10px; border-top-left-radius:10px; border-top-right-radius:10px; }

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: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 { background:#000 url(../img/footer-bg.png) repeat-x left top; padding:22px 0; margin:0 -10px; }
.copyRight { color:#b1b0b0; font-size:11px; display:block; text-align:center }

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