/* --------------------- */
/* RESET
/* --------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}



/* --------------------- */
/* COMMON STYLES
/* --------------------- */

abbr { border-bottom: 1px dotted #737160;}
strong {font-weight: bold;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 10px;}
p.center { text-align: center; }

a, a:link { color: #737160; }
a:visited { color: #9A9885; }
a.hover, a:hover { text-decoration: none;}

body {
margin: 0;
padding: 0;
border: 0;
font: 110%/120% Arial, sans-serif;
line-height: 120%;
color: #737160;
background: #E4E1D4;
}



/* --------------------- */
/* HEADER
/* --------------------- */

#header {
width: 100%;
height: 353px;
border-bottom: 2px solid #FEFEFE;
background: #F2F1EA;
}

#header-wrapper {
margin: 0 auto;
padding-top: 25px;
width: 930px;
clear: both;
}


/*
  TITLE 
*/

#title {float: left; margin-left: 50px; height: 80px;}

#title h1 a,
#title h1 a:link {
width: 202px;
height: 50px;
width: 15em;
height: 3em;
display: block;
text-indent: -999em;
background: url(../images/homepage/title.jpg) no-repeat;
}


/*
  SEARCH
*/

div#search-contact {
margin-top: 37px;
width: 300px;
float: right;
}

div#search-contact form {
width: 230px;
float: left;
}

div#search-contact form input#query {
padding: 3px;
float: left;
border: 1px solid #E3E1DF;
background: #F2F1EA;
}

div#search-contact form input#query:focus {
border: 1px solid #A79A8A;
}

div#search-contact input#search-button {
position: relative;
top: 3px;
float: left;
color: #A79A8A;
text-transform: lowercase;
border: 0;
cursor: pointer;
background: none;
}

div#search-contact input#search-button:hover {
color: #8D855F;
}


/* 
  SITEMAP / CONTACT
*/

div#search-contact ul {
padding: 10px;
float: left;
font-size: 80%;
background:#eeece3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

div#search-contact ul {
text-align: center;
}

div#search-contact ul li {
line-height: .9em;
}

div#search-contact ul li a, 
div#search-contact ul li a:link,
div#search-contact ul li a:visited {
color: #979586;
font-size: .8em;
text-decoration: none;
}

div#search-contact ul li a:hover {
color: #6E6C5A;
}


/*
  SLIDESHOW / WELCOME
*/

#images-welcome-wrapper {
margin: 0 auto;
width: 800px;
}

#tiffani-images {
width: 344px;
height: 241px;
float: left;
}

#tiffani-images ul {
margin: 25px 0 0 0;
padding: 0;
width: 291px;
height: 178px;
overflow: hidden;
border: 8px solid #fbfaf2;
}

#welcome {
position: relative;
top: 35px;
margin-left: 32px;
width: 27em;
float: left;
clear: right;
font: .8em/145% Arial, sans-serif;
}

#welcome strong {
font-weight: normal;
color: #5AA79F;
}



/* --------------------- */
/* MENU
/* --------------------- */

#menu {
margin: 0 auto;
width: 705px;
height: 50px;
clear: both;
background: #DDDACC;
}



/* --------------------- */
/* WRAPPER
/* --------------------- */

#content-wrapper {
margin: 50px auto 0 auto;
width: 1000px;
clear: both;
}



/* --------------------- */
/* UPDATES
/* --------------------- */

div#updates {
margin: 0 15px 0 0;
padding: 20px 25px 20px 20px;
width: 455px;
float: left;
background: #fefefe;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}

.updatesfg .entry {
margin: 0 0 60px 0;
clear: both;
overflow: hidden;
display: block;
}

.entry h2 {
margin: 0 0 6px 0;
width: 430px;
padding: 0 0 10px 0;
color: #308c82;
font: 1.4em/1.5em Nobile, Arial, sans-serif;
background: url(../images/homepage/border-dotted.jpg) repeat-x bottom;
}

.entry h4.date {
margin: 0 0 20px 6px;
color: #979484;
font: .7em Arial, sans-serif;
}

.entry p {
margin: 0 0 20px 9px;
width: 440px;
color: #444444;
font-size: 15px;
line-height: 1.6em;
margin-bottom: 1.4em;
}

.entry p img {
margin: 0 8px 0 0;
border: 5px solid #ecebe5;
}

.entry p a img:hover {
border: 5px solid #d0cdbd;
}

.entry .clear {
clear: both;
height: 20px;
}

.entry p.noborderimg img,
.entry p.noborderimg a img,
.entry p.noborderimg a:hover img {
margin: 10px 0 0 0;
border: 0;
}

.entry p.center {
margin: 0 0 20px 0;
text-align: center;
}

.entry p.center object {
margin: 20px auto 10px auto;
display: block;
text-align: center;
}

.entry h3 {
margin: 30px 0 10px 9px;
font: 1em Nobile, Arial, sans-serif;
color: #198d81;
}

.entry h3 a {
margin-bottom: 5px;
padding: 0 0 4px 10px;
display: block;
width: 463px;
color: #5aa79f;
border-left: 1px dotted #ccc;
text-decoration: none;
}

.entry h3 a:hover {
color: #1f6a62;
}

.entry .inline-poll {
margin: 20px auto 15px auto;
padding: 15px 0 10px 15px;
width: 210px;
background: #f4f3ef;
}

.entry dl {
margin: 20px auto 30px auto;
font-size: .85em;
width: 400px;
padding: 0 0 0 20px;
border-left: 1px solid #ccc;
}

.entry dl dt {
font-weight: bold;
color: #46ac9f;
}

.entry dl dd {
margin: 0 0 15px 0;
}

.entry ul,
.entry ol {
margin: 0 0 20px 9px;
font-size: .8em;
}

.entry ul li {
background: url(../images/homepage/updates-bullet.jpg) no-repeat 0 4px;
padding-left: 10px;
}

.entry ul li small {
padding: 4px 0 0 0;
font-size: .8em;
display: block;
line-height: 150%;
}

.entry ol {
margin: 0 0 0 30px;
color: #383838;
list-style: decimal outside;
}

.entry blockquote p {
margin: 0 0 15px 20px;
width: 420px;
color: #383838;
}

.entry blockquote p cite {
margin: 0 0 20px 0;
display: block;
clear: both;
font-size: .9em;
color: #a39686;
}

.entry blockquote p cite:before {
content: "~ ";
}

.entry p small {
font-size: .8em;
}

.entry p em {
color: #356a64;
font-style: normal;
font-weight: bold;
}

.entry p img.floatLeft,
.entry p img.floatleft {
margin: 0 15px 0 0;
display: block;
float: left;
}

.entry p img.floatRight,
.entry p img.floatright {
margin: 0 0 0 15px;
float: right;
}

.entry p.question {
margin: 25px 0 5px 10px;
color: #308c82;
font-size: .9em;
line-height: 160%;
}

.entry blockquote p.question {
margin: 0 0 0 20px;
color: #444;
font-weight: bold;
font-size: .85em !important;
}

.entry p a.showhide {
margin: 0 5px 0 0;
display: block;
position: relative;
z-index: 1;
}

.entry p span.marticle,
.entry p span.more,
.entry p span.less {
margin: 0 5px 0 0;
position: relative;
z-index: 5;
width: 15px;
height: 15px;
display: block;
float: left;
background: url(../images/toggle-more.jpg) no-repeat 0 2px;
}

.entry p span.more {
background: url(../images/toggle-more.jpg) no-repeat 0 2px;
}

.entry p span.less {
background: url(../images/toggle-less.jpg) no-repeat 0 2px;
}

.entry div.video {
padding: 0 0 20px 10px;
clear: both;
overflow: hidden;
font-size: .8em;
}

.entry div.video img {
margin: 0 10px 0 0;
float: left;
}

a.older-updates {
margin: -25px 0 0 0;
width: 130px;
height: 42px;
display: block;
text-indent: -9999px;
background: url(../images/homepage/older-updates.jpg) no-repeat;
}

a.older-updates:hover {
background-position: 0 -42px;
}




/* --------------------- */
/* SECONDARY CONTENT
/* --------------------- */

div#secondaryContent {
margin: 0 15px 0 0;
padding: 10px 15px 30px 15px;
width: 184px;
display: inline;
float: left;
font-size: .8em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background:#f4f3ef;
}

.secondaryContentfg h3 {
padding: 5px 0 10px 0;
color: #308c82;
text-transform: uppercase;
font-size: .85em;
line-height: 140%;
}

.secondaryContentfg ul li,
.secondaryContentfg ul li a {
color: #8d8973;
text-decoration: none;
line-height: 1.3em;
}

.secondaryContentfg ul li a:hover {
color: #373423;
}

.secondaryContentfg ul li {
padding: 6px 4px;
border-top: 1px solid #eae8e1;
}

.secondaryContentfg ul li:last-child {
border-bottom: 1px solid #eae8e1;
}

.secondaryContentfg a img.center {
margin: 0 auto;
display: block;
}

.secondaryContentfg .clear {
clear: both;
height: 20px;
}

div.tweet {
padding: 10px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

div.tweet p.posted-by {
margin: 0 0 0 10px;
font-size: .75em;
color: #737160;
}

div.tweet p.posted-by a {
color: #9c9c9c;
text-decoration: none;
}

div.tweet p.posted-by a:hover {
color: #000;
}

div.tweet p.posted-on {
margin: 0 0 5px 10px;
font-size: .7em;
color: #9c9c9c;
}

div.tweet p.post {
margin: 0 0 0 10px;
}



/* --------------------- */
/* THIRD CONTENT
/* --------------------- */

div#thirdContent {
padding: 10px 10px 20px 10px;
width: 235px;
display: inline;
float: left;
font-size: .8em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background:#f4f3ef;
}

div.polls {
position: relative;
left: 20px;
}

.thirdContentfg h3.white-collar {
margin: 0 auto;
width: 223px;
height: 211px;
display: block;
font-size: 1em;
text-align: left;
letter-spacing: 0;
text-transform: none;
background: url(../images/homepage/white-collar.jpg) no-repeat;
}

.thirdContentfg h3.white-collar a {
font: 1em/1.25em Arial, sans-serif;
padding: 110px 0 0 40px;
width: 160px;
display: block;
}

.thirdContentfg h3.white-collar a {
text-decoration: none;
}

.thirdContentfg h3.white-collar a b {
text-transform: uppercase;
color: #000;
}

.thirdContentfg h3.white-collar a strong {
color: #089184;
}

.thirdContentfg a.center {
margin: 10px 0 0 0;
display: block;
text-align: center;
}

.thirdContentfg .separator {
margin: 15px 0 10px 0;
border-bottom: 1px solid #e7e5dd;
}

/* 
  SOCIAL ICONS 
*/

.thirdContentfg .social-icons {
margin: 20px auto 0 auto;
padding: 0 0 10px 0;
width: 175px;
display: block;
clear: both;
}

.thirdContentfg .social-icons a {
margin: 0 1px 0 0;
}

.thirdContentfg .social-icons a.twitter {
width: 60px;
height: 54px;
display: block;
float: left;
text-indent: -9999px;
background: url(../images/homepage/twitter.jpg) no-repeat;
}

.thirdContentfg .social-icons a.twitter:hover {
background-position: 0 -54px;
}

.thirdContentfg .social-icons a.facebook {
margin: 1px 5px 0 0;
width: 55px;
height: 56px;
display: block;
float: left;
text-indent: -9999px;
background: url(../images/homepage/facebook.jpg) no-repeat;
}

.thirdContentfg .social-icons a.feed {
width: 53px;
height: 54px;
display: block;
float: left;
text-indent: -9999px;
background: url(../images/homepage/rss.jpg) no-repeat;
}

.thirdContentfg .social-icons a.feed:hover {
background-position: 0 -56px;
}

.thirdContentfg .social-icons a.facebook:hover {
background-position: 0 -54px;
}

a.followus {
display: block;
clear: both;
text-align: center;
text-decoration: none;
}

a.followus:hover {
color: #444;
}


/* 
  WHITE COLLAR FAMILY
*/

.thirdContentfg h3 {
font-size: .8em;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
}

.thirdContentfg .family ul {
margin: 0 0 0 30px;
}

.thirdContentfg a.tim,
.thirdContentfg a.matt,
.thirdContentfg a.marsha {
width: 61px;
height: 62px;
display: block;
float: left;
text-indent: -9999px;
background: url(/images/website/affiliates/wcfamily/tim-dekay.jpg) no-repeat;
}

.thirdContentfg a.tim:hover,
.thirdContentfg a.marsha:hover,
.thirdContentfg a.matt:hover {
background-position: 0 -62px;
}

.thirdContentfg a.matt {
background: url(/images/website/affiliates/wcfamily/matt-bomer.jpg) no-repeat;
}

.thirdContentfg a.marsha {
background: url(/images/website/affiliates/wcfamily/marsha-thomason.jpg) no-repeat;
}

.thirdContentfg p.right {
margin: 10px 0 0 0;
text-align: right;
line-height: 1.1em;
font-size: .8em;
}


/* --------------------- */
/* FOOTER 
/* --------------------- */

#footer {
margin-top: 59px;
width: 100%;
height: 104px;
clear: both;
font-size: 80%;
background: url(../images/homepage/footer-bg.jpg) repeat-x;
}

#footer-wrapper {
margin: 0 auto;
padding: 30px 0 0 0;
width: 790px;
}


/*
  OFFICIAL SITES
*/

ul#official-sites{width:520px;float:left;font-size:1em;margin:10px 0 0 35px}
ul#official-sites li{margin-right:15px;display:inline}
ul#official-sites li a,ul#official-sites li a:link,ul#affiliates li a,ul#affiliates li a:link{color:#999685;text-decoration:none}
ul#official-sites li a.hover,ul#official-sites li a:hover{color:#777463;text-decoration:underline}


/*
  DROP UP
*/

.dropdown{float:left;position:relative;padding-right:5px}
.dropdown dt{width:211px;height:35px;cursor:pointer;text-indent:-9999px;background:url(../images/homepage/top-affiliates.jpg) no-repeat}
.dropdown dt:hover{background-position:0 -35px}
.dropdown dd{position:absolute;overflow:hidden;left:2px;width:195px;display:none;background:#d9d6c7;z-index:200;opacity:0}
.dropdown ul{width:180px;list-style:none;border-bottom:none;padding:5px}
.dropdown li{display:inline}
.dropdown a,.dropdown a:active,.dropdown a:visited{display:block;color:#333;text-decoration:none;background:#d9d6c7;padding:5px}
.dropdown li.view-all a,.dropdown li.view-all a:active,.dropdown li.view-all a:visited{background:#c7c3ad}
.dropdown a:hover,.dropdown li.view-all a:hover{background:#fff;color:#4ba198}
.dropdown .underline{border-bottom:1px solid #c0bca6}


div#google-like {
margin: 0 auto;
width: 70px;
}


/* --------------------- */
/* MEGA MENU
/* --------------------- */

ul#topnav{float:left;width:100%;list-style:none;font-size:.8em;margin:0;padding:0 0 0 10px}
ul#topnav li{float:left;position:relative;margin:0;padding:0}
ul#topnav li a{float:left;color:#000;text-decoration:none;border-left:2px solid #dddacc;border-right:2px solid #dddacc;padding:14px 10px 15px}
ul#topnav li:hover a,ul#topnav li a:hover{color:#308c82;border-left:2px solid #83827a;border-right:2px solid #83827a;background:#fff}
ul#topnav li .sub{position:absolute;top:50px;left:0;background:#fff url(../images/sub-bg.jpg) repeat-x bottom;float:left;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;display:none;border-left:2px solid #929292;border-right:2px solid #929292;border-bottom:2px solid #929292;padding:15px 20px 20px}
ul#topnav li div.about-tiffani{width:320px!important}
ul#topnav li div.media{width:412px!important}
ul#topnav li div.news{width:200px!important}
ul#topnav li div.specials{width:382px!important}
ul#topnav li div.website{width:370px!important;left:-333px!important}
ul#topnav li div.interact{width:500px!important;left:-473px!important}
ul#topnav li .sub ul{list-style:none;float:left;margin:0;padding:0}
ul#topnav .sub ul li{width:100%;color:#fff}
ul#topnav .sub ul li a{float:none;text-indent:0;height:auto;display:block;text-decoration:none;color:#777254;font-size:.9em;border:0;border-bottom:1px solid #dddacc;padding:7px 5px 3px 15px}
ul#topnav .sub ul li a:hover{color:#308c82;text-indent:2px;border:0;border-bottom:1px solid #dddacc}
ul#topnav li.home a:hover,ul#topnav li.home a.active,ul#topnav li.gallery a:hover{color:#308c82;background:none;border-left:2px solid #dddacc;border-right:2px solid #dddacc}
ul#topnav .sub ul.at-column1{width:130px;float:left;margin:0 10px 0 0}
ul#topnav .sub ul.at-column2{width:140px;float:left;margin:0 0 0 15px !important}
ul#topnav li div.about-tiffani ul.at-column2 li{width:160px!important}
ul#topnav li div.about-tiffani ul.at-column2 li.aboutTiffani-Img{width:152px!important;height:85px!important;border:3px solid #e4e1d4;background:url(../images/homepage/aboutTiffani-Img.jpg) no-repeat;margin:4px 0 2px 5px}
ul#topnav .media ul.media-column1{width:130px;float:left;margin:0 15px 0 0}
ul#topnav .media ul.media-column1 li a.video-clips{display:block;background:url(../images/homepage/video-count.jpg) no-repeat right}
ul#topnav .media ul.media-column2{width:150px;float:left;margin:0 15px 0 0}
ul#topnav .news ul.news-column1{width:90px;float:left;margin:0 20px 0 0}
ul#topnav .news ul.news-column2{width:90px;float:left}
ul#topnav .news ul.news-extras{margin:5px 0 0}
ul#topnav .news ul.news-extras li.rss a{display:block;float:right;font-size:.85em;background:url(../images/homepage/mega-menu-rss-feed-icon.jpg) no-repeat left;padding:5px 0 3px 22px}
ul#topnav .news ul.news-extras li.twitter a{display:block;float:right;font-size:.85em;background:url(../images/homepage/mega-menu-twitter-icon.jpg) no-repeat left;padding:5px 0 3px 22px}
ul#topnav .news ul.news-extras li.rss a:hover,ul#topnav .news ul.news-extras li.twitter a:hover{text-indent:0}
ul#topnav .specials ul.specials-column1{width:108px;float:left;margin:0 10px 0 0}
ul#topnav .specials ul.specials-column1 li.specials-Img{width:95px!important;height:87px!important;border:3px solid #e4e1d4;display:block;float:left;background:url(../images/homepage/specials-Img.jpg) no-repeat;margin:4px 0 2px 5px}
ul#topnav .specials ul.specials-column2{width:115px;float:left;margin:0 10px 0 0}
ul#topnav .specials ul.specials-column3{width:130px;float:left}
ul#topnav .specials ul.specials-column3 li del,ul#topnav .news ul li del{float:none;text-indent:0;height:auto;display:block;color:#777254;font-size:.9em;border:0;border-bottom:1px solid #dddacc;text-decoration:line-through;padding:7px 5px 3px 15px}
ul#topnav .website ul.website-column1{width:120px;float:left;margin:0 10px 0 0}
ul#topnav .website ul.website-column2{width:125px;float:left;margin:0 10px 0 0}
ul#topnav .website ul.website-column3 li.website-Img{width:95px;height:87px;border:3px solid #e4e1d4;background:url(../images/homepage/website-Img.jpg) no-repeat;margin:4px 0 2px 5px}
ul#topnav .interact ul.interact-column1{width:150px;float:left;margin:0 10px 0 0}
ul#topnav .interact ul.interact-column2{width:154px;float:left;margin:0 10px 0 0}
ul#topnav .interact ul.interact-column3{width:165px;display:block;float:left;font-size:.9em;margin:0 0 0 10px}
ul#topnav .interact ul.interact-column3 li a{color:#444}
ul#topnav .interact ul.interact-column3 li a:hover{color:#000;text-indent:0}
ul#topnav .media ul.media-column3,ul#topnav .website ul.website-column3{width:100px;float:left}


/* ----------------------- */
/* BACK TO TOP
/* ----------------------- */

#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:30px;height:29px;border:none;text-indent:-999px;background:url(../images/backtotop.png) no-repeat}
#toTopHover{background:url(../images/backtotop.png) no-repeat 0 -29px;width:30px;height:29px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}


/* --------- END -------- */