@import url(vendor/reset.css);
@import url(vendor/normalize.css);
@font-face {
  font-family: 'Open Sans',sans-serif; font-weight: 700;
  src: url('../fonts/opensans/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/opensans/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/opensans/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans',sans-serif; font-weight: 800;
  src: url('../fonts/opensans/OpenSans-Regular.eot');
  src: url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/opensans/OpenSans-Regular.woff') format('woff'),
	   url('../fonts/opensans/OpenSans-Regular.ttf')  format('truetype'),
	   url('../fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans',sans-serif; font-weight: 600;
  src: url('../fonts/opensans/OpenSans-Regular.eot');
  src: url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/opensans/OpenSans-Regular.woff') format('woff'),
	   url('../fonts/opensans/OpenSans-Regular.ttf')  format('truetype'),
	   url('../fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg');
}

body{
  font-family: 'Open Sans',  sans-serif;
  font-size:14px;
  text-align:left;
  color:#000000;
  background-color:#FCF6CF;
}
.whitebg{
  background-color:#FFFFFF;
}
a, a:visited{
  text-decoration:none;
  border:none;
  color:inherit !important;
}
#canvaspage{
  position:relative;
  width:100%;
  max-width:1440px;
  min-width:320px;
  margin:0 auto;
  background-color:#FFFFFF;
}
.wrappercontent{
  position:relative;
  clear:both;
  width:96%;
  max-width:960px;
  min-width:960px\9;
  margin:0 auto;
}
	
#header{
  position:relative;
  padding-top:20px;
  padding-bottom:10px;
  width:100%;
  min-width:960px\9;
  background:center center repeat-y url(../img/headerBG.png) #27316b;
}
#header > .wrappercontent > div{
	position:relative;
	display:block;
	overflow:hidden;
  }
  #header > .wrappercontent > div > div{
	position:relative;
	float:right;
	display:inline-block;
  }
#holdermenu {
  float:left !important;
}
#holdermenu > ul{
  list-style-type:none;
  display:block;
  margin-left:0;
  padding:0;
  padding-top:10px
}
  #holdermenu > ul > li{
	display:inline;
	margin:5px;
  }
  #holdermenu a:hover{
	text-decoration:underline;
  }
#holdersocial{
  position:relative;
  margin:0 5%;
  height:50px;
}

#holdersocial > div{
  position:relative;
  padding-top:5px;
  margin-right:5px;
  margin-top:50%;
  top:-31px;
  float:left;
  display:inline-block;
}
  #holdersocial > #twitter{
	margin-left:5px;
  }
  #holdersocial > div > a{
	position:relative;
	width:32px;
	float:left;
	display:inline-block;
	overflow:hidden;
  }
  #holdersocial > #twitter img{
	position:relative;
	left:-36px;
  }

  #holderlogo > img{
	width:100%;
	height:auto;
	max-width:155px;
	width:155px\9;
	text-align:right;
  }
  
.abovethefold{
  position:relative;
  width:100%;
  min-width:960px\9;
  padding-top:20px;
  /*padding-bottom:30px;*/
  background-color:#FCF6CF;
  overflow:hidden;
}
.beyondthefold{
  position:relative;
  width:100%;
  min-width:960px\9;
  background-color:#FFFFFF;
  padding-top:20px;
  padding-bottom:20px;
}
#banner{
  position:relative;
  width:100%;
  text-align:center;
}
  #banner > div{
	position:relative;
	overflow:hidden;
	width:100%;
	max-width:960px;
	width:822px\9;
	margin:0 auto;
  }
  /*#banner > div > .button{
	position:relative;
	width:202px;
	height:54px;
	margin-top:-30px;
	overflow:hidden;
  }*/
	#banner > div > .button {
	width:35%;
	max-width:252px;
	max-height:35px;
	position:absolute;
	top:70%;
	left:36.5%;
  }
	
	#banner > div > .button > a, #banner > div > .button > a > img {
	width:100%;
	position:relative;
	display:block;
  }
	
	/*.planning {
	width:85%;
	max-width: 420px;
	margin:0 auto;
	padding: 0 20px 20px 20px;
	display: inline-block;
	}
	.planning > .maintagline {
	font-size: 42px;
	font-weight: bold;
	line-height: 45px;
	text-align:left;
	color: #007DCB;
	padding: 10px 0 20px;
	}
	.planning > .subtagline {
	font-size: 36px;
	line-height: 38px;
	text-align:right;
	padding: 0 0 30px;
	}
	.planning > .calltoaction {
	display:block;
	text-align:right;
	}
	.planningimage {
	width:95%;
	max-width:426px;
	display:inline-block;
	vertical-align:top;
	}*/
	
	/*#banner > div > .button{
	position:relative;
  }*/
#widebanner{
  position:relative;
  width:100%;
}
#tallbanner{
  position:relative;
  width:100%;
  max-width:420px;
  width:420px\9;
  display:none;
}
#holdermenupreview{
  position:relative;
  margin:0 auto;
  overflow:hidden;
}
  #holdermenupreview > div{
	position:relative;
	width:280px;
	height:160px;
	float:left;
	display:inline-block;
	padding:10px;
	margin:10px;
	background-color:#FCF6CF;
  }
  #holdermenupreview > .omega{
	background-color: inherit;
	width:300px;
	padding:0;
  }
  #holdermenupreview > div > div{
	position:relative;
	float:left;
	display:inline-block;
  }
  #holdermenupreview > div > .leftcontent{
	width:95px;
	height:102px;
	margin-right:10px;
	overflow:hidden;
  }
  #holdermenupreview  > div >.rightcontent{
	width:175px;
  }

  #holdermenupreview  > div > a{
	position:absolute;
	left:110px;
	bottom:10px;
	display:block;
	width:102px;
	height:34px;
	overflow:hidden;
  }
  #holdermenupreview  > div > a > img{
	position:absolute;
	top:0;
	left:0;
  }
  
.leftcontent > img{
  position:absolute;
  left:0;
  top:0;
}
  
#knowthefacts > .leftcontent > img{
  left:-96px;
}
  #knowthefacts > a > img{
	top:-100px !important;
  }

#doyoursums > .leftcontent > img{
  left:-194px;
}
  #doyoursums > a > img{
	top:-100px !important;
	left:-220px !important;
  }
  
#wecanhelp a > img{
  top:-60px !important;
  left:-160px !important;
}  

#learnmore > .leftcontent > img{
  left:-387px;
}
  #learnmore > a > img,  #relatedarticles > a > img{
	top:-100px !important;
	left:-110px !important;
  }

#relatedarticles > .leftcontent > img{
  left:-290px;
}
#contactus{
  postion:relative;
  overflow:hidden;
}

#contactus > #speaktous{
  position:relative;
  width:300px;
  height:57px;
  margin-bottom:5px;
}
  #contactus > #speaktous > a{
	position:absolute;
	width:300px;
	height:37px;
	top:4px;
	left:0;
	overflow:hidden;
  }
  #contactus > #speaktous > a > img{
	position:absolute;
	bottom:-1px;
	left:-3px;
  }
  #contactus > #speaktous > div{
	position:relative;
	width:70px;
	height:57px;
	overflow:hidden;
  }
  #contactus > #speaktous > div > img{
	position:relative;
	top:-41px;
	left:-263px;
  }

  #contactus > #searchbranch{
	width:300px;
	height:38px;
	overflow:hidden;
	background:0 -140px url(../img/buttonsSet1.png) no-repeat;
  }
  #contactus > #searchbranch select{
	position:relative;
	width:290px;
	height:25px;
	margin:5px;
	margin-top:8px;
	outline:0;
	border:0;
  }
  #contactus > #searchbranch > div > div{
	position:absolute;
	top:0;
	right:1px;
	width:65px;
	height:37px;
	overflow:hidden;
  }
  #contactus > #searchbranch > div > div > img{
	position:absolute;
	top:0;
	left:-211px;
  }

.wecanhelpcontent{
  position:relative;
  overflow:hidden;
}
  .wecanhelpcontent > p{
	position:relative;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
  }
  .wecanhelpcontent > div{
	position:relative;
	margin:0 auto;
  }

.wecanhelpcontent .outer{
  width:320px !important;
}
.wecanhelpcontent .outer div{
  background:none !important;
}
#leaflets{
  position:relative;
  margin-top:30px;
}
  #leaflets > div{
	position:relative;
	width:150px;
	height:80px;
	margin:5px;
	margin-bottom:15px;
	float:left;
	display:inline-block;
	cursor:pointer;
  }
  #leaflets > div > p{
	position:relative;
	overflow:hidden;
	display:table;
	width:100%;
	height:100%;
  }
  #leaflets > div > p > span{
	position:relative;
	*float:left;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
  }
  #leaflets > div > span{
	position:relative;
	display:block;
	width:26px;
	height:15px;
	overflow:hidden;
	margin-left:50%;
	left:-13px;
	display:none;
  }
  #leaflets > div > span > img{
	position:absolute;
	top:-1px;
	left:0;
  }
  #leaflets > #box1{
	background-color:#203C83;
  }
  #leaflets > #box2{
	background-color:#3160AB;
  }
  #leaflets > #box2 > span > img{
	left:-31px;
  }
  #leaflets > #box3{
	background-color:#4590CE;
  }
  #leaflets > #box3 > span > img{
	left:-62px;
  }
  #leaflets > #box4{
	background-color:#55AFE3;
  }
  #leaflets > #box4 > span > img{
	top:-21px;
  }
  #leaflets > #box5{
	background-color:#EF912A;
  }
  #leaflets > #box5 > span > img{
	top:-21px;
	left:-31px;
  }
  #leaflets > #box6{
	background-color:#D88D07;
	/*background-color:#F5BB2F;*/
  }
  #leaflets > #box6 > span > img{
	top:-21px;
	left:-62px;
  }

#flyer > div{
  position:relative;
  clear:both;
  display:block;
  margin:5px;
  padding:10px;
  width:450px;
  background-color:#E6E6E6;
  z-index:999999;
  display:none;
}
  #flyer > div > div{
	position:relative;
	margin-top:10px;
	overflow:hidden;
  }
  #flyer > div > div > div{
	position:relative;
	width:100%;
	display:table;
	vertical-align:top;
  }
  #flyer > div > div > div > div{
	position:relative;
	*float:left;
	display:table-cell;
  }
  #flyer > div > div > div >div > p{
	margin-bottom:5px;
  }
  #flyer > div > div > div > div > a{
	position:relative;
	float:left;
	display:inline-block;
	/*width:166px;*/
	width:145px;
	height:22px;
	margin:1px;
	margin-left:0;
	padding-top:3px;
	padding-left:5px;
	overflow:hidden;
	background:left top url(../img/buttonsSetBG.png) no-repeat;
  }
  #flyer > div > div > div > div > .double{
	height:55px;
  }
  #flyer > #flyer1 > div .double{
	background-position:0 -150px;
  }
  #flyer > #flyer1 > div > p{
	color:#213C83;
  }
  #flyer > #flyer2 > div a{
	background-position:0 -25px;
  }
  #flyer > #flyer2 > div > p{
	color:#2F60AA;
  }
  #flyer > #flyer3 > div a{
	background-position:0 -50px;
  }
  #flyer > #flyer3 > div > p{
	color:#4490CE;
  }
  #flyer > #flyer4 > div a{
	background-position:0 -75px;
  }
  #flyer > #flyer4 > div > p{
	color:#55AFE3;
  }
  #flyer > #flyer5 > div a{
	background-position:0 -100px;
  }
  #flyer > #flyer5 > div > p{
	color:#EE9029;
  }
  #flyer > #flyer6 > div a{
	background-position:0 -125px;
  }
  #flyer > #flyer6 > div > p{
	color:#D88D07;
	/*color:#F4BA2E;*/
  }  
  
.accordionbox, #sumsbox{
  position:relative;
  width:640px;
  margin:0 auto;
}
  .accordionbox > p{
	margin:20px;
	text-align:center;
  }
  .accordionbox > div{
	position:relative;
	
  }
  .accordionbox > div > p{
	padding:5px;
	text-align:center;
	background:#007DCB;
  }
  .outer{
	position:relative;
	width:100%;
	display:table;
  }
  .outer > div{
	position:relative;
	*float:left;
    display:table-cell;
	vertical-align:top;
  }
  .outer > .sides, .outer > .sides > div{
	width:20px;
	overflow:hidden;
	position:relative;
  }
  .outer > .sides > div{
	height:19px;
	
  }
  .outer > .sides > div > img{
	position:absolute;
  }
  .outer > .sides > .left > img{
	top:-40px;
	left:-48px;
  }
  .outer > .sides > .right > img{
	top:-60px;
	left:-48px;
  }
  .outer > .inner, .outer > .inner > div{
	position:relative;
  }
  .outer > .inner > div{
	background:#FFFFFF;
	margin-bottom:5px;
  }
  .accordionbox .outer > .inner > div > div{
	padding-bottom:20px;
	margin:10px 25px;
	margin-bottom:0;
	display:none;
  }
  .accordionbox .outer > .inner > div > div > .fsbold{
	margin-top:10px;
  }
  .accordionbox .outer > .inner > div > div > ul{
	margin:0;
	padding-left:15px;
  }

.inner > div > div > div{
  position:relative;
  display:block;
  overflow:hidden;
  margin-top:20px;
  clear:both;
}
  .inner > div > div > div > a{
	position:relative;
	overflow:none;
	display:block;
	float:right;
	width:150px;
	height:39px;
	overflow:hidden;
  }
  .inner > div > div > div > a > img{
	position:absolute;
	top:0;
  }

.inner > div > p{
  position:relative;
  padding:10px;
  cursor:pointer;
  margin-bottom:5px;
}
  .inner > div > p > span{
	position:relative;
	display:block;
	margin-top:3px;
	float:right;
	width:21px;
	height:15px;
	overflow:hidden
  }
  .inner > div > p > span > img{
	position:absolute;
	top:-55px;
	left:-1px;
  }
  .inner > div > p > .expanded > img{
	position:absolute;
	top:-38px;
	left:-1px;
  }
  .inner > div > div > p > a{
	display:block;
  }
  
.inner > #menu0{
  margin-bottom:5px;
  background:none;
}
.inner > #menu0 > p{
  background:#999999;
}
.inner > #menu0 > div{
  display:none;
  margin:0;
  padding:0;
}
.inner > #menu0 > div > p{
  background:#FFFFFF;
  padding:5px;
  padding-left:10px;
  margin-bottom:5px;
}
.inner > #menu1 > p{
  background:#F4BA23;
}
  .inner > #menu1 > div > div > a > img{
	top:0;
  }
  	
.inner > #menu2 > p{
  background:#F29028;
}
  .inner > #menu2 > div > div > a > img{
	top:-40px;
  }

.inner > #menu3 > p{
  background:#52B0E7;
}
  .inner > #menu3> div > div > a > img{
	top:-80px;
  }

.inner > #menu4 > p{
  background:#4291D4;
}
  .inner > #menu4 div > div > a > img{
	top:-120px;
  }

.inner > #menu5 > p{
  background:#3373C0;
}
  .inner > #menu5 div > div > a > img{
	top:-160px;
  }

.inner > #menu6 > p{
  background:#23539F;
}
  .inner > #menu6 div > div > a > img{
	top:-200px;
  }

.inner > #menu7 > p{
  background:#1E3A86;
}
  .inner > #menu7 div > div > a > img{
	top:-240px;
  }

#sumsbox{
  position:relative;
  text-align:center;
}
  #sumsbox > div > form > p{
	position:relative;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	background:#007DCB;
  }
  #sumsbox .inner > p{
	padding:10px;
  }
  #sumsbox .inner > p, #sumsbox .inner > div{
	background:#FFFFFF;
  }
  
  #sumsbox .inputtype{
	position:relative;
	padding:10px;
	padding:5px;
  }
  #sumsbox .inputtype > input, #calculatorresult input{
	display:block;
	clear:both;
	width:100px;
	text-align:center;
	margin:5px auto;
  }
  #sumsbox .inputtype > .sgd{
	width:200px;
  }
  #sumsbox .inputtype > .percent{
	width:150px;
  }
  #sumsbox .tips{
	position:absolute;
	width:32px;
	height:32px;
	right:5%;
	top:50%;
	margin-top:-16px;
	overflow:visible;
	background:0 -72px url(../img/buttonsSetArrows.png) no-repeat;
	cursor:pointer;
  }
 #sumsbox .tooltips{
	position:relative;
	padding:10px;
	width:190px;
	overflow:hidden;
	display:none;
	z-index:999999;
	text-align:left;
	background:right bottom url(../img/toolTipBG.png) no-repeat #203C83;
  }
  #calculatorresult > div > div > #result{
    position:relative;
	display:block;
	width:250px;
	margin:5px auto;
	background:#FFFFFF;
	text-align:center;
  }
  #calculatorresult > div > #advice{
	display:block;
  }
  #calculatorresult > div > #thanks{
	display:none;
  }
  #sumsbox .inputtype > input, #calculatorresult input, #calculatorresult #result{
	position:relative;
	z-index:0;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;  
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(js/vendor/PIE.htc);
  }
  #sumsbox .inputtype > .invalid{
	border:2px solid #FF0000;
  }
  #sumsbox .inner > .omega{
	text-align:justify;
	background:none;
  }
  #sumsbox .inner > .omega > div{
	position:relative;
	text-align:left;
	display:table;
	margin:10px 0;
  }
  #sumsbox .inner > .omega > div{
	position:relative;
	text-align:left;
	display:table;
	width:100%;
	margin:10px 0;
  }
  #sumsbox .inner > .omega > div > div{
	position:relative;
	*float:left;
	display:table-cell;
	background:#FFFFFF;
  }
#sumsheader{
  position:relative;
  display:table;
  margin-bottom:5px;
}
  #sumsheader > div{
	position:relative;
	*float:left;
	display:table-cell;
	vertical-align:middle;
  }
  #sumsheader > .alpha{
	background:#197bbf;
	padding:15px;
	padding-bottom:0;
  }
  #sumsheader > .imgbg{
	position:relative;
  }
  #sumsheader > .imgbg > div{
	position:relative;
    top:-8px;
	height:30px;
	width:15px;
	overflow:hidden;
  }
  #sumsheader > .imgbg > div > img{
	position:absolute;
	left:-32px;
	top:-40px;
  }
  #sumsheader > .omega{
	padding:10px;
	text-align:left;
  }
#calculatorresult{
  background:#FFFFFF !important;
}

#calculatorresult > div{
  position:relative;
  padding:15px;
  margin:15px;
  background:#007DCB !important;
  
}
#calculatorresult  p{
  cursor:default !important;
}

#sumsusback > div{
  width:100%;
  display:block;	
  /*vertical-align:middle;*/
}

#sumsusback > div > div{
  display:block;
  background:#FFFFFF;
  margin:0 auto;
  padding-top:20px;
  padding-bottom:20px;
}
 /*
 
#sumsusback > div{
  width:50%;
  background:#FCF6CF !important;
}
  #sumsusback > .alpha > div{
	margin-right:2%;
  }
  #sumsusback > .alpha > div > #searchbranch{
	position:relative;
	display:block;
	width:267px;
	height:39px;
	overflow:hidden;
	background:0 -105px url(../img/buttonsSetArrows.png) no-repeat #FFFFFF;
  }
  #sumsusback > .alpha > div > #searchbranch select{
	position:relative;
	width:255px;
	height:25px;
	margin:5px;
	margin-top:8px;
	outline:0;
	border:0;
  }
  #sumsusback > .alpha > div > #searchbranch > div > div{
	position:absolute;
	top:0;
	right:1px;
	width:65px;
	height:39px;
	overflow:hidden;
  }
  #sumsusback > .alpha > div > #searchbranch> div > div > img{
	position:absolute;
	top:-66px;
	left:-201px;
  }*/
  #sumsusback > .omega > div{
	padding:5px;
	display:table;
	margin:0 auto;
  }
  #sumsusback > .omega > #speaktous > div{
	position:relative;
	display:table-cell;
	vertical-align:top;
  }
   #sumsusback > .omega > #speaktous > div > div{
	position:relative;
	width:80px;
	height:64px;
	overflow:hidden;
  }
  #sumsusback > .omega > #speaktous > div > div >img{
	position:absolute;
	left:-188px;
	top:0;
  }
  #sumsusback > .omega > #speaktous > p{
	position:relative;
	display:table-cell;
	vertical-align:top;
  }

#know-the-facts{
  position:relative;
  background:#FFFFFF;
  display:none;
}
  #know-the-facts > .abovethefold{
	position:absolute;
	margin:0;
	padding:0;
  }
  #know-the-facts > #slider{
	position:relative;
  }


.wrapperboxes{
  position:relative;
  display:table;
  margin-bottom:10px;
}
  .wrapperboxes > div{
	position:relative;
	*float:left;
	display:table-cell;
  }

#slider{
  width:100%;
  min-width:960px\9;
  display:block;
  overflow:hidden;
  text-align:center;
}
#slider > div{
  overflow:hidden;
  position:relative;
  clear:both;
  margin-top:20px;
}

#slider > div > .slides{
  position:relative;
  overflow:hidden;
  float:left;
  dispaly:inline-block;
}
  #slider > div > #buttonholder{
	position:absolute;
	top:0;
	left:0;
	width:100%;
  }
  #slider .wrappercontent{
	position:relative;
	overflow:none;
    background:#FFFFFF;
  }
  #slider .abovethefold{
	width:100%;
	padding:0;
  }
  #slider .abovethefold > img{
	position:relative;
    width:98%;
	height:auto;
	margin:0 auto;
  }
  
  #slider div > .belowthefold{
	margin:0 auto;
	margin-top:40px;
	padding-bottom:40px;
  }
  #slider #slide1 .belowthefold{
	max-width:570px;
	/*width:570px\9;*/
  }
  #slider #slide2 .belowthefold{
	max-width:780px;
  }
  #slider #slide3 .belowthefold{
	max-width:840px;
  }
  #slider #slide4 .belowthefold{
	max-width:800px;
  }

  #slider   div > .belowthefold > .header {
	margin-top:20px;
	margin-bottom:20px;
  }

  #slider #slide1 .abovethefold > img{ 
   max-width:451px;
   width:451px\9;
  }
  #slider #slide2 .abovethefold > img{ 
	 max-width:626px;
	 width:626px\9;
  }
  #slider #slide3 .abovethefold > img{ 
	 max-width:1121px;
	 width:1121px\9;
	 min-width:680px;
  }
  #slider #slide4 .abovethefold > img{ 
	 max-width:489px;
	 width:489px\9;
  }
  
  #slider #slide1 .wrapperboxes > div > div, #slider #slide3 .wrapperboxes > div > div{
	position:relative;
	background:#CCE5F5;
	clear:both;
	text-align:left;
	margin:5px;
	padding:20px;	
  }
  #slider #slide1 .wrapperboxes > .alpha > div, #slider #slide3 .wrapperboxes > .alpha > div{
	margin-left:0;
  }
  #slider #slide1 .wrapperboxes .omega > div, #slider #slide3.wrapperboxes .omega > div {
	margin-right:0;
  }
  #slider #slide1 .wrapperboxes > div > div > div{
	position:relative;
	float:left;
	display:inline-block;
	width:50px;
	height:80px;
	margin-right:10px;
	overflow:hidden;
	vertical-align:bottom;
  }
  #slider #slide1 .wrapperboxes > div > div > div > img{
	position:absolute;
	top:-94px;
	left:0;
  }
  #slider #slide1 .wrapperboxes > .omega > div > div > img{
	left:-50px;
  }
  #slider #slide2 .wrapperboxes{
	position:relative;
	display:table;
  }
  #slider #slide2 .wrapperboxes > div{
	position:relative;
    *float:left;
	display:table-cell;
	vertical-align:middle;
  }
  #slider #slide2 .wrapperboxes > .alpha{
	background:#0F1F7A;
	width:270px;
	padding:10px;
  }
  #slider #slide2 .wrapperboxes > .alpha > div{
	position:relative;
	width:270px;
	height:87px;
	margin:0 auto;
	margin-top:10px;
	overflow:hidden;
  }
  #slider #slide2 .wrapperboxes > .omega{
	position:relative;
	text-align:left;
	padding-left:10px;
	width:61%;/*480px;
*/  }
  #slider #slide2 .wrapperboxes > .omega > div > div{
	background:#CCE5F5;
	padding:10px;
	padding-bottom:3px;
	padding-top:3px;
  }
  #slider #slide2 .wrapperboxes > .omega > div > .alpha{
	display:inline-block;
  }
  #slider #slide2 .wrapperboxes > .omega > div > .omega{
	text-align:right;
	margin-top:10px;
  }
  #slider #slide2 .wrapperboxes > .omega > div > .omega > div{
	display:inline-block;
  }
  #slider #slide2 .wrapperboxes > .omega > div > .omega > div > .alpha{
	display:inline-block;
	width:100%;
	text-align:left;
  }
  #slider #slide3 .wrapperboxes > div{
    width:33%;
	vertical-align:top;
  }
  #slider #slide3 .wrapperboxes > div > div > div{
	 position:relative;
	 display:table;
	 margin-bottom:10px;
  }
  #slider #slide3 .wrapperboxes > div > div > div > div, #slider #slide3 .wrapperboxes > div > div > div > p{
	position:relative;
	*float:left;
	display:table-cell;
	vertical-align:bottom;
  }
  #slider #slide3 .wrapperboxes > div > div > div > div > div{
	position:relative;
	width:87px;
	height:89px;
	overflow:hidden;
	margin-right:5px;
  }
  #slider #slide3 .wrapperboxes > div > div > div > div > div > img{
	position:absolute;
	top:-85px;
	left:-100px;
  }
  #slider #slide3 .wrapperboxes > .alpha > div > div > div > div > img{
	top:-87px;
	left:-190px;
  }
  #slider #slide3 .wrapperboxes > .omega > div > div > div > div > img{
	top:-86px;
	left:-281px;
  }
  #slider #slide3 .wrapperboxes > .alpha > div > p{
	vertical-align:bottom;
  }
  
  #slider #slide4 .wrapperboxes > img{
	width:98%;
	margin:0 auto;
	max-width:800px;
  }
  #slider > div > #buttonholder > div > div{
	position:absolute;
	width:50px;
	height:87px;
	margin-top:-45px;
	overflow:hidden;
	display:block;
  }
  #slider > div > #buttonholder > div > div > img{
	position:absolute;
	top:0;
	left:-86px;
	cursor:pointer;
  }
  #slider > div > #buttonholder > div > #btnrightslider{
    right:0;
  }
  #slider > div > #buttonholder > div > #btnrightslider > img{
    left:-136px;
  }
  
.canhelphref{
  position:relative;
  display:block;
  width:153px;
  height:41px;
  overflow:hidden;
  margin:0 auto;
  margin-top:30px;
}
.canhelphref > img{
  position:absolute;
  top:-59px;
  left:0;
}

.disclaimer{
  border-top:1px solid #4D4D4D;
  margin-top:10px;
}
.disclaimer > p{
  margin:10px auto;
}

.wrapperarticle{
  width:98%;
  margin:20px auto;
  max-width:640px;
}
.wrapperarticle p{
  text-align:justify;
  margin:10px auto;
}
  .wrapperarticle > .insideseparator{
	margin:10px auto;
  }
  .wrapperarticle > .insideseparator > img{
	width:100%;
	max-width:522px;
  }

#footer{
  position:relative;
  margin-top:20px;
  margin-bottom:20px;
  width:100%;
  height:55px;
}
#footer > #footerbg{
  position:absolute;
  top:14px;
  left:0;
  width:100%;
  height:30px;
  float:none;
  clear:both;
  background:center center repeat-y url(../img/headerBG.png) #27316b;
}
#footer > div > div{
  position:relative;
  float:left;
  height:30px;
  margin-top:14px;
  overflow:visible;
}
#footer > div > #socialbuttons{
  float:right;
}
  #footer > div > div > a{
	position:relative;
	margin-left:10px;
  }
  #footer > div > div > p{
	position:relative;
	display:inline-block;
	height:20px;
	top:-20px;
  }
  #footer > div > div > a > span{
	position:relative;
	display:inline-block;
	width:55px;
	height:55px;
	overflow:hidden;
	margin-top:-15px;
  }
  #footer > div > div > a > span> img{
	position:absolute;
	left:0;
	top:0;
  }
  #footer > div > div > a > #fb > img{
	left:-60px;
  }
  #footer > div > div > a > #tw > img{
	position:absolute;
	left:-120px;
  }
/*  #footer > div{
	position:relative;
	overflow:hidden;
	display:table;
	vertical-align:middle;
  }
  #footer > div > div{
	display:table-cell;
  }
  #footer > div > div > div{
	position:relative;
	float:left;
  }
  #footer > div > div > #socialbuttons{
	float:right;
  }
  #footer > div > div > div > a{
	position:relative;
	margin-left:20px;
  }
  #footer > div > div > div > a > span{
	position:relative;
	display:inline-block;
	width:54px;
	height:54px;
	overflow:hidden;
	margin-top:-20px;
  }
  #footer > div > div > #socialbuttons > a > span > img{
	position:absolute;
	left:0;
	top:0;
  }
  #footer > div > div > #socialbuttons > a > #fb > img{
	position:absolute;
	left:-60px;
  }
  #footer > div > div > #socialbuttons > a > #tw > img{
	position:absolute;
	left:-120px;
  }*/
.clearfloat{
  clear:both;
}
.alignleft{
  text-align:left !important;
}
.fsblack{
  font-family: 'Open Sans',  sans-serif;
}

.fsbold{
  font-family: 'Open Sans',  sans-serif;
}

.fslight{
  font-family: 'Open Sans',  sans-serif;
}

.colorshade0{
  color:#000000;
}
.colorshade1{
  color:#FFFFFF;
}
.colorshade2{
  color:#0081C9;
}
.colorshade3{
  color:#B3B3B3;
}
.colorshade4{
  color:#4D4D4D;
}
.fs59{
  font-size:59px;
  line-height:62px;
}
.fs53{
  font-size:53px;
  line-height:53px;
}
.fs48{
  font-size:48px;
  line-height:50px;
}
.fs45{
  font-size:45px;
  line-height:50px;
}
.fs36{
  font-size:36px;
  line-height:42px;
}
.fs33{
  font-size:33px;
  line-height:9px;
}
.fs30{
  font-size:30px;
  line-height:32px;
}
.fs28{
  font-size:28px;
  line-height:32px;
}
.fs24{
  font-size:24px;
  line-height:26px;
}
.fs18{
  font-size:18px;
  line-height:20px;
}
.fs16{
  font-size:16px;
  line-height:20px;
}
.fs14{
  font-size:14px;
  line-height:16px;
}
.fs13{
  font-size:13px;
  line-height:17px;
}
.fs12{
  font-size:12px;
  line-height:13px;
}
@media only screen  and (max-width:975px){
  #header{
	padding-top:10px;
	padding-bottom:0;
  }
  #holdersocial{
	float:none !important;
	margin:0;
	
  }
  #holdermenu{
	clear:both;
	float:none;
  }
  #holdermenu > ul{
    margin:0;
	margin-bottom:10px;
  }

}

@media only screen  and (max-width:900px){
  #slider #slide3 .wrapperboxes{
	display:block !important;
  }
   #slider #slide3 .wrapperboxes > div{
	float:none !important;
	display:block !important;
	margin:0 auto !important;
	
  }
  #slider #slide3 .wrapperboxes > div{
    width:100%;
	height:auto;
	vertical-align:top;
  }
  #slider #slide3 .wrapperboxes > .alpha > div,  #slider #slide3.wrapperboxes .omega > div {
	margin:5px;
  }
  
}
@media only screen  and (max-width:680px){
  .accordionbox, #sumsbox{
	width:100%;
  }
  #slider .fs48{
	font-size:36px;
	line-height:42px;
  }
  #slider #slide3 .abovethefold > img{ 
	 width:680px;
  }
  #slider .fs48{
	font-size:36px;
	line-height:42px;
  }
  #slider .fs28{
	font-size:24px;
	line-height:26px;
  }
}

@media only screen  and (max-width:515px){
  #flyer > div{
	width:290px;
  }
  #slider #slide3 .abovethefold > img{ 
	margin-left:-340px;
	left:50%;
  }
  /*#holdermenupreview > div{
	width:280px;
	height:160px;
	margin:10px;
  }
  #holdermenupreview  > div > a{
	left:110px;
	right:auto;
  }*/
  #slider .fs48{
	font-size:30px;
	line-height:32px;
  }
  
  #flyer > div > div > div{
	display:block;
  }
  #flyer > div > div > div > div{
	display:block;
	margin:0;
	float:none;
  }
  #flyer > div > div > div >div > p{
	clear:both;
	margin:0;
	margin-top:8px;
  }
}

@media only screen  and (max-width:480px){
	#banner > div > .button {
	width:auto;
	max-width:252px;
	max-height:35px;
	position:relative;
	top:0;
	left:0;
	margin:0 auto!important;
	padding-bottom:10px;
  }
  #widebanner{
	display:none;
  }
  #tallbanner{
	display:block;
  }
  #banner > div > .button{
	margin-top:10px;
  }
  .wrapperboxes{
	display:block !important;
  }
  .wrapperboxes > div{
	float:none !important;
	display:block !important;
	margin:0 auto !important;
  }
  #slider #slide1 .wrapperboxes > .alpha > div, #slider #slide1 .wrapperboxes .omega > div{
	margin:5px;
  }
  #slider #slide2 .wrapperboxes > .alpha{
	width:300px;
	padding:10px;
	margin:0;
  }
  #slider #slide2 .wrapperboxes > .omega{
	margin:10px auto;
	padding:0;
	padding-top:10px;
	width:320px;
  } 
  #slider .fs48{
	font-size:20px;
	line-height:22px;
  }
  #slider .fs28{
	font-size:18px;
	line-height:20px;
  }
  #sumsheader{
	display:block;
	margin-bottom:5px;
  }
  #sumsheader > div{
	float:none;
	display:block;
	vertical-align:middle;
  }
  #sumsheader > .imgbg{
	display:none;
  }
  
}

@media only screen  and (max-width:331px){
  #flyer > div{
	/*width:100%;*/
	left:-75px !important;
  }
}
@media print{
  * {-webkit-print-color-adjust:exact;}
  #footer > #footerbg{
	height:10px;
  }
  #footer > .wrappercontent{
	display:none;
  }
  #canvaspage{
	width:595px !important;
	margin:0 auto;
  }
  #holdermenu, #holdersocial{
	display:none !important;
  }
  .fs28{
	font-size:16px;
	line-height:20px;
  }
  .fs18{
	font-size:14px;
	line-height:16px;
  }
  .fs12{
	font-size:10px;
	line-height:12px;
  }
}