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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,legend,p,blockquote,th,td,button{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,legend,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #333;
	background: url('../images/body_bg.gif') top center no-repeat #570001;
}

strong, b{
	font-weight:bold;
}

em, i {
	font-style:italic;
}

a, a:visited {
	color:#b10102;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}

p {
	text-align:left;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	color:#111;
}

/* main wrappers */
#wr_body {
	width:100%;
	margin:0 auto;
	text-align:center;
	background: url('../images/wr_body_bg.png') top center repeat-y;
}

#wr_header {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#wr_main {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#wr_footer {
	width:100%;
	margin:0 auto;
	background:none;
}

/* section divs */

#header {
	width:1000px;
	height:125px;
	margin:0 auto;
	padding:0;
	background:url('../images/header_bg.png') 0px 0px repeat-x #fff;
	
	text-align:left;
}

#header h1.logo {
	float:left;
	position:relative;
	width:230px;
	height:125px;
	text-indent:-3000px;
	background:url('../images/logo_redguide.png') top left no-repeat;
}

#main h2.title {
	float:left;
	width:100%;
	padding:0.0em 0em 0.4em 0em;
	margin-bottom:0.3em;
	border-bottom:1px dashed #ce4c4d;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	color:#444;
}

#main h2.subtitle {
	float:left;
	width:100%;
	padding:0.0em 0em 0.0em 0em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	color:#444;}

#header h1.mission {
  float: right;
  font-size: 20px;
  margin-right: 35px;
  margin-top: 27px;  
  color: #555555;
}

#main {
	width:980px;
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	text-align:left;
}

#main .main_col_left {
	float:left;
	width:595px;
	margin-left:45px;
	
	xbackground-color:#06C;
	
}
#main .main_col_right {
	float:right;
	width:270px;
	margin-right:40px;
	
	xbackground-color:#FC0;
}

#main h1 {
	float:left;
	width:100%;
	padding:0.0em 0em 0.0em 0em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	color:#444;
}

#main h1.title {
	float:left;
	width:100%;
	padding:0.0em 0em 0.4em 0em;
	margin-bottom:0.3em;
	border-bottom:1px dashed #ce4c4d;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	color:#444;
}
#main h2 {
	float:left;
	width:90%;
	padding:0.0em 0em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
}
#main .hero_image {
	float:left;
	width:590px;
	height:300px;
	background:url('../images/hero_image_beach.jpg') top left no-repeat;
}
#main .hero_image_deluxe {
	float:left;
	width:590px;
	height:340px;
	background:url('../images/lp_hero_dreambag.jpg') top left no-repeat;
}
#main .hero_image .caption {
	float:left;
	width:560px;
	margin-left:10px;
	padding:5px 5px;
	background:url('../images/white_fade.png') top left;
	position:relative;
	text-align:center;
	
	top:235px;
}
#main .hero_image_deluxe .caption {
	float:left;
	width:560px;
	margin-left:10px;
	padding:5px 5px;
	background:url('../images/white_fade.png') top left;
	position:relative;
	text-align:center;
	
	top:275px;
}

#main .caption em {
	float:left;
	width:100%;
	padding-left:5px;
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#000;
	position:relative;
	
	bottom:0px;
}

#main .hero_image_deluxe .caption em {
	font-size:22px;
}
#main p {
	float:left;
	width:95%;
	padding:0.1em 0em 0.6em 0em;
}
#main hr {
	border: none 0; 
	border-top: 1px dashed #ce4c4d;/*the border*/
	margin-bottom:10px;
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
#main hr.form {
	border: none 0; 
	border-top: 1px dotted #b0b0b0;/*the border*/
	margin:0 auto;
	margin-bottom:5px;
	width:100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
div .main_download {
	float:left;
	width:580px;
	padding:5px;
	text-align:center;
	background-color:#eee;
	border:1px solid #ddd;
	margin-bottom:10px;
}
div .message {
	float:left;
	width:580px;
	padding:5px 5px 1px 10px;
	background-color:#eee;
	border:1px solid #ddd;
	margin-bottom:10px;
}
div .message p {
	font-size:12px;
	color:#007cd2;
}
div .form_email {
	float:left;
	width:350px;
	padding-bottom:4px;
}
div .form_email input {
	float:left;
	width:250px;
	height:20px;
	margin-right:10px;
}
div .form_email .button_email {
	float:left;
	width:60px;
	padding-bottom:4px;
	color:#fff;
}
div .form_email .button_email a {
	float:left;
	font-size:12px;
	padding:4px 8px;
	background-color:#007cd2;
	color:#fff;
}
div.button_download {
	width:245px;
	height:50px;
}
div.button_download a {
	float:left;
	width:100%;
	height:100%;
	cursor:pointer;
	background:url('../images/button_download_bg.png') 0px 0px no-repeat;
}
div.button_download a:hover {
	text-decoration:none;
	background:url('../images/button_download_bg.png') 0px -50px no-repeat;
}
div.button_download_text {
	float:left;
	padding-top:12px;
	padding-left:45px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-shadow:#555 0px 1px 3px;
	color:#fff;
}
div.button_download_text_small {
	float:left;
	padding-top:14px;
	padding-left:45px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-shadow:#555 0px 1px 3px;
	color:#fff;
}
div.error {
	float:left;
	padding:10px 0px 6px 0px;
	width:240px;
	font-size:12px;
	font-weight:bold;
	background-color:#6CF;
}
div.error ul,
ul.form_register div.error ul {
	float:left;
	width:220px;
}
div.error li,
ul.form_register div.error li {
	float:left;
	width:220px;
	color:#900;
}
span.red {
	color:#a30102;
}

ul.features {
	float:left;
	width:100%;
	padding:0.4em 0em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#007cd2;
}
ul.features li {
	float:left;
	width:530px;
	padding:0.2em 0em 0.2em 2.0em;
	line-height:1.0em;
	background:url('../images/li_features_bg.gif') 10px 4px no-repeat;
}
ul.features li p {
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

ul.features ul li {
	background:none;
}

.main_col_right form {
	float:left;
	width:270px;
	background:url('../images/form_bg.png') bottom left no-repeat #fff;
	margin-top:0px;
}
.main_col_right ul.form_register,
.main_col_right ul.form_register_small {
	float:left;
	width:270px;
	background:url('../images/form_bg.png') top left no-repeat #fff;
	
	padding-top:20px;
	margin-bottom:10px;
}
.main_col_right h3 {
	float:left;
	width:250px;
	margin-bottom:8px;
	margin-left:10px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#555;
}
ul.form_register li,
ul.form_register_small li,
ul.list_form li {
	float:left;
	width:245px;
	margin-left:12px;
	margin-bottom:8px;
}
ul.form_register_small li {
	margin-bottom:4px;
}
ul.form_register li.half ,
ul.form_register_small li.half {
	width:98px;
}

ul.form_register li.oneline,
ul.form_register_small li.oneline,
ul.list_form li.oneline
{
  /*
	float:left;
	width:90%;
  */
}
ul.form_register li.tiny-oneline,
ul.form_register_small li.tiny-oneline,
ul.list_form li.tiny-oneline
{
  /*
	float:left;
	width:90%;  */
  margin-bottom:0px;
}
.form_register label,
.form_register_small label,
.list_form label {
	/* float:left; 
	width:210px;*/
	margin-left:12px;
	padding-bottom:2px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.form_register_small label {
	font-size:12px;
}
.list_form label.nopad {
	float:left;
	width:210px;
	margin-left:0px;
	padding-bottom:2px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.form_register label.short,
.form_register_small label.short,
.list_form label.short {
	float:right;
	width:202px;
	margin-left:2px;
	margin-right:8px;
	margin-bottom:4px;
	
	font-size:12px;
}
.form_register label.long,
.form_register_small label.long,
.list_form label.long {
	float:left;
	width:400px;
	margin-left:12px;
	margin-right:8px;
	margin-bottom:4px;
	text-align:left;
}
.form_register label.long_small,
.form_register_small label.long_small,
.list_form label.long_small {
	float:left;
	width:400px;
	margin-left:12px;
	margin-right:8px;
	margin-bottom:4px;
	text-align:left;
	
	font-size:12px;
}
.form_register label.smalltxt,
.form_register_small label.smalltxt,
.list_form label.smalltxt{
	font-size:12px;
}
.form_register input,
.form_register select,
.form_register_small input,
.form_register_small select,
.list_form input,
.list_form select {
	float:left;
	width:210px;
	margin-left:12px;
	padding:2px 3px;
	
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.form_register_small input,
.form_register_small select {
	font-size:12px;
	padding:1px 2px;
}
.form_register_small li.half input,
.form_register_small li.half select {
	width:100px;
}
.form_register p,
.form_register_small p {
	float:left;
	width:400px;
	margin-left:12px;
	font-size:11px;
}
input.input_long {
	width:465px;
}
.form_register select,
.list_form select {
	width:auto;
}
.form_register input.radio,
.form_register_small input.radio,
.list_form input.radio {
	float:left;
	width:14px;
}
.form_register input.checkbox,
.form_register_small input.checkbox,
.list_form input.checkbox{
	float:left;
	width:14px;
}

#footer {
	width:990px;
	height:40px;
	margin:0 auto;
	margin-top:0px;
	padding:10px 5px 5px 5px;
	background:url('../images/footer_bg.gif') top left repeat-x #fff;
	border-top:1px solid #980028;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#777;
}

#footer ul {
	width:800px;
	padding-left:15px;
	float:left;
}
#footer ul li {
	float:left;
	padding:5px 0px 5px 20px;
}
#footer li a {
	color:#777;
}
#footer li a:hover {
	color:#555;
	text-decoration:underline;
}

.clear {
	clear:both;
}
#main .color_red {
	color:#b10102 !important;
}
#main .color_gray {
	color:#777
}
#main .strike {
	text-decoration:line-through;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#main .font_size_12px {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#main .font_size_14px {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#main .m_t_1em {
	margin-top:1em;
}
#main .m_t_2em {
	margin-top:2em;
}
#main .m_b_1em {
	margin-bottom:1em;
}
#main .m_b_04em {
	margin-bottom:0.4em;
}
#main .p_b_1em,
.p_b_1em {
	padding-bottom:1em;
}
#main .list_normal {
	width:auto;
	float:left;
	background-image:none;
	padding:0px;
	margin:0px;
	margin-left:0.2em;
}
#main .list_normal li {
	width:100%;
	float:left;
	background:url('../images/li_normal_bg.gif') 0px 5px no-repeat;
	padding:0px;
	margin:0px;
	padding-left:16px;
}
#main .list_normal li p {
	font-size:12px;
	line-height:120%;
	width:100%;
}

.form_register input.form-checkbox,
.form_register_small input.form-checkbox,
.list_form input.form-checkbox{
	float:left;
	width:14px;
}

.form_register input.form-radio,
.form_register_small input.form-radio,
.list_form input.form-radio {
	float:left;
	width:14px;
}