/* CSS Document */

body {
	background-color: #fefefe;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px; }
	
a {
	color: #666666;
	text-decoration: none; }
a:hover {
	color: #000000; 
	text-decoration: none; }

a.blue {
	color: #0096ce;
	text-decoration: none; }
a.blue:hover {
	color: #000000; 
	text-decoration: none; }
	
.faq_entry {
	padding-left: 14px;
}
	
/* wrap */
#shadow_wrap{
	background-image: url(../images/shadow_bg.png);
	background-repeat: repeat-y;
	width: 900px;
	margin: 0 auto;
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}

#wrap {
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat;
	background-color: #fff;
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	text-align: left; }

#sub_wrap {
	background-image: url(../images/sub_background.png);
	background-repeat: repeat;
	background-color: #fff;
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	text-align: left; }

#huevia_logo {
	margin-top: 16px;
	margin-left: 20px;
	float: left;
	position: absolute;
	z-index: 3;
}

/* nav */
#nav {
	margin: 0px;
	background-color: #ffffff;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	float: left top;
	width: 100%; 
	height: 90px;
	z-index: 2;}

#nav a {
	text-decoration: none;
	margin-right: 30px;
	padding: 0;
	color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	height: 90px;
	display: inline;
	float: right; }
#nav a:hover { background-position: 0 -90px; }
#nav a.here { background-position: 0 -90px; }
#nav a.right { float: right; margin-right: 10px; }

#nav a#plans { background-image: url(../images/nav/plans.png); }
#nav a#about { background-image: url(../images/nav/about.png); }
#nav a#support { background-image: url(../images/nav/support.png); }
#nav a#billing { background-image: url(../images/nav/billing.png); }
#nav a#contact { background-image: url(../images/nav/contact.png); }
#nav a#account { background-image: url(../images/nav/account.gif); }

#right_col a {
	margin-top: 10px;
	margin-right: 40px;
	text-decoration: none;
	padding: 0;
	color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	height: 134px;
	display: inline;
	float: right;
	}
	
#right_col a#who:hover { background-position: 0 -134px; }
#right_col a#who { background-image: url(../images/banners/banner_1_rollover.png); }

#right_col a#referral {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 40px;
	text-decoration: none;
	padding: 0;
	color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	height: 123px;
	display: inline;
	float: right;
	}
#right_col a#referral:hover { background-position: 0 -123px; }
#right_col a#referral { background-image: url(../images/banners/banner_2_rollover.png); }

p.intro_statement {
	font-weight:normal;
	font:12px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height:14px;
	color:#3d3d3d;
	width: 375px;
}

#about_background {
	background-image: url(../images/about_us_background.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 900px;
	height: 600px;
}

/* header */
#header {
	float: left;
	width: 100%; }

/* index content */

#index_content {
	margin-top: 250px; 
	width: 900px;}
	
#referral_content {
	margin-top: 20px; 
	width: 900px;}
	
#content {
	margin-top: 40px; 
	width: 900px;}
	
#content_plans {
	margin-top: 80px; 
	width: 900px;}
	
#menu_shadow {
	position: absolute;
	margin-left:0px;
	top: 90px;
	width: 900px;
	z-index: 2;
	}
#big_image {
	position: absolute;
	float:left;
	top: 90px;
	width: 900px;
	z-index: 1;
	}
	
#left_col {
	padding-top: 20px;
	padding-left: 42px;
	float: left;
	width: 419px; }
#right_col {
	padding-top: 40px;
	float: right;
	width: 439px; }
	
#right_col_normal_pad {
	padding-top: 20px;
	float: right;
	width: 439px; }
	
#sub_left_col {
	padding-top: 20px;
	padding-left: 42px;
	float: left;
	width: 509px; }
	
#sub_right_col {
	padding-top: 40px;
	float: right;
	width: 349px; }


/* plans */

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 774px;
  height: 300px;
  background: url(../images/plans_bg_dots.png) no-repeat;
  background-position: 42px 0px;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .platinum {
  width: 307px;
  height: 62px;
  background: url(../images/platinum.png) no-repeat;
  left: 500px;
  top: 0px;
}
#menu .platinum span {
  width: 437px;
  height: 289px;
  background: url(../images/plan_dots.png) no-repeat;
  background-position: 0 0px;
  left: -458px;
  top: -1px;
}

#menu .gold {
  width: 298px;
  height: 62px;
  background: url(../images/gold.png) no-repeat;
  left: 500px;
  top: 70px;
}
#menu .gold span {
  width: 437px;
  height: 289px;
  background: url(../images/plan_dots.png) no-repeat;
  background-position: 0 -289px;
  left: -458px;
  top: -71px;
}

#menu .silver {
  width: 298px;
  height: 62px;
  background: url(../images/silver.png) no-repeat;
  left: 500px;
  top: 140px;
}
#menu .silver span {
  width: 437px;
  height: 289px;
  background: url(../images/plan_dots.png) no-repeat;
  background-position: 0 -578px;
  left: -458px;
  top: -141px;
}

#menu .bronze {
  width: 298px;
  height: 62px;
  background: url(../images/bronze.png) no-repeat;
  left: 500px;
  top: 210px;
}
#menu .bronze span {
  width: 437px;
  height: 289px;
  background: url(../images/plan_dots.png) no-repeat;
  background-position: 0 -867px;
  left: -458px;
  top: -211px;
}
	
#aup {
	float: right;
}

#aup ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#aup li { margin: 0 0 0 0; }

#aup a
{
display: block;
font-weight: bold;
color: #000;
width: 316px;
padding-left: 24px;
padding-top: 4px;
padding-bottom: 3px;
vertical-align: middle;
text-decoration: none;
height: 14px;
}

#aup a.here
{
font-weight: bold;
background-color: #f4854f;
color: #000;
background: url(../images/ribbons.png) no-repeat;
background-position: 0 0px;
}

#aup a:hover
{
font-weight: bold;
background-color: #f4854f;
color: #000;
background: url(../images/ribbons.png) no-repeat;
background-position: 0 -21px;
}

#support {
	float: right;
}

#support ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#support li { margin: 0 0 0 0; }

#support a
{
display: block;
font-weight: bold;
color: #000;
width: 316px;
padding-left: 24px;
padding-top: 4px;
padding-bottom: 3px;
vertical-align: middle;
text-decoration: none;
height: 14px;
}

#support a.here
{
font-weight: bold;
background-color: #f4854f;
color: #000;
background: url(../images/ribbons.png) no-repeat;
background-position: 0 -42px;
}

#support a:hover
{
font-weight: bold;
background-color: #f4854f;
color: #000;
background: url(../images/ribbons.png) no-repeat;
background-position: 0 -21px;
}

/* buzz page */

#testimonials {
	padding: 20px;
	text-align: left;
}

#testimonial_left {
	width: 273px;
	float: left;

}

#testimonial_middle {
	width: 273px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;

}

#testimonial_right {
	width: 273px;
	float: left;

}

.testimonial_content {
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 20px;
}



/* footer */
#bottom_shadow {
	clear: both;
	background-color: #e4e4e4;
}

#footer {
	clear: both;
	background-color: #e4e4e4;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	line-height: 15px; 
	background-image: url(../images/menu_shadow.png);
	background-position: top;
	background-repeat: no-repeat;
	}
#footer p {
	margin: 0;
	padding: 0;
	color: #666666; }
	
	
.corner_middle {
	background-image: url(../images/bottom_shadow.png);
	background-repeat: repeat-x;
	height: 23px;
	width: 876px;
	float: left;
}

.corner_left {
	float: left;
}

.corner_right {
	float: right;
}

img.corner {
   width: 23px;
   height: 23px;
   border: none;
   display: block !important;
}