body { font-family: "helvetica neue", helvetica, arial, sans-serif; line-height:1.6em; margin:0; color:#7d7d7d; background:#fefefe;}
header { width:100%; padding: 20px 0 0; background:#ededec;}

a { text-decoration:none; color:#0066cc; }
a:hover, a:focus { text-decoration:underline; }

h1 {  font-size:20px; line-height:1em; color:#435f8c; margin:0 0 5px;}
h1 sup { position:relative; top:-3px; }
h2 { font-size:26px; line-height:1.05em; color:#fff; background:#435f8c; font-weight:normal; margin:0; padding:0; }
h3#special-offer { color:#f57b20; font-size:24px; padding:0; margin:0; text-transform: uppercase; }
h4 { line-height:1.4em; font-size:14px; color:#333; text-transform:uppercase; font-weight:500; }

ul { overflow: hidden; padding:0; margin:0;}
ul li { list-style-type: none; display:block; float:left; }

#lp-wrap, #offer-container { height:650px; }

#lp-wrap { 
	border-left: 2px solid #999; border-right:2px solid #999; border-bottom:2px solid #999;
	-moz-box-shadow: 0 0 20px 10px #ccc;
	-webkit-box-shadow: 0 0 20px 10px #888;
	box-shadow: 0 0 20px 10px #888;
}

p#app-info { font-size:16px; width:610px; }

.sprite { background:url(img/sprite-phones.jpg) no-repeat -1000em -1000em; display:block; float:left; text-indent: -1000em; }
ul#phone-list { margin:20px 0 15px;}
ul#phone-list li { width:135px; height:0; margin-right:15px; padding:250px 0 50px; text-align:center; text-indent:0 !important;}
ul#phone-list li.first { margin-left:15px;} 
.sprite#iphone { background-position: top left; }
.sprite#blackberry { background-position: -136px 0; width:141px; }
.sprite#android { background-position: -277px 0 ;}
.sprite#windows { background-position: -413px 0; width:126px;}
.sprite#epro-direct-logo { background-position: -547px 0; width:89px; height:23px; display:inline-block; float:none;} 
 

#content { overflow: hidden; } 
#lp-wrap { width:995px; margin:auto; position:relative;}

#logo{margin-left:30px;}
#logo a { display:block; border:1px solid right; text-indent:-1000em; width:270px; height:56px; background:url('http://hound.s3.amazonaws.com/img/ui/conference-hound-logo-med.png') top left no-repeat; }
#tagline { margin-top:23px; }
#tagline h2 { margin:0; padding:5px 0 5px 50px; }

#content-lt { width:635px; float:left; display:block; overflow:hidden; padding: 20px 35px 20px 47px; }
#content-rt { width:300px; float:left; display:block; overflow:hidden; }

#legalese { font-size:10px; line-height:1.4em;}

#offer-container { 
	position:absolute; 
	top:0; right:0; 
	width:230px; margin:0 10px 0 0; padding:0 40px;
	background:transparent url('img/right-rail.png') repeat-y top left; 
}
#offer-container .offer-content { padding:62px 0 0; }
#special-offer-info { color:#f57b20; line-height:1.4em; font-size:12px; margin:12px 0 7px; font-weight:bold;}
#offer-container label { color:#898989; width:75px; text-align:right; margin:1px 5px 1px 0; display:block; float:left; font-weight:400; line-height:1.2em; padding-top:6px; }
#offer-container label.dbl { position:relative; top:-6px; }
#offer-container label.hint { position:absolute; width:auto; left:126px; color:#c3c3c3; }
#offer-container input { width:130px; display:block; float:left; margin:1px 0; padding:5px; border-style:solid; border-width:2px 1px 1px; border-color:#aaa #bbb #ddd;
/*
 	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
*/
}

#special-offer-form { margin: 15px 0 110px; font-size:12px; }
#special-offer-form button { margin-top:20px; float:right; font-size:14px; color:white; padding:7px 8px; background:#324665; border:1px solid #4573be; background-image: -webkit-gradient(linear, left top, left bottom,from(#7a8ead),to(#324665)); background-image: -moz-linear-gradient(top,#7a8ead,#324665);  
	text-shadow: #293755 2px 2px 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display:block;
	cursor:pointer; _cursor:default;
}

#special-offer-form button:active { margin:21px 1px 0 0; }


div.row { margin:2px 0; overflow:hidden;}
#footer-offer { font-size:10px; width:220px; position:absolute; bottom:10px; }

#offer-container input.honpt, #offer-container input.beept { display:none; }	/* for the spammers - honeypot/beepot css hide field trick */


/* spinners */
.spinner {
	display:none;
	z-index:9999; position:fixed; overflow:hidden; top:10%; left:50%; text-align:center;
    width:32px;			/* width of the spinner gif */
    height:32px;		/* height of the spinner gif +2px to fix IE8 issue */
	margin-left:-16px;	/* half width of the spinner gif */
	margin-top:-16px;	/* half height of the spinner gif */
}


@-moz-document url-prefix() {
	/* mozilla hacks */
}