/*---------------------------------------------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;
}
body.squeezepage{
	 padding: 30px 0 30px; background: url(../images/lightblue.gif) top center #C4E2ED; width: 100%;		
}
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{
	font-size: 40pt;
}
h2{
	font-size: 30pt; font-weight: bold;
}
h3{
	font-size: 25pt; font-weight: bold;
}
h4{
	font-size: 18pt; 
}
h5{
	font-size: 15pt;
}
h1.handwriting{
	font-size: 19pt;	
}
h2.handwriting{
	font-size: 17pt;	
}
h3.handwriting{
	font-size: 15pt;	
}
h4.handwriting{
	font-size: 30pt;	
}
h5.handwriting{
	font-size: 12pt;	
}
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 */
}
a img{
	cursor: pointer;	
}
.box1 .photoframe, .box25 .photoframe, .box2 .photoframe, .box3 .photoframe, .centerbox .photoframe{
	width: 97.5%; margin-bottom: 10px;
}
.smallphotoframe, .mediumphotoframe, .largephotoframe, .extralargephotoframe{
	margin: 0 10px 10px 0;	
}
.photoframe, .smallphotoframe, .mediumphotoframe, .largephotoframe, .extralargephotoframe{
	border: 4px solid white;	
}
.black.photoframe, .black.smallphotoframe, .black.mediumphotoframe, .black.largephotoframe, .black.extralargephotoframe{
	border: 4px solid black;	
}

.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.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 */
#preheaderwrapper{
	background: #00152E; min-height: 30px;  border-top: 10px solid #FFED2F;
}
#preheaderwrapper h1, #preheaderwrapper h2, #preheaderwrapper h3, #preheaderwrapper h4, #preheaderwrapper h5, #preheaderwrapper p, #preheaderwrapper .menu{
	background: url(../images/color-back-red2.jpg) repeat-x top #7B1010; min-height: 30px; margin: -10px auto 0; padding: 10px 0 0; text-align: center; width: 780px; font-size: 16pt!important; 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;	
}
/* LOGO */
.logo{
	position: absolute; top: 10px; right: -140px;
}
.logo4{
	background: url(../images/safe-security-pro-style-4-medium.png) no-repeat top left; width: 400px; height: 352px; position: absolute; top: 20px; left: 0; z-index: 10;
}
.logo3{
	background: url(../images/safe-security-pro-style-3-medium.png) no-repeat top left; width: 400px; height: 352px; position: absolute; top: 20px; left: 0; z-index: 10;
}
.logo2{
	background: url(../images/safe-security-pro-style-2-medium.png) no-repeat top left; width: 400px; height: 428px; position: absolute; top: 40px; left: -120px; z-index: 10;
}
.logo1{
	background: url(../images/safe-security-pro-style-1-medium.png) no-repeat top left; width: 400px; height: 517px; position: absolute; top: 10px; left: -20px; z-index: 10;
}
.squeezelogo1{
	background: url(../images/squeeze-page-logo.jpg) no-repeat top left; float: left; width: 228px; height: 226px;
}
/* MAIN HEADER */
#mainheaderwrapper{
	
}
#mainheaderwrapper.sub{
	border-bottom: none;	
}
.mainheader{
	background: url(../images/bg1-header.jpg) repeat-x top right #84ABF8; position: relative; min-height: 390px; margin-top: -15px;
}
.mainheader h1{
	padding-top: 40px; 
}
.mainheader h1, .mainheader h2, .mainheader h3, .mainheader h4, .mainheader h5{
	width: 575px; margin-left: 310px; clear: none; text-align: left;
}
/* POST HEADER */
#postheaderwrapper{
	position: relative; z-index: 0; padding: 20px 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{
	width: 730px; padding: 20px 25px; margin: 0 auto 20px auto; background: white;
}
/* VIDEO */
.video{
	width: 550px; margin: 0 auto; padding: 20px;	
}
/* BOXES */
.box3, .box25, .box2, .box1 .box1, .centerbox{
	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, .box2{
	width: 26.7%; min-height: 150px; margin: 0 5px 10px;
}
.centersitewide .box3, .centersitewide .box2{
	width: 35.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{
	width: 43%;
}
/* SEMI WIDE BOX */
.box25{
	width: 58%;
}
/* WIDE BOX */
.box1, .bigbox{
	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;
}
/* CENTER BOX */
.centerbox{
	width: 50%; margin: 10px auto; clear: both; float: none;	
}
/* TESTIMONIAL */
.testimonial{
	background: url(../images/bg-testimonial.jpg) no-repeat top left; border-bottom: 1px solid #B6C2D2; padding: 10px 0; margin: 0 0 20px; display: block; clear: both; color: white;
}
.bigbox .testimonial, .topcontent .testimonial, #postheaderwrapper .testimonial{
	background: none; border-bottom: 1px solid #B6C2D2; padding: 10px 0; margin: 0 0 20px; display: block; 
}
.box1.testimonial, .box2.testimonial, .box3.testimonial ,#postheaderwrapper.squeezepage .testimonial{
	background: none; border-bottom: none;
}
.testimonial .photoframe{
	width: 116px;	
}
.testimonial h1, .testimonial h2, .testimonial h3, .testimonial h4{
	padding: 0 0 20px; background: url(../images/icon-quotes-right.png) no-repeat top right; clear: none; text-align: left; margin-top: 0;
}
.testimonial h5{
	text-align: right;
}
.testimonial p{
	margin: 0; padding: 0;
}
.testimonial .author{
	text-align: right; padding: 10px 0;
}
/* BULLET POINTS */
ul{
	margin: 0 0 35px; float: left;
}
li.othercolor, li.last{
	color: #94B8E2;
}
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: 90%; border-bottom: 1px solid #0C2F4B; color: #C6EBFB; font-weight: bold;
}
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-yellow.png) no-repeat left center; 
}
ul.greentick li{
	background: url(../images/tick-green.png) no-repeat left center; 
}
ul.redtick li{
	background: url(../images/tick-red.png) no-repeat left center; 
}
ul.arrow li{
	background: url(../images/arrow-green.png) no-repeat left center; 
}
ul.greenarrow li{
	background: url(../images/arrow-green.png) no-repeat left center; 
}
ul.redarrow li{
	background: url(../images/arrow-red.png) no-repeat left center; 
}
ul.whiteback li{
	border-bottom: 1px solid #DFDFDF; background-position: 5px 13px;
}
ul.yellowback li{
	background-color: #FCE34B; border: 1px solid #E5CC31; background-position: 5px 7px;
}
ul.yellowback li.othercolor{
	background-color:  #FBEB8C; border: 1px solid #E5CC31; background-position: 5px 7px;
}
ul.blueback li{
	background-color: #013E89; border: 1px solid #0C233F; color: white; background-position: 5px 7px;
}
ul.blueback li.othercolor{
	background-color: #062E5F; border: 1px solid #0C233F; color: white; background-position: 5px 7px;
}
ul.blackback li{
	background-color: #2C3544; border: 1px solid #171A1F; color: white; background-position: 5px 7px;
}
ul.blackback li.othercolor{
	background-color: #23282F; border: 1px solid #171A1F; color: white; background-position: 5px 7px;
}
ul.redback li{
	background-color: #CF1919; border: 1px solid #6F0D0D; color: white; background-position: 5px 7px;
}
ul.redback li.othercolor{
	background-color: #9A0F0F; border: 1px solid #6F0D0D; color: white; background-position: 5px 7px;
}

.last{
	border-bottom: none;	
}
/* BONUS BOX */
.bonusbox{
	background: url(../images/bg-bonus-box.jpg) repeat-x top left #394754; width: 720px; min-height: 270px; border: 1px solid #2D3741; display: block; position: relative; margin: 10px 0 20px;
}
.bonusbox .value{
	background: url(../images/bg-bonus-box-header.jpg) no-repeat top left; height: 56px; width: 744px; margin: 10px 0 0 -13px; padding: 3px 0 0 20px; font-size: 28pt; 	
}
.bonusbox h1, .bonusbox h2, .bonusbox h3, .bonusbox h4, .bonusbox h5{
	height: 56px; width: 500px; position: absolute; top: 5px; left: 223px; font-size: 20pt; float: left!important; padding: 0; overflow: hidden; text-align: left;	
}
.bonusbox img{
	width: 166px; margin: 0 20px;	
}
.bonusbox p{
	margin: 0; padding: 0 20px 20px 10px;	
}
.bonusbox a{
	font-weight: bold;	
}
/* GUARANTEE */
#guarantee{
	background: url(../images/bg-guarantee.jpg) no-repeat top left; width: 600px; height: 420px; padding: 60px; position: relative;
}
#guarantee h1, #guarantee h2, #guarantee h3, #guarantee h4, #guarantee h5{
	padding-bottom: 20px; font-size: 25pt;
}
#guarantee .handwriting{
	font-size: 35pt;	
}
#guarantee .center{
	padding: 0;	
}
#guarantee p{
	text-align: center; font-weight: bold; font-size: 15pt; line-height: 19pt;	
}
#guarantee .author{
	width: 380px; text-align: center; position: absolute; bottom: 100px; left: 160px; font-size: 40pt!important; height: 30px;
}
/* FOOTER */
#footer{
	width: 100%; float: left; position: relative;
}
#footer .centersite{
	background: none; height: 140px; padding: 0;
}
#footer .centersite img{
	position: absolute; top: -72px; left: -10px;
}
#footer .centersite p{
	text-align: center; font-size: 8pt; position: absolute; bottom: 20px; left: 0; width: 780px; padding: 0; margin: 0;
}	
#footer .centersitewide p{
	text-align: center; font-size: 8pt; padding: 5px 0; margin: 0;	
}
#footer .centersite a, #footer .centersitewide a{
	font-size: 8pt; color: white; text-decoration: none;
}
#footer .centersite a:hover, #footer .centersitewide a:hover{
	text-decoration: underline;	
}
/* BUTTONS AND BANNERS */
.buy{
	background: url(../images/btn-add-to-cart.jpg) no-repeat top left; width: 403px; height: 142px; display: block; text-align: center; text-indent: -9999px; margin: 20px 0 20px 160px;
}
.buy:hover{
	background: url(../images/btn-add-to-cart.jpg) no-repeat bottom left;
}
/* SQUEEZE PAGE*/
#mainheaderwrapper.squeezepage{
	padding-bottom: 20px;	
}
#postheaderwrapper.squeezepage{
	padding: 20px 0 25px;
}
.squeezepageheader{
	width: 700px; margin: 0 auto;
}
.squeezepage h1{
	font-size: 20pt; text-align: center!important; font-weight: bold; font-style: italic;
}
.squeezepage h1, .squeezepage h2, .squeezepage h4, .squeezepage h5{
	text-align: left; clear: none; padding: 0!important; margin: 0!important;
}
.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: -20px; left: 20px;
}
.squeezepage .box1{
	padding: 10px 0 20px;	
}
/*---------------------------------------------ALL COLORS--------------------------------------------------------*/

/* MAINCOLOR */
.maincolor1{
	color: black;	
}
.maincolor2{
	color: #94B8E2;	
}
.maincolor3{
	color: #2A2F35;	
}
/* MAINCOLORBACK */
.maincolorback1{
	background: url(../images/maincolorback1.gif) repeat-x top left #073B65; border: 1px solid #0E66AE;	
}
.maincolorback2{
	background: url(../images/maincolorback2.jpg) repeat-x top left #f0c916; border: 1px solid #B88617;
}
.maincolorback3{
	background: #001624;	
}
.maincolorback4{
	background: #062949;	
}
.maincolorback5{
	background: #001624;	
}
.black{
	background: black;	
}
.white{
	color: white;	
}
.aboutus{
	color: #6482BE;
}
/*---------------------------------------------SHARE--------------------------------------------------------*/
#share{
	color: white; float: right; margin: 10px 12px 0 0;
}
#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;
}
/*---------------------------------------------AWEBER FORM--------------------------------------------------------*/
.formwrapper{
	float: right; width: 320px; margin: 20px 30px 0 0;
}
.af-form-wrapper{
	float: right;
}
.previewLabel{
	font-size: 11pt; color: ##4A3700; float: left; margin-top: 5px;
}
.af-element{
	float: left; width: 320px; height: 38px; clear: both; font-weight: bold;
}
.text{
	float: right; width: 205px;  padding: 7px 10px; border: 2px solid #8C6C15; background: #E3E568;	
}
.text:focus{
	border: 2px solid #8C6C15; background: white;
}
.af-clear, .af-header, .bodyText{
	border: 1px solid red; display: none;
}
.submit{
	font-size: 11pt; font-weight: bold; color: white; text-align: center; cursor: pointer; padding: 7px 5px; background: black; border: 2px solid #8C6C15; width: 248px;float: right;
}
.submit:hover{
	background: #13326B; color: white; border: 2px solid white;
}
.af-element.privacyPolicy a{
	float: right; color: black; font-size: 9pt!important; text-decoration: underline; margin: -10px 35px 0 0;
}
.formtitle{
	padding-bottom: 10px; margin-bottom: 10px; float: right; border-bottom: 1px solid #A37714;	
}
.formtitle h2, .formtitle h4{
	float: left; width: 320px; text-align: center; margin: 0; 
}
.formtitle h2{
	font-weight: bold; font-size: 27pt; font-style: italic;
}
.formtitle h4{
	font-weight: bold; font-size: 15pt;	
}
.disclaimer{
	width: 100%; font-size: 8pt; color: white; text-align: right; clear: both; padding: 0;	
}
/*---------------------------------------------CROP AND RESIZE IMAGES--------------------------------------------------------*/
.crop{
	float: left;
}
/*---------------------------------------------CURVY CORNERS-------------------------------------------------------*/
/* CHECK OTHERS.JS FOR OTHER EDITS */
.box3, .box25, .box2, .bigbox, .centerbox, .box1{
  -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;
}