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

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

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

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

#title h1 a,
#title h1 a:link {
width: 392px;
height: 116px;
display: block;
text-indent: -999em;
background: url(/images/pages/title.jpg) no-repeat;
}

#title h1 a.hover,
#title h1 a:hover {
background-position: 0 -116px;
}

	#search {
	margin-top: 37px;
	float: right;
	}

#search form {
float: left;
}

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

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

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

	#sitemap-contact {
	position: relative;
	top: -5px;
	margin-left: 20px;
	width: 100px;
	float: left;
	}

.mapcontactfg ul {
text-align: center;
}

.mapcontactfg ul li {
position: relative;
top: -1px;
line-height: .8em;
}

.mapcontactfg li a, 
.mapcontactfg li a:link,
.mapcontactfg li a:visited {
color: #979586;
font-size: .75em;
text-decoration: none;
}

.mapcontactfg li a.hover,
.mapcontactfg li a:hover {
color: #6E6C5A;
}

.mapcontact{display:block; width: 4em;}
.mapcontact *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEECE3}
.mapcontact1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0eee6;
  border-right:1px solid #f0eee6;
  background:#efede4}
.mapcontact2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f0e9;
  border-right:1px solid #f1f0e9;
  background:#eeece4}
.mapcontact3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeece4;
  border-right:1px solid #eeece4;}
.mapcontact4{
  border-left:1px solid #f0eee6;
  border-right:1px solid #f0eee6}
.mapcontact5{
  border-left:1px solid #efede4;
  border-right:1px solid #efede4}
.mapcontactfg{
width: 4em;
  background:#EEECE3}

#wrapper {
padding-bottom: 40px;
background: #E4E1D4;
}



/* ------------------------------- */
/* MENU
/* ------------------------------- */
	#menu {
	margin: 0 auto;
	width: 720px;
	height: 49px;
	clear: both;
	background: #DDDACC;
	}

ul#topnav {
margin: 0;
padding: 0 0 0 10px;
float: left;
width: 100%;
list-style: none;
}

ul#topnav li {
float: left;
margin: 0; 
padding: 0;
position: relative;
}

ul#topnav li a {
padding: 14px 10px 15px 10px;
float: left;
color: #000;
text-decoration: none;
border-left: 2px solid #dddacc;
border-right: 2px solid #dddacc;
}

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: 49px; 
left: 0;
background: #fff url(../images/sub-bg.jpg) repeat-x bottom;
z-index: 1;
padding: 15px 20px 20px;
float: left;

/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

/*--Bottom left rounded corner--*/
-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;
}

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: -332px !important;
}

ul#topnav li div.interact {
width: 500px !important;
left: -472px !important;
}

ul#topnav li .sub ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

ul#topnav .sub ul li {
width: 100%;
color: #fff;
}

/* Active Link of Main Link */
ul#topnav li.abouttiffani-link a.active,
ul#topnav li.media-link a.active,
ul#topnav li.news-link a.active,
ul#topnav li.specials-link a.active,
ul#topnav li.website-link a.active,
ul#topnav li.interact-link a.active {
color: #308c82;
background: none;
border-left: 2px solid #dddacc;
border-right: 2px solid #dddacc;
}

/* Active Link Hovered */
ul#topnav li.abouttiffani-link:hover a,
ul#topnav li.abouttiffani-link a.active:hover,
ul#topnav li.media-link:hover a,
ul#topnav li.media-link a.active:hover,
ul#topnav li.news-link:hover a,
ul#topnav li.news-link a.active:hover,
ul#topnav li.specials-link:hover a,
ul#topnav li.specials-link a.active:hover,
ul#topnav li.website-link:hover a,
ul#topnav li.website-link a.active:hover,
ul#topnav li.interact-link:hover a,
ul#topnav li.interact-link a.active:hover
 {
color: #308c82;
border-left: 2px solid #83827a;
border-right: 2px solid #83827a;
background: #fff;
}

ul#topnav .sub ul li a {
float: none; 
text-indent: 0; /*--Reset text indent--*/
height: auto;
padding: 7px 5px 3px 15px;
display: block;
text-decoration: none;
color: #777254 !important;
font-size: .9em;
border: 0 !important;
border-bottom: 1px solid #dddacc !important;
}

ul#topnav .sub ul li a:hover,
ul#topnav .sub ul li a.active {
color: #308c82 !important;
text-indent: 2px;
border: 0;
border-bottom: 1px solid #dddacc;
}


/***** Home & Gallery *****/
    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;
    }


/***** About Tiffani *****/
    ul#topnav .sub ul.at-column1 {
    margin: 0 10px 0 0;
    width: 130px;
    float: left;
    }

/* About Tiffani Column 2 */
ul#topnav .sub ul.at-column2 {
margin: 0 0px 0 15px !important;
width: 140px;
float: left;
}

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 {
margin: 4px 0 2px 5px;
width: 152px !important;
height: 85px !important;
border: 3px solid #e4e1d4;
background: url(../images/homepage/aboutTiffani-Img.jpg) no-repeat;
}



/***** Media *****/
   ul#topnav .media ul.media-column1 {
   margin: 0 15px 0 0;
   width: 130px;
   float: left;
   }

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 {
margin: 0 15px 0 0;
width: 150px;
float: left;
}

ul#topnav .media ul.media-column3 {
width: 100px;
float: left;
}



/***** News *****/
    ul#topnav .news ul.news-column1 {
    margin: 0 20px 0 0;
    width: 90px;
    float: left;
    }

ul#topnav .news ul.news-column2 {
width: 90px;
float: left;
}

ul#topnav .news ul.news-extras {
margin: 5px 0 0 0;
}

ul#topnav .news ul.news-extras li.rss a {
display: block;
float: right;
padding: 5px 0 3px 22px;
font-size: .85em;
background: url(../images/homepage/mega-menu-rss-feed-icon.jpg) no-repeat left;
}

ul#topnav .news ul.news-extras li.twitter a {
display: block;
float: right;
padding: 5px 0 3px 22px;
font-size: .85em;
background: url(../images/homepage/mega-menu-twitter-icon.jpg) no-repeat left;
}

ul#topnav .news ul.news-extras li.rss a:hover,
ul#topnav .news ul.news-extras li.twitter a:hover {
text-indent: 0;
}




/***** Specials *****/
    ul#topnav .specials ul.specials-column1 {
    margin: 0 10px 0 0;
    width: 108px;
    float: left;
    }

ul#topnav .specials ul.specials-column1 li.specials-Img {
margin: 4px 0 2px 5px;
width: 95px !important;
height: 87px !important;
border: 3px solid #e4e1d4;
display: block;
float: left;
background: url(../images/homepage/specials-Img.jpg) no-repeat;
}

ul#topnav .specials ul.specials-column2 {
margin: 0 10px 0 0;
width: 115px;
float: left;
}

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; /*--Reset text indent--*/
height: auto;
padding: 7px 5px 3px 15px;
display: block;
text-decoration: none;
color: #777254;
font-size: .9em;
border: 0;
border-bottom: 1px solid #dddacc;
text-decoration: line-through;
}




/***** Web/Site *****/
    ul#topnav .website ul.website-column1 {
    margin: 0 10px 0 0;
    width: 120px;
    float: left;
    }

ul#topnav .website ul.website-column2 {
margin: 0 10px 0 0;
width: 125px;
float: left;
}

ul#topnav .website ul.website-column3 {
width: 100px;
float: left;
}

ul#topnav .website ul.website-column3 li.website-Img {
margin: 4px 0 2px 5px;
width: 95px;
height: 87px;
border: 3px solid #e4e1d4;
background: url(../images/homepage/website-Img.jpg) no-repeat;
}



/***** Interact *****/
    ul#topnav .interact ul.interact-column1 {
    margin: 0 10px 0 0;
    width: 160px;
    float: left;
    }

ul#topnav .interact ul.interact-column2 {
margin: 0 10px 0 0;
width: 154px;
float: left;
}

ul#topnav .interact ul.interact-column3 {
margin: 0 0 0 10px;
width: 155px;
display: block;
float: left;
font-size: .9em;
}

ul#topnav .interact ul.interact-column3 li a {
color: #444;
}

ul#topnav .interact ul.interact-column3 li a:hover {
color: #000;
}

ul#topnav .interact ul.interact-column3 li a:hover {
text-indent: 0;
}



/* ------------------------------- */
/* CONTENT
/* ------------------------------- */
	#pages-content-wrapper {
	margin: 0 auto;
	margin-top: 50px;
	width: 813px;
	clear: both;
	}

#pages-content-top {
width: 813px;
height: 45px;
background: url(/images/pages/content-top.jpg) no-repeat;
}

#content-bg {
width: 813px;
float: left;
background: url(/images/pages/content-bg.jpg) repeat-y;
}

#content {
position: relative;
top: -10px;
padding-left: 30px;
width: 480px;
float: left;
}

#content p {
margin: 0 0 20px 0;
line-height: 160%;
}

#breadcrumb {
padding: 5px 0 5px 10px;
clear: both;
margin-bottom: 10px;
font-size: 85%;
border-left: 1px solid #BDB6AB;
}

/* styling for breadcrumb link */
#breadcrumb h2 a,
#breadcrumb h2 a:link,
#breadcrumb h2 a:visited {
margin-right: 5px;
float: left;
color: #69ACA6;
font: bold 1em Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
border: 0;
}

#breadcrumb h2 a.hover,
#breadcrumb h2 a:hover {
color: #95C0BC;
}

#content h3 {
margin-top: 10px;
color: #3F9994;
font-size: 1.1em;
font-weight: bold;
}

/* styling for breadcrumb title name */
#content #breadcrumb h3 {
margin: 0;
float: left;
color: #529196;
font: bold 1em Arial, sans-serif;
}

/* styling for page headers */
h4 {
margin: 20px 0 5px 0;
padding: 10px 0 5px 0;
font: normal 1.5em Arial, sans-serif;
color: #458c88;
}

/* styling for page headers */
#content h5 {
margin: 20px 0 10px 0;
padding: 10px 0 0px 0;
font: 1.3em Arial, sans-serif;
color: #458c88;
text-transform: capitalize;
}

#content h5 a {
color: #458c88;
}

/* mainly for press articles' dates and authors */
#content h6 {
margin: -7px 0 20px 0;
font-size: .85em;
text-indent: 1px;
color: #383524;
text-transform: lowercase;
}

ul#navigation-links {
margin: 30px 0 0 400px;
display: block;
clear: both;
}

ul#navigation-links li {
display: inline;
}

ul#navigation-links li a {
width: 31px;
height: 27px;
display: block;
float: left;
text-indent: -999em;
}

ul#navigation-links li#previous a {
margin-right: 10px;
background: url(/images/pages/previous-page.jpg) no-repeat;
}

ul#navigation-links li#top a {
background: url(/images/pages/back-to-top.jpg) no-repeat;
}

ul#navigation-links li#previous a.hover,
ul#navigation-links li#previous a:hover,
ul#navigation-links li#top a.hover,
ul#navigation-links li#top a:hover {
background-position: 0 -27px;
}



/* ------------------------------- */
/* SIDEBAR
/* ------------------------------- */
	#sidebar {
	padding-left: 40px;
	width: 231px;
	float: left;
	}

/* styling for related pages */
#sidebar h5 {margin: 0 0 0 70px; color: #7AA19D; font: normal 1em Arial, sans-serif;}

#sidebar ul.related-pages {margin-left: 70px; margin-top: 5px;}

#sidebar ul.related-pages li a,#sidebar ul.related-pages li a:link {margin: 0; padding: 0; color: #3E3B28; height: 18px; text-decoration: none; text-transform: lowercase;}

#sidebar ul.related-pages li a:visited {color: #A6A392;}

#sidebar ul.related-pages li a.hover, #sidebar ul.related-pages li a:hover, #sidebar ul.related-pages li a.active, #sidebar ul.related-pages li a.active:hover {color: #529196;}

#sidebar ul.related-pages li ul li {margin-left: 10px;}

#sidebar dl {margin: 20px 0 0 20px;}
#sidebar dt {margin-right: 2px; float: left; color: #242216;}
#sidebar dd {margin-bottom: 7px;}

.swoosh {margin: 10px 0 0 60px; width: 129px; height: 53px; background:url(/images/pages/swoosh.png) no-repeat;}

#pages-content-bottom {width: 813px;  height: 40px; background: url(/images/pages/content-bottom.jpg) no-repeat;}



/* ------------------------------- */
/* FOOTER
/* ------------------------------- */
	#footer {
	width: 100%;
	height: 57px;
	clear: both;
	border-top: 1px solid #fff;
	background: #F2F1EA;
	}

#footer-wrapper {margin: 0 auto; width: 790px; background: #F2F1EA;}

ul#official-sites {position: relative; top: 20px;width: 550px;float: left;font-size: .9em;}
ul#official-sites li {margin-right: 20px;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:visited, ul#affiliates li a:visited {color: #BCB9AA;}
ul#official-sites li a.hover, ul#official-sites li a:hover {color: #777463; text-decoration: underline;}

ul#affiliates {position: relative; top: 10px; float: right; font-size: .8em;}
ul#affiliates li a {padding: 10px 15px 8px 15px; display: block; background: #fff; text-transform: uppercase; -moz-border-radius: 8px;}
ul#affiliates li a.hover, ul#affiliates li a:hover {color: #444; }