/* ----------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";
@import "lib/grid.css";


/* Site
-------------------------------------------------------------- */

body {  }

#container { width:896px; margin: 0 auto; }

table.memberships { margin-bottom:30px; }
table.memberships th { background:#eee; text-align:center; padding-top:10px; padding-bottom:10px; }
table.memberships td { padding:10px; }

/* Header
-------------------------------------------------------------- */

#header { margin-top:64px; position:relative; }
#header h1 { z-index:-1; top:-116px; left:-90px; position:absolute; width:395px; height:241px; background:url("../images/logo.gif") no-repeat; text-indent:-9000px; }

#header ul { margin:0; float:right; }
#header ul li { list-style-type:none; float:left; }
#header ul li a { color:#6EAEEC; padding:6px 12px; font-family:"Myriad Pro", Arial; text-transform:uppercase; font-size:16px; font-weight:600; }

#header ul.social { position:absolute; padding:0; margin:0; width:40px; top:-40px; right:0; }
#header ul.social li { text-indent:-90000px; padding:0; margin:0; display:block; float:left; width:32px; height:32px; }
#header ul.social li a { display:block; float:left; width:32px; height:32px; }
#header ul.social li.facebook a { background:url("../images/facebook.png") no-repeat; padding:0; margin:0;  }
#header ul.social li.twitter a { background:url("../images/twitter.png") no-repeat ; padding:0; margin:0; margin-left:8px;}

/* Home Specific
-------------------------------------------------------------- */

#home-banner { padding-left:426px; padding-right:50px; background:#ccc; margin-top:14px; height:214px; background:url("../images/main-banner-img.jpg") no-repeat; }
#home-banner h2 { margin-bottom:4px; width:357px; height:80px; background:url("../images/relax.gif") no-repeat bottom; text-indent:-9000px;}
#home-banner p { color:#fff; font-size:14px; margin-left:24px; line-height:20px; margin-bottom:0; }
#home-banner ul { margin:6px 0 0 20px; }
#home-banner ul li { list-style-type:none; }
#home-banner ul li a.buy { display:block; float:left; width:157px; height:35px; background:url("../images/buy.png") no-repeat; text-indent:-9000px; }
#home-banner ul li a.sell { display:block; float:left; width:157px; height:35px; background:url("../images/sell.png") no-repeat; text-indent:-9000px; }

#sub-banner { margin-top:14px; height:81px; }
#sub-banner.vacations { background:url("../images/vacation-banner.jpg") no-repeat; }
#sub-banner.newsletters { background:url("../images/newsletters-banner.jpg") no-repeat; }
#sub-banner.testimony { background:url("../images/testimony-banner.jpg") no-repeat; }
#sub-banner.contact { background:url("../images/contact-banner.jpg") no-repeat; }
#sub-banner.buy { background:url("../images/buy-banner.jpg") no-repeat; }
#sub-banner.sell { background:url("../images/sell-banner.jpg") no-repeat; }
#sub-banner h1 { text-indent:-9000px; }

#sub-content { position:relative; background:url("../images/sub-content-grad.jpg") repeat-x top; padding:20px 280px 20px 24px; }
#sub-content p { color:#6e6e6e; font-size:13px; }
#sub-content h2 { color:#494949; margin-bottom:6px; font-size:20px; }
#sub-content h3 { color:#494949; margin-bottom:10px; font-size:16px; }

#sub-content img { padding:1px; border:4px solid #eee; }
img.left { float:left; margin:2px 20px 14px 0px; }
img.right { float:right; margin:2px 0px 14px 20px; }

#sub-content #sub-side { width:207px; position:absolute; top:-40px; right:24px; }
#sub-content #sub-side p { font-size:12px; color:#999; }
#sub-content #sub-side img { border:none; margin-bottom:20px; }

#sub-content ul { margin-left:30px; }
#sub-content ul li { list-style-type:disc; line-height:20px; font-size:13px; color:#6e6e6e; }

#home-content { margin-top:10px; background:#F3F3F3; }
#home-content #left-column { position:relative; float:left; width:446px; background: url("../images/home-content-left.jpg") top left no-repeat; }
#home-content #left-column p { color:#6E6E6E; font-size:16px; margin-left: 70px; margin-bottom:0; padding-top:6px;}
#home-content #left-column p span { font-family:Times; font-size:23px; color:#1C712C; font-weight:bold;}
#home-content #right-column { position:relative; float:right; width:446px; background: url("../images/home-content-right.jpg") top right no-repeat; }
#home-content #right-column p { width:190px; margin-left:22px; padding-top:16px; color:#6E6E6E; }
#home-content-bot { height:6px; background:url("../images/home-content-bot.jpg") no-repeat; }

#home-content #right-column div.r-img { position:absolute; top:10px; right:12px; }
#home-content #left-column div.l-img { position:absolute; top:100px; left:18px; }

h3.help { margin-left:22px; margin-top:20px; width:311px; height:16px; background:url("../images/helps.png") no-repeat; text-indent:-9000px; }
h3.worldmark { margin-left:22px; margin-top:20px; width:184px; height:16px; background:url("../images/worldmark.png") no-repeat; text-indent:-9000px; }

#home-footer { position:relative; height:113px; background:url("../images/footer.jpg") no-repeat; clear:both; }
#home-footer blockquote { color:#9D0C0C; margin-left:82px; margin-top:3px; padding-top:20px; font-family:Georgia, serif; font-style:italic; font-size:16px; }
#home-footer span.author { bottom:22px; right:80px; position:absolute; font-family:georgia, times; text-transform:uppercase; }

#sub-content ul.newsletters { margin-top:14px; margin-bottom:100px; }
#sub-content ul.newsletters li { font-size:19px; list-style-type:none; margin-bottom:20px; }
#sub-content ul.newsletters li a { padding:10px 0 10px 38px; background:url("../images/paper.png") no-repeat center left; }
#sub-content ul.newsletters li p { font-size:15px; padding:0; margin:0; margin-top:4px; margin-left:38px; }