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

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; color:#665172; font-size:13px; line-height:20px; }
h1 { font-family: 'PT Sans', sans-serif, Arial, Helvetica, sans-serif ;}
h2, h3, h4, h5, h6 { font-family: 'Abel', sans-serif, Arial, Helvetica, sans-serif ;}

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

/* Branding
========================================================================================*/
body {background:#f7f7f7; }
.pageWidth { margin:0 auto; width:938px; padding:0 11px; }

#logo {
	{ color:#003d88ff; }
	font-size: 55px;
	line-height: 60px;
	display: block;
	margin: 0 0 5px 13px;
	float: left;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	text-transform: capitalize;
}

#header { background-size:cover; padding:20px 0  }
header, nav, section, footer { display:block;}

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

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

h1, h2, h3, h4, h5, h6 { color:#003d88ff; }
h1 { font-size:40px; line-height:48px;  margin-bottom:11px;}
h2 { font-size:33px; line-height:38px; margin-bottom:10px; border-bottom:solid 1px rgba(000,000,000,0.10); }
h3 { font-size:31px; line-height:36px; margin-bottom:10px; border-bottom:solid 1px rgba(000,000,000,0.10);  }
h4 { font-size:29px; line-height:35px; margin-bottom:10px; border-bottom:solid 1px rgba(000,000,000,0.10); }
h5 { font-size:27px; line-height:32px; margin-bottom:10px; }
h6 { font-size:25px; line-height:30px; margin-bottom:10px; }

/* 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 { font-size:15px; float:right; border-radius:10px; padding:20px 0; }
nav li { display:inline; margin:0 27px;  }
nav li a { color:#000; border-radius:5px; line-height:30px; display:inline-block; }
nav li a:hover, nav li.active a {text-decoration:underline; color:#393939; }

#menu { display:none; color:#646464; font-size:16px; background-color:rgba(000,000,000,0.05); background-image:url(../img/menu-img.png); background-repeat:no-repeat; background-position:97% 10px; padding:12px 0 12px 3%; text-align:left; border:solid 1px rgba(000,000,000,0.05) }

/* End Navigation
========================================================================================*/
#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 { padding:17px 0 37px 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 { padding:28px 0; background:#FFF }
.copyRight {
	background: #CCFF99;
	color: #666;
	font-size: 13px;
	display: block;
}

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



