/*---------------------------------------------BASE--------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, a, ul, li, img{
	margin: 0; padding: 0; border: none; font: normal 10pt Arial, Helvetica, sans-serif; text-decoration: none; list-style: none;
}
/*---------------------------------------------GENERIC--------------------------------------------------------*/
body{
	position: relative; background: url(../images/bgbody.gif) repeat-x top #191D26; width: 100%;
}
.headerbg{
	padding: 250px 0 0; background: url(../images/bgheader.jpg) no-repeat top center;	
}
h1,h2,h3,h4,h5,h6{
	font-smooth: always; margin-top: 15px; text-align: center; clear: both; padding: 10px 0;	
}
.alignleft, .leftalign{
	text-align: left;	
}
.alignright, .rightalign{
	text-align: right;	
}
.aligncenter, .centeralign{
	text-align: center;	
}
.center, .aligncenter, .centeralign{
	text-align: center!important; clear: both; padding: 10px 0;
}
h1, h2, h3, h4, h5{
	text-align: center;	
}
h1{
	font-size: 43pt; font-weight: bold;
}
h2{
	font-size: 35pt; font-weight: bold;
}
h3{
	font-size: 25pt; font-weight: bold;
}
h4{
	font-size: 20pt; 
}
h5{
	font-size: 15pt;
}
h1.handwriting{
	font-size: 45pt;	
}
h2.handwriting{
	font-size: 40pt;	
}
h3.handwriting{
	font-size: 35pt;	
}
h4.handwriting{
	font-size: 30pt;	
}
h5.handwriting{
	font-size: 25pt;	
}
p.handwriting{
	font-size: 20pt;	
}
.redcenter, .blackcenter, .bluecenter, .yellowcenter{
	text-align: center; padding: 10px 0;
}
.author{
	font-size: 20pt;	
}
p, a{
	font-size: 12pt; line-height: 17pt; 
}
p{
	padding: 0 0 15px;	
}
a{
	text-decoration: underline;	
}
a:hover{
	text-decoration: none;	
}
.clear{
	clear: both; width: 100%;
}
img{ 
   image-rendering: optimizeQuality;  /* Firefox 3.6 MAKE IMAGES LOOK NICE WHEN SCALED DOWN*/
   -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ MAKE IMAGES LOOK NICE WHEN SCALED DOWN */
}
.centerlarge{
	text-align: center; margin: 0 auto; width: 600px;
}
.centermedium{
	text-align: center; margin: 0 auto; width: 450px;
}
.centersmall{
	text-align: center; margin: 0 auto; width: 300px;
}
a img{
	cursor: pointer;	
}
.box1 .photoframe, .box25 .photoframe, .box2 .photoframe, .box3 .photoframe, .centerbox .photoframe{
	width: 98%!important; margin-bottom: 10px;
}
.smallphotoframe, .mediumphotoframe, .largephotoframe, .extralargephotoframe{
	margin: 0 10px 10px 0; float: left;
}
.photoframe, .smallphotoframe, .mediumphotoframe, .largephotoframe, .extralargephotoframe{
	border: 4px solid white; float: left;
}
.black.photoframe, .black.smallphotoframe, .black.mediumphotoframe, .black.largephotoframe, .black.extralargephotoframe{
	border: 4px solid black; float: left;
}

.smallphotoframe{
	width: 120px;	
}
.mediumphotoframe{
	width: 240px;	
}
.largephotoframe{
	width: 340px;	
}
.extraLargephotoframe{
	width: 680px;
}

.centersite, .headerback.centersite{
	width: 780px; margin: 0 auto; position: relative; clear: both; float: none;
}
.centersitewide{
	width: 960px; margin: 0 auto; padding: 0; position: relative; clear: both; float: none;
}
.centersite img{
	margin-right: 20px;
}
.quoteleft{
	background: url(../images/icon-quotes-left.png) no-repeat top left;	
}
.quoteright{
	background: url(../images/icon-quotes-right.png) no-repeat top right;	
}
.toppadding{
	padding-top: 20px;	
}
.bottompadding{
	padding-bottom: 20px;	
}
.topandbottompadding{
	padding: 20px 0;	
}
.headerback{
	position: relative; float: left; width: 94.85%; z-index: 0; padding: 10px 20px; text-align: center;
}
.headerback{
	position: relative; float: left; width: 94.85%; z-index: 0; padding: 10px 20px; text-align: center;
}
.headerback.centersite{
	width: 740px; margin: 0 auto; position: relative; clear: both; float: none; padding: 10px 20px;
}
.box3 .headerback, .box2 .headerback, .centerbox .headerback{
	margin: -20px 0 10px -20px; width: 100%;
}
.box1 .headerback, .bigbox .headerback, .bigbox .topheader{
	margin: -30px 0 10px -30px; width: 102.8%;	
}
.box1 .box1 .headerback{
	margin: -30px 0 10px -20px; width: 100%;	
}
.topheader{
	font-size: 30pt!important; background: url(../images/color-back-yellow.jpg) no-repeat top left; color: black;  z-index: 0; padding: 10px 20px; text-align: center; float: left; width: 740px; margin: 0;
}
/*---------------------------------------------BLOCK LEVEL ELEMENTS--------------------------------------------------------*/
/* WRAPPERS */
#preheaderwrapper, #mainheaderwrapper, #postheaderwrapper, .centersite.topcontentwrapper{
	float: left; width: 100%; position: relative; z-index: 0;
}
/* PRE HEADER */
h3.preheader{
	font-size: 20pt!important; color: white; background: #181C25; 
}
#preheaderwrapper h1, #preheaderwrapper h2, #preheaderwrapper h3, #preheaderwrapper h4, #preheaderwrapper h5, #preheaderwrapper p, #preheaderwrapper .menu{
	min-height: 30px; margin: -10px auto 0; padding: 10px 0 0; text-align: center; width: 780px; 
}
.bg{
	background: url(../images/preheader.jpg) repeat-x top left #d70000; color: white;	
}
.menu{
	width: auto; float:none;
}
ul.menu li{
	background: none; width: auto; margin: 0; padding: 0; border: none;
}
ul.menu li a{
	display: inline-block;color: white; text-decoration: none; padding: 3px 7px; font-size: 9pt; margin: 0 2px 0; float: left; border: 1px solid #BF0003; background: #4F0001;
}
ul.menu li a:hover{
	background: #2F0002; border: 1px solid #DF2930;	
}
/* MAIN HEADER */
#mainheaderwrapper.sub{
	border-bottom: none;	
}
.mainheader{
	background: url(../images/bgmainheader.jpg) repeat-x top #1C53A6; position: relative; width: 92%; padding: 30px; color: white; margin: 0;
}
.mainheader h1, .mainheader h2, .mainheader h3, .mainheader h4, .mainheader h5{
	width: 575px; margin-left: 310px; clear: none; text-align: left;
}
/* POST HEADER */
#postheaderwrapper{
	background: url(../images/bg1-post-header.jpg) no-repeat top center #1B1E23; border-top: 10px solid #D5A719; border-bottom: 10px solid #D5A719; position: relative; z-index: 0; padding: 20px 0 0;
}
.postheader .quote{
	width: 560px; padding: 0 70px 0 0; float: right;
}
/* TOP CONTENT WRAPPER */
.centersite.topcontentwrapper{
	background: url(../images/bg-body.gif) repeat-x top left;
}
.topcontent, .content{
	width: 730px; padding: 20px 25px 0; margin: 0 auto ; background: url(../images/bgcontent.jpg) repeat-x top left white;
}
/* VIDEO */
.video{
	width: 550px; margin: 0 auto; padding: 20px;	
}
/* BOXES */
.box3, .box25, .box2, .box1 .box1, .centerbox, .boxstyle1.large, .boxstyle1.medium, .boxstyle1.small, .boxstyle2.large, .boxstyle2.medium, .boxstyle2.small{
	padding: 20px; float: left; position: relative; 	
}
.box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6, .box25 h1, .box25 h2, .box25 h3, .box25 h4, .box25 h5, .box25 h6, .box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 h5, .box2 h6, .box1 h1, .box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 h6, .centerbox h1, .centerbox h2, .centerbox h3, .centerbox h4, .centerbox h5, .centerbox h6{
	margin-top: 0; text-align: left; clear:none; padding: 0;
}
/* NARROW BOX */
.box3, .boxstyle1.small, .boxstyle2.small{
	width: 28%; min-height: 150px; margin: 0 7px 10px; padding: 30px 10px; 
}
.centersitewide .box3, .centersitewide .box2{
	width: 27.5%; min-height: 150px; margin: 0 5px 10px;
}

.topcontent .box3{
	width: 26.3%;	
}
.box3 p, .box3 a, .box2 p, .box2 a{
	font-size: 10pt; padding-top: 0px;
}
/* MEDIUM BOX */
.box2, .boxstyle1.medium, .boxstyle2.medium{
	width: 42.5%; min-height: 150px; margin: 0 6px 10px; padding: 30px 20px; 
}
/* SEMI WIDE BOX */
.box25{
	width: 62%;
}
/* WIDE BOX */
.box1, .bigbox, .boxstyle1.large, .boxstyle2.large{
	width: 92%; padding: 30px; float: left; position: relative; margin: 10px auto;
}
.box1 .box{
	width: 94.5%;	
}
/* BIG BOX */
.bigbox{
	background: white; position: relative; margin: 10px auto;
}
.boxstyle1 h1, .boxstyle1 h2, .boxstyle1 h3, .boxstyle1 h4, .boxstyle1 h5{
	margin-top: -20px; padding: 0 0 20px; color: white; text-align: center; clear:none;
}
/* CENTER BOX */
.centerbox, .boxstyle1.center, .boxstyle2.center{
	width: 60%; margin: 10px auto; clear: both; float: none; padding: 30px 10px;	
}
/* BOX STYLE 1 */
.boxstyle1{
	background: url(../images/bgboxstyle1.jpg) repeat-x top right white;
}
.boxstyle1 h1, .boxstyle1 h2, .boxstyle1 h3, .boxstyle1 h4, .boxstyle1 h5, .boxstyle2 h1, .boxstyle2 h2, .boxstyle2 h3, .boxstyle2 h4, .boxstyle2 h5{
	margin-top: 5px; padding: 0 0 20px; color: white; text-align: left; clear:none;
}
.boxstyle1 h1, .boxstyle1 h2, .boxstyle1 h3, .boxstyle1 h4, .boxstyle1 h5{
	color: #7FCCFF;
}
.boxstyle1 p{
	color: #225FBA;	
}
/* BOX STYLE 2 */
.boxstyle2{
	background: url(../images/bgboxstyle2.jpg) repeat-x top right white;
}
.boxstyle2 h1, .boxstyle2 h2, .boxstyle2 h3, .boxstyle2 h4, .boxstyle2 h5{
	color: #FFEB8C;
}
.boxstyle2 p{
	color: #8C4C02;	
}
/* BULLET POINTS */
ul{
	margin: 0 0 35px; float: left;
}
li.othercolor{
	font-weight: bold;	
}
ul li{
	background: url(../images/bullet-black.png) no-repeat; background-position: 17px 12px; padding: 10px 10px 10px 40px; margin-bottom: 5px; font-size: 12pt; float: left; width: 93%; border-bottom: 1px solid #CCC;
}
ul.yellowback, ul.blueback, ul.blackback, ul.redback{
	background: none;	
}
ul.box1, ul.box2, ul.box25, ul.box3{
	margin: 0 10px 0 0; padding: 0;	
}
ul.tick li{
	background: url(../images/tick.png) no-repeat left center; 
}
ul.maincolor1 li{
	background-color: #062D68; border: 1px solid #0F132F; color: white; background-position: 5px 11px;
}
ul.maincolor1 li.othercolor{
	background-color: #191F51; border: 1px solid #021A40; color: #86B1EF; background-position: 5px 11px;
}
ul.maincolor2 li{
	background: url(../images/tick2.png) no-repeat left center; background-color: #EFA60B; border: 1px solid #CF8D00; color: #6F4E07; background-position: 5px 11px;
}
ul.maincolor2 li.othercolor{
	background-color: #CF8D00; border: 1px solid #AF7700; color: #3F2C04; background-position: 5px 11px;
}
ul.maincolor3 li{
	background: url(../images/tick3.png) no-repeat left center; background-color: #FFE65F; border: 1px solid #CFAF00; color: #4F4300; background-position: 5px 11px;
}
ul.maincolor3 li.othercolor{
	background-color: #EEC907; border: 1px solid #CFAF00; color: #4F4300; background-position: 5px 11px;
}
.last{
	border-bottom: none;	
}
/* GUARANTEE */
#guarantee{
	background: url(../images/bgguarantee.jpg) no-repeat top left; width: 600px; height: 420px; padding: 60px; position: relative; clear: both;
}
#guarantee h1{
	font-size: 25pt; color: #e22020; 
}
#guarantee .handwriting{
	font-size: 35pt;	
}
#guarantee .center{
	padding: 0;	
}
#guarantee p{
	text-align: center; font-weight: bold; font-size: 15pt; line-height: 19pt; margin-top: 20px;	
}
#guarantee h3.author{
	width: 380px; text-align: center; position: absolute; bottom: 100px; left: 160px; font-size: 40pt!important; height: 50px; color: black; border-bottom: 1px solid black; padding: 0;
}
/* FOOTER */
#footer{
	width: 100%; position: relative; background: url(../images/bgfooter.jpg) no-repeat bottom center;
}
.footerbg2{
	 background: ;
}
#footer, .footerbg2{
	height: 132px;	
}
#footer .centersite img{
	position: absolute; top: -72px; left: -10px;
}
#footer .centersite p{
	text-align: center; font-size: 8pt; width: 780px; padding:  5px 0; margin: 0; color: white; position: absolute; bottom: -147px;
}	
#footer .centersite a, #footer .centersitewide a{
	font-size: 8pt;	 color: red;
}
/* BUTTONS AND BANNERS */
.buy{
	background: url(../images/btnaddtocart.jpg) no-repeat top left; width: 780px; height: 196px; display: block; text-align: center; text-indent: -9999px; margin: 20px 0 20px -25px;
}
.buy:hover{
	background: url(../images/btnaddtocart.jpg) no-repeat bottom left;
}
/* SQUEEZE PAGE*/
#mainheaderwrapper.squeezepage{
	padding-bottom: 50px;	
}
#postheaderwrapper.squeezepage{
	padding: 20px 0 25px;
}
.squeezepageheader{
	width: 750px; float: right; margin-left: -20px;
}
.squeezepage h1{
	margin-top: 30px; font-size: 50pt;
}
.squeezepage h1, .squeezepage h2, .squeezepage h4, .squeezepage h5{
	text-align: left; clear: none; padding: 0;	
}
.arrowdown{
	background: url(../images/arrow-pointing-down.png) no-repeat bottom left; padding: 0 0 0 20px!important; margin-top: 0;
}
.squeezepage .box1{
	width: 100%; padding: 20px 0; position: relative; 
}
#squeezepagevideo{
	width: 540px; height: 300px; position: absolute; top: -15px; left: 20px;
}
.squeezepage .box1{
	padding: 10px 0;	
}
/*---------------------------------------------ALL COLORS--------------------------------------------------------*/
/* PRODUCT COLOR PALETTE */
.maincolor1{
	color: #1C53A6;	
}
.maincolor2{
	color: #EFA60B; 	
}
.maincolor3{
	color: #EEC907;	
}
/* OTHER COLORS */
p, .whiteback p, .whiteback a, .yellowback p, .yellowback a,{
	color: #484848;
}
.greyback{
	background: url(../images/color-back-white.jpg) repeat-x top left #DCDCDC;
}
.greybackBottom{
	background: url(../images/color-back-bottom-white.jpg) repeat-x top left #DCDCDC;
}
.black{
	color: black;	
}
.white{
	color: white;	
}
.photoframe{
	border: 4px solid white;	
}
.whiteback, .whitebackBottom{
	background: white;	
}
.red{
	color: red;	
}

/*---------------------------------------------SHARE--------------------------------------------------------*/
#share{
	color: white; float: right;	
}
#share h1, #share h2, #share h3, #share h4, #share h5{
	float: left; margin-top: 5px;
}
.facebook, .twitter, .digg{
	width: 32px; height: 32px; text-indent: -9999px; float: left; margin-left: 5px;
}
.facebook{
	background: url(../images/share-facebook.png) no-repeat top left;
}
.twitter{
	background: url(../images/share-twitter.png) no-repeat top left;
}
.digg{
	background: url(../images/share-digg.png) no-repeat top left;
}

/*---------------------------------------------CROP AND RESIZE IMAGES--------------------------------------------------------*/
.crop{
	float: left;
}
/*---------------------------------------------CURVY CORNERS-------------------------------------------------------*/
/* CHECK OTHERS.JS FOR OTHER EDITS */
.boxstyle1, .boxstyle2, .box3, .box25, .box2, .box1, .bigbox, .centerbox{
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;    
  -moz-border-radius-bottomright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-radius: 8px;
}
.topcontent{
   -moz-border-radius-bottomleft: 8px;    
  -moz-border-radius-bottomright: 8px;	
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;	  
  border-radius: 8px; 
}
.preheader{
  -moz-border-radius-topright: 12px;
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  border-radius: 12px;	
}.center_contact {
	text-align: center;
}