/******************************************************************
Site: Online Booty Call
Author: Eddie Machado
Author URL: http://www.themble.com/
******************************************************************/

/******************************************************************
RESET STYLES
******************************************************************/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}


ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* remove default styles for form */
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; }
.input {
	background: #c6c6c6;
	border: none;
	padding: 4px 7px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
		 -o-border-radius: 7px;
			border-radius: 7px;
	behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
}

select.input {
	width: 80px;
	font-size: 12px;
	padding: 4px 7px 4px 7px;
	background: #c6c6c6 url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/select.gif) center right no-repeat;
}

	span.arrowBgone {
		position: absolute;
		background: #c6c6c6;
	}

/* commonly used styles */

.hidden { display: none; }

.purple {}
.yellow { color: #fbb040; }

hr {
	border: 0;
	margin: 40px auto 0;
	height: 1px;
   	width: 960px;
   	background: #bdb7a3;
    background-image: -webkit-linear-gradient(left, #ccc, #8d8879, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #8d8879, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #8d8879, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #8d8879, #ccc); 
}

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body { 
	background: #ececec url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/burst.jpg) top center no-repeat; 
	color: #333;
	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

.wrap { 
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}
	
	/* layout options ( all have margins right & left of 2.1276596%) */
	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col480 { width: 51.06383%;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
	
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #3d374e; }
a:hover, a:focus { color: #fbb040; }
a:active {} /* on click */


/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 32px; color: #92278f; margin: 20px 0 10px 20px; text-shadow: 0 1px 1px rgba(255,255,255,0.33); }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; }


/******************************************************************
HEADER SYTLES
******************************************************************/

.header {
	background-color: #3d374e;
}

	#logo {
		margin: 10px 0;
		float: left;
	}
	
	.member {
		font-size: 16px;
		width: 400px;
		float: right;
		text-align: right;
		margin: 22px 0 0;
		color: #fefefe;
	}
	
	.member a {
		margin-left: 20px;
		font-weight: 700;
		color: #fbb040;
		text-decoration: none;
	}

/******************************************************************
NAVIGATION STYLES
******************************************************************/

.nav {
	font-family: 'PT Sans Narrow', sans-serif;
	margin: 20px 0 0;
	font-size: 18px;
}

	.nav a, .nav a:visited {
		text-decoration: none;
		margin-right: 20px;
		color: #333;
	}
	
		.nav a:hover {}

/******************************************************************
CONTENT STYLES
******************************************************************/

#content {}

#top {
	position: relative;
	height: 470px;
	background: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/top-bg.png) top center no-repeat;
}

	.banner-form {
		position: absolute;
		bottom: 100px;
		right: 180px;
		z-index: 9000;
		width: 500px;
		height: 175px;
		background: #fff;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
		 -o-border-radius: 10px;
			border-radius: 10px;
		behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
		-webkit-box-shadow:0 0 14px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 0 14px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 0 14px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	
		.banner-form h5 {
			background: #3d374e;
			font-size: 24px;
			color: #fefefe;
			text-align: center;
			width: 400px;
	-webkit-border-radius: 10px 0 10px 0;
	   -moz-border-radius: 10px 0 10px 0;
		 -o-border-radius: 10px 0 10px 0;
			border-radius: 10px 0 10px 0;
			behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
		}
		
		.banner-form p {
			float: left;
			width: 315px;
			padding: 20px 0 0 20px;
		}
		
		.banner-form p.notus {
			color: #999;
			text-align: right;
			font-size: 11px;
			padding: 7px 0 0  20px;
		}
		
			.banner-form span { padding: 4px 0; }
		
		.landing-age-min, .landing-age-max { width: 30px; }
		.landing-zip { width: 70px; }
		
		.form-button {
			float: right;
			margin-right: 20px;
			font-family: 'PT Sans Narrow', sans-serif;
			color: #fefefe;
			text-shadow: 0 2px 1px #111;
			font-size: 22px;
			font-weight: 700;
			padding: 7px 21px;
			margin-top: -50px;
			background-color: #8f1e82;
			border: 2px solid #962184;
			background: #8f1e82 url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/glass.png) 0 50% repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
			behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
		-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 0 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		}
		
			.oldie .form-button {
				padding: 7px;
				margin-right: 10px;
			}
			
			.form-button:hover, .form-button:focus {
				background: #77196c url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/glass.png) 30% 50% repeat-x;
	 			-moz-transition: all 0.2s ease-out; 
	 			-webkit-transition: all 0.2s ease-out; 
	 			-ms-transition: all 0.2s ease-out; 
	 			-o-transition: all 0.2s ease-out; 
	 			transition: all 0.2s ease-out;
			}
		
		

	.banner-info {
		margin-left: 500px;
		margin-top: 10px;
		padding-top: 40px;
	}
	
	.banner-info ul {
		margin: 7px 0 190px;
	}
	
		.banner-info li {
			font-size: 20px;
			padding-left: 30px;
			background: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/bullet.png) center left no-repeat
		}
		
	.banner-info p {
		color: #7c7582;
		margin-left: 10px;
		padding-bottom: 49px;
		background: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/seenon.png) bottom left no-repeat;
	}
	
	.comm-box {
		position: relative;
		background: #3d374e url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/comm-bg.jpg) top center no-repeat;
		height: 400px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
		 -o-border-radius: 7px;
			border-radius: 7px;
		behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
	}

		#command_nav {
			width: 200px;
			float: left;
			margin: 10px 0 0 20px;
		}
			
			#command_nav li {
				float: left;
				display: inline;
			}
		
			#command_nav a {
				display: block;
				color: #fff;
				text-shadow: 0 1px 1px #444;
				text-align: center;
				width: 70px;
				margin: 5px 10px;
				padding: 15px 0;
				font-size: 24px;
				font-weight: 900;
				background: #3e374e;
				-webkit-border-radius: 7px;
				   -moz-border-radius: 7px;
					 -o-border-radius: 7px;
						border-radius: 7px;
				behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
			}
			
				#command_nav a:hover, #command_nav a:focus {
					background: #dedede;
					color: #fff;
					cursor: pointer;
	 			-moz-transition: all 0.2s ease-out; 
	 			-webkit-transition: all 0.2s ease-out; 
	 			-ms-transition: all 0.2s ease-out; 
	 			-o-transition: all 0.2s ease-out; 
	 			transition: all 0.2s ease-out;
				}
				
	
		
		.step_item img {
			position: absolute;
			right: 10px;
			bottom: 20px;
		}
		
		
.testimonials {}

	.testimonials li {
		border: 7px solid #575656;
		background-color: #d6d6d6;
		float: left;
		text-align: center;
		width: 190px;
		font-size: 11px;
		padding: 10px;
		margin-right: 20px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
		 -o-border-radius: 7px;
			border-radius: 7px;
		behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
	}
		
		.testimonials li.last { margin-right: 0; }
		
	.testimonials img {
		width: 190px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
		behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
	}
	
	.testimonials p {
		height: 70px;
		padding: 10px 0;
	}
	
	.testimonials cite {
		font-size: 10px;
		font-weight: 700;
		font-style: normal;
	}

#how-it-works {
	height: 300px;
	background: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/how.png) 45px 80px no-repeat;
}

	.how-text {
		font-size: 22px;
		font-weight: 700;
		padding-top: 190px;
		font-family: 'PT Sans Narrow', sans-serif;
		float: left;
		width: 300px;
		text-align: center;
	}
	
		.how-last { margin-left: 40px; }

.ft-box {
	background-color: #fff;
	background-repeat: no-repeat;
	border: 7px solid #575656;
	width: 241px;
	height: 140px;
	padding: 10px 20px 10px 200px;
	margin-bottom: 9px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
		 -o-border-radius: 7px;
			border-radius: 7px;
	behavior: url(https://aws-cf.onlinebootycall.com/javascript_new/landing4/PIE.htc);
}
	.ft-box h4 {
		color: #fbb040;
		font-size: 24px;
	}
	
	.ft-box p { font-size: 13px; }

	.pm {
		background-image: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/pm.png);
		background-position: 10px 10px;
	}
	
	.vc {
		background-image: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/vc.png);
		background-position: 50px 10px;
	}
	
	.gl {
		background-image: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/gl.png);
		background-position: 40px 5px;
	}
	
	.bcl {
		background-image: url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/landing4/bcl.png);
		background-position: 10px 10px;
	}
	
.seo-title { margin-left: 0; margin-bottom: 0; }

.small { margin-top: 1.5em; font-size: 12px; color: #666; }

/******************************************************************
FOOTER STYLES
******************************************************************/

.footer {
	color: #fefefe;
	text-shadow: 0 1px 1px rgba(0,0,0,.22);
	margin-top: 40px;
	background: #3d374e;
	padding: 20px 0 40px;
}

	.footer a, .footer a:visited {
		color: #fefefe;
		margin: 0 10px;
	}
	
	.footer .member a, .footer .member a:visited {
		color: #fbb040;
	}
	

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

.oldie header { height: 67px; }

#recaptcha_widget {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

/**
light box
**/

.lb-sm-container {
    z-index:9002;
    width:340px;
    margin:200px auto;
    position: relative;
}

.lb-sm-top {
    width:340px;
    height:23px;
    background:url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/border/lb-sm-top.png) no-repeat top left;
}
.lb-sm-container .close-popup {
    position:relative;
    top:-2px;
    left:0px;
    float:right;
    width:26px;
    height:25px;
    margin:0 0 -2px;
}
.lb-sm-mid {
    overflow:hidden;
    width:310px;
    padding:0 15px;
    text-align:center;
    background:url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/border/lb-sm-mid.png) repeat-y top left;
}
.lb-sm-bot {
    width:340px;
    height:19px;
    background:url(https://aws-cf.onlinebootycall.com/images_new/online-booty-call/border/lb-sm-bot.png) no-repeat top left;
}
.lb-shadow {
    position:absolute;
    top:0;
    left:0;
    z-index:9001;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
}
.lb-sm-container h2 {
    padding:10px 0 30px;
    color:#e57024;
    font-size:24px;
    font-weight:bold;
}
.lb-sm-container p {
    font-size:1.2em;
    line-height:1.2em;
    margin:20px;
    color:red;
    font-weight:bold;
}

#country-hide label {
    clear:both;
    float:left;
    width:120px;
    padding:0 7px 0 0;
    margin:6px 0 10px;
    color:#751163;
    font-family:century gothic, helvetica, arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    text-align:right;
}
#country-hide input,
#country-hide select {
    float:left;
    width:155px;
    margin:0 0 10px;
    padding-bottom:0;
    font-family:century gothic, helvetica, arial, sans-serif;
    font-size:16px;
    font-weight:normal;
    border:1px solid #707070;   
}
#country-hide input {
    width:150px;
}