@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; }

body { background: url(../images/bg.png) repeat-x #1f1f1f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
a { outline: none; }
p { line-height: 1.4; }

.wrapper { width: 962px; margin: 0 auto 0 auto; }
.clear { clear:both; width: 100%; line-height:1px; font-size:1px; }

.top {}
.top .logo { float: left; width: 95px; height: 110px; margin: 20px 0 0 12px; }
.top .logo a { text-indent: -3000px; overflow: hidden; width: 95px; height: 110px; background: url(../images/logo.gif) no-repeat; display: block; }
.top .navigation { float:left; width: 855px; }
.top .navigation .account { margin: 20px 10px 0 0; text-align: right; float: right; width: 190px; }
.top .navigation .account .label { float: left; padding: 7px 10px 0 0; }
.top .navigation .account .button-1 { cursor: pointer; display: inline-block; float: right; background: url(../images/bg-button-1.gif) top left no-repeat; height: 31px; padding: 0 0 0 20px; text-decoration: none; color: #fff; }
.top .navigation .account .button-1 span { display: inline-block; float: left; background: url(../images/bg-button-1.gif) top right no-repeat; height: 25px; padding: 6px 20px 0 0; }
.top .navigation .menu { margin: 40px 10px 0 0; float: right;}
.top .navigation .menu ul { list-style: none; }
.top .navigation .menu ul li { float: left; margin-left: 5px; }
.top .navigation .menu ul li a { cursor: pointer; font-weight: bold; text-shadow: 1px 1px 1px #505355; color: #fff; font-size: 14px; text-decoration: none; display: inline-block; height: 35px; background: url(../images/bg-button-2-off.gif) left top no-repeat; padding: 0 0 0 15px; }
.top .navigation .menu ul li a span { display: inline-block; height: 27px; background: url(../images/bg-button-2-off.gif) right top no-repeat; padding: 8px 15px 0 0; }
.top .navigation .menu ul li.active a,
.top .navigation .menu ul li.active a span,
.top .navigation .menu ul li a:hover span,
.top .navigation .menu ul li a:hover { background-image: url(../images/bg-button-2-on.gif); }

.content-box { width: 890px; height: 295px; padding: 22px 40px 39px 32px; background: url(../images/bg-content.gif) no-repeat; margin-top: 10px; }
.content-box .content-in { padding-top: 25px; width: 505px; float: left; }
.content-box .content-img { width: 385px; height: 340px; float: left; background: url(../images/portable.png) no-repeat; }
.content-box .content-in h1 { text-indent: -3000px; width: 438px; height: 75px; overflow: hidden; background: url(../images/label-1.gif) no-repeat; }
.content-box .content-in h2 { text-indent: -3000px; width: 438px; height: 45px; overflow: hidden; background: url(../images/label-2.gif) no-repeat; margin-top: 15px; }
.content-box .content-in h3 { text-indent: -3000px; width: 198px; height: 45px; overflow: hidden; background: url(../images/label-3.gif) no-repeat; margin-top: 35px; } 
.content-box .content-in ul { list-style: none; }
.content-box .content-in ul li { float: left; margin-right: 20px; }
.content-box .content-in ul li.see { padding-top: 5px; }

.boxes { margin: 20px 0 20px 0; }
.boxes ul { list-style: none; }
.boxes ul li { float: left; border-left: 1px solid #383838; padding: 10px; width: 220px; height: 170px; font-size: 13px; }
.boxes ul li span { color: #b9087b; }
.boxes ul li a {
	color: #b9087b; 
	text-decoration: none;
}
.boxes ul li a:hover {
text-decoration: underline;
}

.boxes ul li.first { border-left: none; width: 219px; }
.boxes ul li.first h3 { text-indent: -999pt; height: 149px; width: 172px; background: url(../images/label-4.gif) no-repeat; }
.boxes h3 { font-size: 20px; margin-bottom: 20px; }
.boxes ul li img { float: left; margin-right: 10px; }

.bottom { width:  940px; margin: 10px auto 20px; }
.bottom .links { float: left; }
.bottom .links ul { list-style: none; margin-top: 5px; }
.bottom .links ul li { float: left; margin-right: 15px; }
.bottom .links a { color: #6b6f72; text-decoration: none; }
.bottom .links a:hover { text-decoration: underline; }
.bottom .social { float: right; }
.bottom .social ul { list-style: none; margin-top:5px; }
.bottom .social ul li { margin-left: 5px; float: left; }

#content {
	width: 940px;
	margin: 20px auto 40px;
}

#content a {
	color: #b9087b;
}

#sell-better {
	width: 780px;
	height: 80px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	background: transparent url('../images/how-works-h1.png') 0 50% no-repeat;
}

.subhead {
	font-size: 18px;
	font-weight: 700;
	color: #21f2f9;
	padding: 12px 0;
}

.contentbox {
	width: 880px;
	height: 186px;
	background: transparent url('../images/content-box-bg.png') 0 50% no-repeat;
	padding: 30px;
	position: relative;
	margin-top: 60px;
}

.contentbox p {
	display: block;
	width: 440px;
	padding: 20px 0;
	font-size: 14px;
	line-height: 20px;
	text-shadow: #1f1f1f 1px 1px 1px;
}

.contentbox img {
	position: absolute;
	top: -40px;
	right: 30px;
}

.odd img {
	left: 30px;
}

.odd h2, .odd p {
	margin-left: 380px
}

.contentbox h2 {
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	width: 450px;
	height: 25px;
}

#portable {
	margin-top: 20px;
}

#portable img {
	top:  -60px;
}

#portable h2 {
	background: transparent url('../images/h2-portable.png') -7px 50% no-repeat;
}

#locations h2 {
	margin-left: 380px;
	background: transparent url('../images/h2-locations.png') 0 50% no-repeat;
}

#locations img {
	top:  -20px;
	left: 50px;
}

#locations p {
	margin-left: 380px;
}

#stay h2 {
	background: transparent url('../images/h2-stay.png') 0 50% no-repeat;
}

#stay img {
	right: 80px;
	top:  -30px;
}

#stay p {
	width: 480px;
}

#pricing h2 {
	background: transparent url('../images/h2-pricing.png') 0 50% no-repeat;
}

#pricing img {
	top:  -20px;
}

#payments h2 {
	background: transparent url('../images/h2-payments.png') -2px 50% no-repeat;
	height: 50px;
	margin-left: 380px;
}

#payments p {
	margin-left: 380px;
}

#payments img {
	left: 50px;
	top:  -10px;
}

#simple img {
	top: 30px;
	left:  50px;
}

#simple h2 {
	background: transparent url('../images/h2-simple.png') 0 50% no-repeat;
}

/* twitter updates */

.twtr-hd, .twtr-ft {
	display: none;
}


/* faq */

#faq {
	width: 441px;
	height: 34px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	background: transparent url('../images/faq.png') 0 50% no-repeat;
}

#questions {
	float: right;
	width: 280px;
	border-top: 1px solid #383838;
	margin-top: 20px;
}

#questions li {
	display: block;	
}

#questions a {
	display: block;
	padding: 9px;
	font-size: 14px;
	border-bottom: 1px solid #383838;
	text-decoration: none;
	background: transparent url('../images/faq-q-bg.png') 100% 0 repeat-y;
	}

#questions a:hover {
	text-decoration: underline;
		background: transparent url('../images/faq-qo-bg.png') 50% 0 repeat-y;
		color: #fff;
}

.faqbox {
	width: 530px;
	height: auto;
	background: transparent url('../images/faq-box-bg.png') 0 0 no-repeat;
	padding: 27px 30px 30px 80px;
	position: relative;
	margin-top: 20px;
}

.faqbox p {
	display: block;
	padding: 20px 0;
	font-size: 14px;
	line-height: 20px;
	width: auto;
	text-shadow: #1f1f1f 1px 1px 1px;
}

.faqbox h2 {
	color: #21f2f9;
	display: block;
	text-indent: 0;
	overflow: auto;
	width: auto;
	height: auto;
	font-size: 22px;
	text-shadow: #1f1f1f 1px 1px 1px;
}

#pricing-page {
	margin-top: 10px;
}


#pricing-page img {
	top: -10px;
	right: 40px;
}

#pricing-page h2 {
	width: 373px;
	height: 71px;
	background: transparent url('../images/pricing-header.png') 0 0 no-repeat;
	margin: 10px 0 10px 10px;
}

#pricing-page h3 {
	display: block;
	width: 388px;
	height: 42px;
	overflow: hidden;
	text-indent: -3000px;
	background: transparent url('../images/pricing-subheader.png') 0 0 no-repeat;
	margin: 20px 0 0 10px;
}

.lc {
	width: 440px;
	float: left;
	padding: 20px 30px 0;
}

.lc p {
	display: block;
	padding: 12px 0;
	font-size: 14px;
	line-height: 20px;
	width: auto;
	text-shadow: #1f1f1f 1px 1px 1px;
}

.rc {
	float: right;
	width: 360px;
	padding: 20px 30px;
	text-align: center;
}

#upsi-inner {
	width: 343px;
	height: 30px;
	overflow: hidden;
	text-indent: -3000px;
	display: block;
	background: transparent url('../images/upsi-inner.png') 0 0 no-repeat;
	margin: 20px;
}

#signup {
	background: transparent url('../images/try-owjo.png') 0 0 no-repeat;
	width: 270px;
	height: 60px;
	display: block;
	margin: 12px auto;
	text-indent: -3000px;
	overflow: hidden;
}


fieldset { padding: 0; clear: both; display: block; }
label, input {float: left; display: block;  }
label { font-size: 12px; color: #fff; font-family: Helvetica, Arial; padding: 5px 0 2px; margin-right: 5px; text-shadow: #000 1px 1px 1px; }
.textinput { padding: 3px 5px; font-size: 14px; font-family: Helvetica, Arial; color: #333; width: 190px; margin-right: 25px; border: 1px solid #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.submit { width:  75px; height: 30px; cursor: pointer; border: 0; color: #fff; padding: 0;  font-size: 11px; font-family: Helvetica, Arial; background: url('../images/subscribe.png') 0 0 no-repeat; margin: 10px 25px 0 0; float: right; }