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

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:##000000; line-height:18px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Tulpen One', cursive, Arial, Helvetica, sans-serif; }

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

/* Branding  
========================================================================================*/
body { background:#1d4086;}
.pageWidth { width:850px; margin:0 auto; }

#logo { font-size:63px; color:rgba(0,0,0,0.90); line-height:75px; float:left;}

header, nav, section, footer { display:block;}

#header { background:#ffffff; padding:20px 0 0 0;}

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

/* HEADING   
========================================================================================*/
h1 { font-size:50px; color:#000000; line-height:40px; margin-bottom:12px; }
h2 { font-size:45px; color:#000000; line-height:40px; margin-bottom:12px; }
h3 { font-size:40px; color:#000000; line-height:35px; margin-bottom:12px; }
h4 { font-size:35px; color:#000000; line-height:30px; margin-bottom:12px; }
h5 { font-size:30px; color:#000000; line-height:25px; margin-bottom:12px; }
h6 { font-size:27px; color:#000000; line-height:23px; margin-bottom:12px; }

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

/* Links AND Button   
========================================================================================*/
a:focus{ outline:none;}
a { color:#525252; text-decoration:none;}
a:hover { color:#000000;}
li { list-style:none;}

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

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

nav { padding:24px 10px 25px; border-radius:10px; float:right;}
nav li { margin:0 10px; padding:0 0 0 20px; border-left:solid 1px #444444; display:inline; line-height:12px;}
nav li a { color:rgba(0,0,0,0.50);}
nav li a:hover, nav li.active a { color:rgba(0,0,0,0.90);}
nav li:first-child { border-left:none; padding-left:0;}

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

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

#banner { padding:30px 0; }
.bannercontain { box-shadow:inset 0 8px 12px rgba(0,0,0,0.20), inset 0 -8px 12px rgba(0,0,0,0.20);}
#banner li { border:solid 1px #ffffff; }	
#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:7px; }
article ol { margin-left:15px; }
article ol li { list-style:decimal; }

#container { background:#ffffff; padding:40px 0 25px 0; }

.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 { text-align:center; color:#ffffff; font-size:10px; padding:28px 0 28px 0;}
.copyRight { color:#FFF; 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;}