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

@font-face {

	font-family:"OpenSans-Regular";

	src:url("../fonts/OpenSans-Regular.ttf") format("truetype");

}

@font-face {

	font-family:"OpenSans-Italic";

	src:url("../fonts/OpenSans-Italic.ttf") format("truetype");

}

@font-face {

	font-family:"OpenSans-Semibold";

	src:url("../fonts/OpenSans-Semibold.ttf") format("truetype");

}

@font-face {

	font-family:"OpenSans-Bold";

	src:url("../fonts/OpenSans-Bold.ttf") format("truetype");

}

body {
	margin:0;
	padding:0;
	font:normal 15px "OpenSans-Regular", Arial, Helvetica, sans-serif;
	color:#222;
	line-height:1.4em;
	background:#FFF;
}
a {
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;

	outline: none;
	color:#363636;
	text-decoration:none;
}
a:hover {
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;

	outline: none;
	color:#ee716a;
	text-decoration:none;
}
ul,
li,
p,
form {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
img {
	border:none;
}
.clear {
	display:block;
	clear:both;
}
h1, h2, h3, p, form, ul, li, ol {
	margin:0;
	padding:0;
}
.left {
	float:left;
}
.right {
	float:right;
}

/* layout */
.wrapper {
	margin:0 auto;
	position:relative;
	width:980px;
	clear:both;
	padding:0 20px;
}
#header {
	padding-bottom:10px;
}
#banner {
	background:#f4f4f4 url(../images/banner_bg.jpg) no-repeat center bottom / 100% 426px;
	min-width:1020px;
}
#member_title {
	text-align:center;
}
#step1 {
	background:#f4f4f4;
	min-width:1020px;
}
#step2 {
	min-width:1020px;
}
#step3 {
	background:#f4f4f4;
	min-width:1020px;
}
#step4 {
	min-width:1020px;
}
#step5 {
	background:#7ccdd2;
	min-width:1020px;
}
#testimonials {
	margin-top:90px;
	background:#f0f0f0;
	border-top:5px solid #ee716a;
	min-width:1020px;
}
#as_seen_in {
	border-bottom:5px solid #ee716a;
	padding:10px 0;
	min-width:1000px;
}

/* header */
.logo {
	float:left;
}

.top_links {
	float:right;
	margin:0 0 0 60%;
	padding-top:10px;
}
.top_links li {
	float:left;
	border-right:1px solid #c4c4c4;
	padding:0 15px;
}
.top_links li.last {
	border-right:0;
	padding-right:0;
}
.top_links li.login a {
	background:#57afba;
}
.top_links li.signup a {
	background:#ee716a;
}
.top_links li a {
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:5px 25px;
	font-family:"OpenSans-Bold";
	color:#FFF;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.ft_menu {
	float:right;
	padding-top:30px;
}
.ft_menu li {
	float:left;
	margin-left:60px;
}
.ft_menu li a {
	font-size:13px;
	text-transform:uppercase;
}
.ft_menu li.active a {
	color:#ee716a;
}

/* Banner */
#banner .wrapper {
	min-height:590px;
}
#banner h1 {
	text-align:center;
	font-family:"OpenSans-Semibold";
	color:#ee716a;
	line-height:90px;
	font-weight:normal;
	font-size:55px;
}
#banner p.subtitle {
	text-align:center;
	font-size:20px;
	padding-bottom:15px;
	background:url(../images/border.png) no-repeat center bottom / 35% 2px;
}
#banner p {
	text-align:center;
}
#banner .signup_form .pin {
	position:absolute;
	left:40%;
	top:-20px;
	width:42px;
	height:47px;
	background:url(../images/pin.png) no-repeat center;
}
#banner .img1 {
	position:absolute;
	left:0;
	bottom:10px;
}
#banner .img2 {
	position:absolute;
	left:20px;
	bottom:10px;
}
#banner .signup_form {
	position:absolute;
	right:20px;
	top:225px;
	background:#FFF;
	width:245px;
	padding:15px 15px 10px 15px;
}
#banner .signup_form .shadow {
	background:url(../images/shadow.png) no-repeat center;
	height:16px;
	width:100%;
	position:absolute;
	bottom:-16px;
	left:0;
}
#banner .signup_form h2 {
	text-align:center;
	color:#57afba;
	font-size:27px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:32px;
}
#banner .signup_form h3 {
	text-align:center;
	font-weight:normal;
	font-family:"OpenSans-Italic";
	font-size:20px;
	line-height:24px;
	background:url(../images/border.png) no-repeat center bottom / 45% 1px;
	padding-bottom:7px;
}
#banner .signup_form form {
	display:block;
	width:91%;
	margin:10px auto 5px;
}
#banner .signup_form input.text {
	border:1px solid #b7b7b7;
	width:90%;
	margin-bottom:10px;
	padding:7px 5%;
	color:#b7b7b7;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow:inset 0 2px 3px 1px rgba(6,6,6,.1);
	box-shadow:inset 0 2px 3px 1px rgba(6,6,6,.1);
}
#banner .signup_form input.text_half_left,
#banner .signup_form input.text_half_right {
	border:1px solid #b7b7b7;
	float:left;
	width:39.3%;
	margin-bottom:10px;
	color:#b7b7b7;
	padding:7px 5%;
	
	-webkit-box-shadow:inset 0 2px 3px 1px rgba(6,6,6,.1);
	box-shadow:inset 0 2px 3px 1px rgba(6,6,6,.1);
}
#banner .signup_form input.text_half_left {
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#banner .signup_form input.text_half_right {
	border-left:none!important;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#banner .signup_form input.submit {
	border:none;
	width:223px;
	height:40px;
	background:url(../images/signup.png) no-repeat center / 100% auto;
	cursor:pointer;
}
#banner .signup_form .note {
	font-size:11px;
	color:#b7b7b7;
	line-height:14px;
}

/* Member Title */
#member_title h1 {
	font-size:49px;
	line-height:50px;
	font-family:"OpenSans-Semibold";
	font-weight:normal;
	padding:40px 0;
}

/* Step 1 */
#step1 .wrapper {
	min-height:100px;
}
#step1 .block {
	margin:70px 0 0 0;
}
#step1 .block .img {
	margin-right:35px;
}
#step1 .block h1 {
	font-size:35px;
	font-weight:normal;
	line-height:35px;
	margin:10px 0 20px;
	color:#3d3f4b;
}
#step1 .block h1 span {
	color:#ec6962;
}
#step1 .block p {
	padding:20px 0 0 0;
	text-align:center;
	font-size:15px;
}

/* Step 2 */
#step2 .wrapper {
	min-height:100px;
	padding:75px 0;
}
#step2 .connect {
	position:absolute;
	left:115px;
	top:-50px;
}
#step2 .right {
	width:50%;
	text-align:right;
}
#step2 .right .img {
	margin:0 40px 5px 0;
}
#step2 .right h1 {
	font-size:35px;
	font-weight:normal;
	line-height:65px;
}
#step2 .right ul {
	margin:20px 0;
}
#step2 .right ul li {
	padding:3px 25px 3px 0;
	background:url(../images/bullet1.png) no-repeat right 9px;
}


/* Step 3 */
#step3 .wrapper {
	min-height:100px;
	padding:65px 0 80px;
}
#step3 .connect {
	position:absolute;
	left:115px;
	top:-60px;
}
#step3 .left {
	width:50%;
}
#step3 .left .img {
	margin:0 40px 5px 0;
}
#step3 .left h1 {
	font-size:35px;
	font-weight:normal;
	line-height:35px;
	margin:10px 0;
}
#step3 .left ul {
	margin:20px 0;
}
#step3 .left ul li {
	padding:3px 0 3px 25px;
	background:url(../images/bullet1.png) no-repeat left 9px;
}

/* Step 4 */
#step4 .wrapper {
	min-height:100px;
	padding:75px 0;
}
#step4 .connect {
	position:absolute;
	left:90px;
	top:-70px;
}
#step4 .left {
	width:55%;
	text-align:center;
}
#step4 .left .img {
	width:94px;
	border:1px solid #FFF;
	margin:0 auto 20px;
	
	-webkit-box-shadow: 0 2px 5px 5px rgba(6,6,6,.1);
	box-shadow: 0 2px 5px 5px rgba(6,6,6,.1);
}
#step4 .right {
	width:35%;
	text-align:right;
	padding:70px 0 50px;
}
#step4 .right .img {
	margin:0 40px 5px 0;
}
#step4 .right h1 {
	font-size:35px;
	font-weight:normal;
	line-height:35px;
	margin:15px 0;
}
#step4 .right p {
	margin-bottom:10px;
}


/* Step 5 */
#step5 .wrapper {
	min-height:100px;
	padding:40px 0;
}
#step5 .connect {
	position:absolute;
	right:100px;
	top:-115px;
}
#step5 h1 {
	font-size:70px;
	line-height:70px;
	color:#FFF;
	font-weight:normal;
	text-align:right;;
}
#step5 .right {
	background:#ee716a;
	font-size:42px;
	font-family:"OpenSans-Bold";
	text-align:center;
	line-height:52px;
	color:#FFF;
	padding:20px 60px;
	
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}

/* Testimonials */
#testimonials .wrapper{
	min-height:100px;
	padding:75px 0;
}
#testimonials .icon {
	position:absolute;
	right:65px;
	top:-5px;
}
#testimonials h1 {
	font-size:57px;
	line-height:57px;
	font-weight:normal;
	margin-bottom:30px;
}
#testimonials h2 {
	font-size:37px;
	line-height:37px;
	font-weight:normal;
	margin-bottom:30px;
}
#testimonials ul {
	float:left;
	width:100%;
}
#testimonials ul li {
	float:left;
	width:48%;
	margin-right:2%;
}
#testimonials ul li img {
	float:left;
}
#testimonials ul li div {
	margin-left:140px;
	font-family:"OpenSans-Italic";
}
#testimonials ul li div p {
	margin-bottom:15px;
}

/* As seen in */
#as_seen_in h2 {
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	color:#a0a0a0;
	margin-bottom:30px;
}
#as_seen_in ul {
	float:left;
	width:100%;
	padding-bottom:20px;
}
#as_seen_in li {
	float:left;
	margin:0 30px;
}

/* popup */
.jqmWindow {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #333333;
    display: none;
    left: 50%;
    margin-left: -300px;
    padding: 12px;
    position: fixed;
    top: 17%;
    width: 600px;
}
.jqmOverlay {
    background-color: #000000;
}
#jqmAddMeetingTarget.jqmWindow {
    position: absolute;
}
* iframe.jqm {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
* html .jqmWindow {
    position: absolute;
}
#jqmAddMeetingAjaxTarget .book {
    margin: 0;
    width: 100% !important;
}
#jqmAddMeetingAjaxTarget .book img {
    float: left;
    height: 120px;
    margin: 0 20px 20px 0;
    min-width: 90px;
}
#jqmAddMeetingAjaxTarget .meetingDetails {
    border-top: 1px dotted #888888;
    clear: both;
}

/* popup content */

@font-face {
    font-family: "DINBold";
    font-style: normal;
    font-weight: normal;
    src: url("/style/din-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/style/din-bold-webfont.woff") format("woff"), url("/style/din-bold-webfont.ttf") format("truetype"), url("/style/din-bold-webfont.svg#DINBold") format("svg");
}

a.big-red {
    background: none repeat scroll 0 0 #EE716A;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #B9B9B9;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'DINBold';
    font-size: 15px;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
}


#memberbox #login, #enterToWinMouseover #login, #loginform2 #login {
    background: url("/images/button-login-fs8.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 23px;
    width: 70px;
}

.ir {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: 0 none;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;}

#memberbox input[type="text"], #memberbox input[type="password"], #enterToWinMouseover input[type="text"], #enterToWinMouseover input[type="password"] {
    background: url("/images/background-textbox-180-fs8.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
    color: #444444;
    height: 16px;
    margin: 0 0 6px;
    padding: 4px;
    width: 172px;
}

#memberbox-content h3#memberlogin, #memberbox-content h3#becomemember, #enterToWinMouseover h3#memberlogin {
    background: url("/images/headings-fs8.png?v=3") no-repeat scroll left -153px rgba(0, 0, 0, 0);
    height: 10px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
}
#enterToWinMouseover{
font-family: Arial,Helvetica,sans-serif;
 line-height: 17px;
}
#enterToWinMouseover br{
 line-height: 17px;
}
a.grn {
    color: #00B7C8;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-style: italic;
}
.row {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 5px 0;
}
.padder {
    overflow: hidden;
    padding: 10px;
}
#enterToWinMouseover p {
    font-weight: normal;
    margin: 0 0 15px;
}
#enterToWinMouseover input[type="checkbox"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 0;}
#enterToWinMouseover button {
    background: none repeat scroll 0 0 #77C4CB;
    border: medium none;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #B9B9B9;
    color: #477579;
    font-family: 'DINBold';
    font-size: 11px;
    padding: 3px 8px;
}