/* Body */
html{margin:0 auto;padding:0;height:100%;margin-bottom: 1px;}
body{font: 11pt arial,helvetica,arial,sans-serif;text-align:center;margin:0 auto; background-image: url(http://www.webmarketingoutlaw.com/squeeze/images/bg.jpg);background-attachment: fixed; background-repeat: repeat-x; background-position: left top;}
a{border:0}
img{border:0;margin:0 0 0 0;padding:0 0 0 0} 

/* Page Container */
.container{position:relative;width:720px;margin:20px auto 10px auto;border:1px solid #000000;text-align:left;min-height: 300px; background-color: #ffffff;} 
.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Border */
.border {}
.border:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Header */
.header2 {position:relative;height:160px;width:720px;text-align:left;margin:5px auto 0 auto;background-color: #0b3a66;} 
.header2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: #ffffff;
}


/* Header Left */
div#headerLeft {position:absolute;left:50px;top:10px;width:440px}
div#headerLeft h1{font-size:50px;margin:0} 
div#headerLeft h2{font-size:20px;font-style:italic;margin:5px;}


/* Header Right Menu */
div#headerRight {position:absolute;width:360px;left:480px;text-align:center;margin:0 0 0 0;padding:0}
div#headerRight p{color:#000;margin:5px 10px 0 0;padding:0}

/* Menu highlighting system */
body#index a.menu-index, body#articles a.menu-articles, body#videos a.menu-videos,  body#our-services a.menu-our-services, body#about-us a.menu-about-us, body#contact-us a.menu-contact-us, body#mailing-list a.menu-mailing-list, body#review a.menu-review, body#members a.menu-members, body#dating-advice a.menu-dating-advice {color: #CC0000} 
body#articles a.mainmenu-articles, body#videos a.mainmenu-videos, body#our-services a.mainmenu-our-services, body#about-us a.mainmenu-about-us {color: #CC0000} 

/* Content */
div#content {position:relative;float:left;width:500px;margin:15px 20px 5px 10px;background-color: #ffffff;}
/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */
* html div#content {margin:10px 10px 5px 10px} 
div#content h1{font: 18pt Verdana; font-weight:bold; margin:0 0 15px 0; color: #CC0000;text-align:center}
div#content h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color: #CC0000;text-align:center} 
div#content h3{font: 12pt Verdana; font-weight:bold; margin:15px 0 0 0; color: #CC0000;text-align:center} 
div#content p{line-height:1.4em;color:#000;margin:0px 0px 12px 0px}
div#content ol{color:#000;margin-top:12px;margin-bottom:12px}
div#content ul{color:#000;margin-top:12px;margin-bottom:12px}
div#content li{color:#000;line-height:1.4em}
div#content td{font: 12pt arial,helvetica,sans-serif}
div#content a{font-weight:bold;text-decoration:none}
div#content a:hover{color:#CC0000}
.dropcap {
	float:left;
	margin-top:0px;
	width:25px;
	font-size: 56px;
	line-height:48px;
} 

div#content-fsvideo {position:relative;float:left;width:680px;margin:15px 20px 5px 20px;background-color: #ffffff;}
div#content-fsvideo h1{font: 18pt Verdana; font-weight:bold; margin:0 0 15px 0; color: #CC0000;text-align:center}
div#content-fsvideo h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color: #CC0000;text-align:center} 
div#content-fsvideo h3{font: 12pt Verdana; font-weight:bold; margin:15px 0 0 0; color: #CC0000;text-align:center} 
div#content-fsvideo p{line-height:1.4em;color:#000;margin:10px 0px 10px 0px}
div#content-fsvideo a:hover{color:#CC0000}

ul.square_red { margin: 0 0 0 10px; list-style: square;  }
ul.square_red li { list-style-image: url('images/ico-square_red.gif'); list-style-type: square; list-style-position: outside; margin: 7px 0;  }

/* Multimedia */
div#menu {position:relative;float:right;width:350px;height:300px;margin:10px 60px 20px 0;}
/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */
* html div#menu {margin:5px 10px 10px 0px}
div#menu h2{font: 14pt Verdana; font-weight:bold; margin:10px 0 12px 0; text-align:center; color: #CC0000}
div#menu ol{color:#000;margin-top:12px;margin-bottom:5px}
div#menu ul{color:#000;margin-top:12px;margin-bottom:5px}
div#menu li{color:#000;line-height:1.3em;list-style-type: none;}
div#menu a{font-weight:bold;text-decoration:none}
div#menu form{margin:0px 0 0 0;padding:0}

/* Boxes */

blockquote.testimonial { font-size: 1em; font-weight: normal; margin: .25em; padding: 0em 1em .25em 0em; overflow: hidden;  }
blockquote.testimonial p { font-style: italic; font-size: 1.05em; text-align: justify; }
blockquote.testimonial p span { font-style: normal; font-weight: bold; font-size: 1.25em; }
blockquote.testimonial dl { width: 200px; padding: 1em .5em; font-size: 1.05em; }
blockquote.testimonial dl dt { font-weight: bold; }
blockquote.testimonial dl dd { font-size: 1.25em; font-weight: bold; color: rgb(204,0,0); letter-spacing: -1px; }

blockquote.box { background-color: rgb(225,250,200); border: 2px solid #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 70% }

blockquote.guarantee { background-color: rgb(225,250,200); border: 2px solid #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 80% }

blockquote.register { background-color: rgb(200,250,175); border: 4px dashed #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 90%; }
/* blockquote.register:hover { background-color: rgb(200,250,175); } */
blockquote.register h2 { color: rgb(204,0,0); text-transform:capitalize; font-size: 1.25em;  }
blockquote.register h3 { color: rgb(204,0,0); text-transform:capitalize; font-size: 1.25em;  }
blockquote.register a { font-weight: bold; }

blockquote.squeeze { background-color: rgb(225,250,200); border: 4px dashed #CC0000; padding: 0 1em 3px 1em; margin-left:0;text-align: left; width: 280px }
blockquote.squeeze:hover { background-color: rgb(200,250,175); }

.squeeze-group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.squeeze-left { width:440px;float:left;margin-top:0; }
.squeeze-right { width:320px;float:right; }
.squeeze-lower-left { width:400px;float:left;margin-top:0; }
.squeeze-lower-right { width:360px;float:right; }

blockquote.sales { background-color: rgb(225,250,200); border: 4px dashed #CC0000; padding: 0 1em 3px 1em; margin-left:0;text-align: left; width: 280px }
blockquote.sales:hover { background-color: rgb(200,250,175); }

.sales-group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sales-lower-left { width:350px;float:left;margin-top:0; }
.sales-lower-right { width:300px;float:right; }




/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */
* html .squeeze-left {height:280px;} 
* html .squeeze-right {overflow:hidden;height:280px;} 
* html .squeeze-lower-left { overflow:hidden; }

.email-image { margin:5px 10px 0 0; }
* html .email-image { margin:0 10px 0 0; }




.takeawaybox {color:#000;position:absolute;left:0px;width:320px;border:solid #6d6f71 1px;margin:0;padding:0}
.emailbox {background-color:#E1FAC8 ;color:#000;position:relative;width:290px;border:solid #6d6f71 1px;padding:5px 5px 5px 5px }
.emailbox:hover{background-color:#C8FAAF;}
.emailbox h2 {text-align:center}
.articletextbox {color:#000;border:solid #6d6f71 1px;padding:10px 10px 0 10px;margin:15px 0 15px 0}
p.smallprint {font-size: 8pt;font-weight: normal}

div#productbox-side {background-color:#E1FAC8;color:#000;position:relative;left:0px;width:284px;border: 4px dashed #CC0000;margin-top:15px;padding:5px 5px 5px 5px}
div#productbox-side p { margin:0 10px 0 10px;padding:10px 0 10px 0 }
div#productbox-side:hover { background-color: #C8FAAF; }
div#productbox-side h2 {text-align:center}
.center {text-align:center}

div#productbox-end {background-color:#E1FAC8;color:#000;position:relative;left:0px;width:470px;border: 4px dashed #CC0000;margin-top:15px;padding:5px 5px 5px 5px} /* border:solid #6d6f71 1px; */
div#productbox-end p { margin:0 10px 0 10px;padding:10px 0 10px 0 }
div#productbox-end:hover { background-color: #C8FAAF; }

/* Bullets */

ul.none { margin: 0em 0em 0em 3em; list-style: none; }
ul.none li { list-style-image: none; list-style-type: none; margin: 1em 0em; padding-left: .25em; }

ul.tick_red { margin: 0em 0em 0em 3em; list-style: square; }
ul.tick_red li { list-style-image: url(http://www.webmarketingoutlaw.com/images/ico-positive_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em;  padding-left: .25em; }
* +html ul.positive-red li, *html ul.positive-red li { list-style-position: outside; }

ul.square_red { margin: 0 0 0 10px; list-style: square;  }
ul.square_red li { list-style-image: url(http://www.webmarketingoutlaw.com/images/ico-square_red.gif); list-style-type: square; list-style-position: outside; margin: 7px 0;  }

ul.circle_red { margin: 0em 0em 0em 3em; list-style: square;  }
ul.circle_red li { list-style-image: url(http://www.webmarketingoutlaw.com/images/ico-circle_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em;  }

/* Subscribe Box */

blockquote.order { background-color: rgb(225,250,200); background-repeat: no-repeat; border: .25em solid rgb(235,255,215); padding: .15em 1em .15em 95px; margin: 0em auto 1em auto; }
blockquote.order:hover { background-color: rgb(200,250,175); }

/* Footer */

div#footer{color:#000;font:normal 11px arial,sans-serif;text-align:center; margin:1em auto;}
div#footer a{color:#0000FF;text-decoration:none}
div#footer a:hover{color:#CC0000}
div#footer h1{font: 10pt Arial,helvetica,sans-serif;color:#0000FF;text-decoration:underline}
div#footerMenu {font: 11pt Arial,helvetica,sans-serif}
div#footerMenu a{color:#0000FF;font-weight:bold;margin-right:10px}
div#footerMenu a:hover{color:#CC0000}

div#footerMenu2 {font: 10pt Arial,helvetica,sans-serif}

div#footerMenu2 a{color:#0000FF;text-decoration:underline;margin-right:10px}
div#footerMenu2 a:hover{color:#CC0000}