* {
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
html, body {
	height:100%;
}
body {/* center #container in IE 5.x */
	text-align:center;
	font:normal 12px/16px sans-serif;
	padding-right:0.5px; /* fix Gecko width bug */
	background:#475A8A url(images/bodyBackground.gif) top center repeat-y;
	height:100%;
}
a {
	color:#24B;
}
a:active, a:hover {
	text-decoration:none;
	color:#14F;
}
h4 {
	margin-top:10px;
	color:#874c16;
}
#container, #footer {
	width:750px;
	margin:0 auto;
}
#container {
	position:relative;
	min-height:100%;
	overflow:hidden; /* wrap floats *//* return to 'normal' after IE 5.x centering */
	text-align:left;
	background:#FFF;
}
* html #container {/*IE6/earlier has no min-height, but does treatheight as such IF overflow is visible. Since theheight declaration trips haslayout, and elements with'haslayout' wrap floats, we don't need the 'hidden'anyways*/
	height:100%;
	overflow:visible;
}
#dropleft {
	position: absolute;
	width: 14px;
	left: -14px;
	height: 100%;
	background: url(images/dropleft.png) repeat-y;
}
#dropright {
	position: absolute;
	width: 14px;
	right: -14px;
	height: 100%;
	background: url(images/dropright.png) repeat-y;
}
h1.logotop {
	height:56px;
	padding-left:32px;
	font:bold 10px/10px sans-serif;
	letter-spacing:15px;
	color:#458;
	background:#EEF url(images/h1Background.png) repeat-x;
	border-top:2px solid #141C53;
}
h1.logotop span {
	display:block;
	padding-top:6px;
	letter-spacing:0;
	font:bold 26px/26px sans-serif;
}
h1.logotop b {
	position:absolute;
	top:2px;
	left:16px;
	width:242px;
	height:56px;
	background:url(images/h1Logo.png) no-repeat;
}
#topMenu {
	list-style:none;
	float:right;
	position:relative;
	top:-56px;
	height:22px;
	padding-right:24px;
	margin-bottom:-22px; /* null the height for flow */
}
#topMenu li {
	float:left;
	margin-left:1px;
}
#topMenu a {
	display:block;
	width:51px;
	height:21px;
	text-decoration:none;
	text-align:center;
	font:normal 10px/20px sans-serif;
	font-weight:bold;
	color:#000;
	background:#CCD url(images/topMenu.png) 0 0 no-repeat;
}
#topMenu a:active, #topMenu a:hover {
	color:#FFF;
	font-weight:bold;
	background-color:#889;
	background-position:0 -21px;
}
#mainMenu {
	list-style:none;
	position:relative; /* depth sorting */
	padding:0 0 26px 24px;
	overflow:hidden;
	background:url(images/h1Background.png) bottom left repeat-x;
}
* html #mainMenu {/* same wrapping trick */
	height:27px;
	overflow:visible;
}
#mainMenu li {
	float:left;
}
#mainMenu a {
	display:block;
	width:104px;
	padding-top:2px;
	margin-right:1px;
	text-align:center;
	text-decoration:none;
	font:bold 12px/25px sans-serif;
	color:#FFF;
	background:#348 url(images/mainMenu.png) 0 -27px no-repeat;
}
#mainMenu a:active, #mainMenu a:hover {
	color:#FD9;
	background-color:#00F;/* background-position:0 -54px; */
}
#mainMenu .current a {
	background-color:#C73;
	background-position:0 0;
}
.submenu {
	position:absolute;
	top: 90px;
	left: 30px;
	font:bold 11px/14px sans-serif;
	height: 15px;
	width: 500px;
	color:#ffffff;
	list-style:none;
}
.submenu li {
	display:block;
	float:left;
	margin-left: 20px;
	font-weight: bold;
}
.submenu a:link, .submenu a:visited, .submenu a:active {
	color:#ffffff;
}
.submenu a:hover {
	color:#184fdb;
}
.submenunolink {
	color:#ffffff;
	margin-left: 20px;
}
#contentWrapper {
	position:relative;
	top:-0px;
	width:100%;
	float:left;
}
#content {/* extra bottom padding clears room for footer */
	padding:0 0 36px 12px;
	margin-right:228px;
}
#content .doYouHavePorn {
	position:relative;
	text-align:center;
	height:1%; /* trip haslayout */
	font:bold 14px/32px sans-serif;
	color:#FFF;
	background:#C73;
	width:95%; /*so header underneath does not poke out*/
}
#content .doYouHavePorn b {
	position:absolute;
	top:0;
	left:-5px;
	width:510px;
	height:32px;
	background:url(images/youHavePorn.png) no-repeat;
}
#content p {
	padding:0 0 0.5em;
}
.botborder {/*hack to implement min-height in IE6, next 3 lines*/
	min-height:150px;
	height:auto !important;
	height:150px;
	border-bottom:1px solid #CCC;
}
.standout {
	font-weight:bold;
}
.subText {
	font:bold 12px/16px sans-serif;
}
.productBox {
	width:254px;
	margin:8px 0 8px 0;
	float:left;
}
.snitchPlus {
	border-left:1px solid #CCC;
}
.productBox h3 {
	position:relative;
	height:128px;
	padding-left:108px;
	font:bold italic 32px/34px sans-serif;
	color:#B62;
}
.snitch h3 {
	background:url(images/snitchbox.jpg) no-repeat;
}
.snitchPlus h3 {
	margin-left:8px;/* for when you have the right box image */
	background:url(images/snitchplusbox.jpg) no-repeat;
}
.snitchPlus h3 span {
	display:block;
	margin:-16px 0 0 24px;
	color:#EA4;
}
.productBox h3 b {
	position:absolute;
	top:0;
	left:108px;
	width:132px;
}
.snitch h3 b {
	height:49px;
	background:url(images/snitchlogo.png) no-repeat;
}
.snitchPlus h3 b {
	height:66px;
	background:url(images/snitchpluslogo.png) no-repeat;
}
.productBox .subText {
	width:132px;
}
.snitch .subText {
	margin:-79px 0 0 108px;
	height:79px;
}
.snitchPlus .subText {
	margin:-62px 0 0 116px;
	height:62px;
}
.productBox ul {
	list-style:none;
	clear:both;
	font:normal 90%/120% sans-serif;
}
.snitch ul {
	margin-right:8px;
}
.snitchPlus ul {
	margin-left:8px;
}
.productBox li {
	padding-left:16px;
	margin-bottom:0.5em;
	background:url(images/arrowbox.gif) 0 0.2em no-repeat;
}
.wideProductBox {
	clear:both;
	width:502px;
	margin-bottom:0px;
	background:url(images/entbot.jpg) bottom left no-repeat;
}
.wideProductBox h3 {
	height:48px;
	font:bold italic 32px/32px sans-serif;
	color:#246;
}
.wideProductBox h3 span {
	display:block;
	width:48px;
	height:32px;
	margin:-32px 0 0 128px;
	font:bold 14px/14px sans-serif;
}
.wideProductBox h3 b {
	display:block;
	position:relative;
	margin-top:-32px;
	height:48px;
}
.snitchEnterprise h3 b {
	background:url(images/entlogo.jpg) 0 0 no-repeat;
}
.wideProductBox .subText {
	position:relative;
	margin:-44px 8px 0 228px;
	text-align:center;
	line-height:14px;
}
.links li {
	background:none;
	font-weight:bold;
}/* must include ID to overide #content p */
#content .wideProductBox p {
	padding:0.5em 8px 0.8em;
}
#sideBar {
	position:relative;
	top:-5px;
	float:left;
	width:212px;
	margin-left:-220px;/* extra bottom padding clears room for footer */
	padding-bottom:36px;
}
#sideBar .topBorder, #sideBar .bottomBorder {
	width:212px;
	height:6px;
	font-size:1px; /* prevent IE height bug */
	background:url(images/sideBarBorders.gif) -212px 0 no-repeat;
}
#sideBar .bottomBorder {
	background-position:0 0;
}
#sideBar .middleBorder {
	padding:0 8px;
	background:#CCC url(images/sideBarBorders.gif) -424px 0 repeat-y;
}
.tryFree {
	padding-bottom:8px;
	margin-bottom:8px;
	text-align:center;
	border-bottom:1px solid #CCC;
}
.tryFree a {
	display:block;
	margin-top:8px;
	font:bold 90%/120% sans-serif;
}
.tryFree h2 {
	text-align:center; /* center the anchor IE 5.x */
}
.tryFree h2 a {
	position:relative;
	display:block;
	width:188px;
	height:60px;
	padding:0;
	margin:0 auto;
	text-decoration:none;
	font:bold 20px/60px sans-serif;
	color:#FFF;
	background:#246;
}
.tryFree h2 a:active, .tryFree h2 a:hover {
	background:#00F;
}
.tryFree h2 a b {
	position:absolute;
	top:0;
	left:0;
	width:188px;
	height:60px;
	background:url(images/h2TryFree.jpg) 0 0 no-repeat;
	cursor: pointer;
}
.tryFree h2 a:active b, .tryFree h2 a:hover b {
	background-position:0 -60px;
}
.tryFree .subText {
	position:relative;
	height:57px;
	overflow:hidden;
}
.tryFree .subText b {
	position:absolute;
	top:0;
	left:0;
	width:196px;
	height:57px;
	background:url(images/tryFreeSubText.gif) 0 0 no-repeat;
}
.highlights h2 {
	text-align:left;
	font:bold 110%/120% sans-serif;
	color:#B62;
	color:#874c16;
}
.highlights ul {
	list-style:none;
	padding-top:8px;
	font:normal 11px/15px sans-serif;
}
.highlights li {
	padding:0 0 0.5em 16px;
	background:url(images/tick.gif) 0 0.1em no-repeat;
}
.highlights strong {
	color:#0a4175;
}
#footer {
	clear:both;
	position:relative; /* depth sorting */
	height:20px;
	margin-top:-28px;
	color:#FFF;
	background:#348;
	font:12px/20px sans-serif;
	border-bottom:8px solid #141C53;
}
.girlAnim {
	position:relative;
	top:22px;
	left:28px;
}
.girlBeach {
	position:relative;
	top:22px;
	left:32px;
}
.girlBox {
	float:right;
	margin:-5px 0px 0 8px;
	background:url(images/girlframe.png) 10px 1em no-repeat;
	width:195px;
	height:148px;
	padding-top:2px;
}

