@charset "utf-8";
/* CSS Document */
/*==========================================*/
/*www.silkroadtreasures.css*/
/*==========================================*/
/*Last updated:09/07/2009*/
/*==========================================*/
/*author:Linda Ryder, linda@ryderwebdesign.com*/
/*==========================================*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:small;
  line-height:1.3;
  background:#808080;
  text-align:center;
  min-width:960px;
}
h1 {
	font-size: 2.4em;
  	font-weight: normal;
}

h2 {
  	font-size: 2.0em;
  	font-weight: normal;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1em;
}
#wrapper {
	font-size:95%;
	width:960px;
	margin:20px auto 0px auto;
	text-align:left;
	background-color:#000;
}
#branding {
  height: 90px;
  width:100%;
  background-color:#000;
}

#branding div.padding {
	padding:20px 0px 0px 20px;
}
#branding #logo {
	float:left;
	width:655px;/*675px - 20px padding left*/
}
#branding #logo h1 {
	text-indent:-5000px;
	background-image: url(../images/srt-logo-v5.gif);
	background-repeat: no-repeat;
	width:284px;
	height:56px;
}
#branding #logo h1 a {
	display:block;
	width:284px;
	height:56px;
	color:#fff;
	text-decoration:none;
}
#branding #logo h1 a:visited {
	color:#b3b3b3;
}
#branding #logo h1 a:hover {
	text-decoration:underline;
}
#branding #logo p {
	color:#fff;
	padding-left:65px;
}
#branding #logo p a {
	color:#fff;
	text-decoration:none;
}
#branding #logo p a:visited {
	color:#b3b3b3;
}
#branding #logo p a:hover {
	text-decoration:underline;
}
/*Top right-hand navigation*/
#topNav {
	float:right;
	width:285px;
	height:30px;
	background:#000;
}
#topNav ul {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#fff;
	line-height:30px;
	white-space:nowrap;
}
#topNav ul li {
	list-style-type:none;
	display:inline;
}
#topNav ul li a {
	text-decoration:none;
	padding:7px 7px;
	color:#fff;
}
#topNav ul li a:link {
	color:#fff;
}
#topNav ul li a:visited {
	color:#fff;
}
#topNav ul li a:hover {
	color:#EF4136;
}
/*START this colors the HOME link red when on the home page*/
#home #wrapper #branding .padding #topNav #topmenubar .navhome a,
#home #wrapper #branding .padding #topNav #topmenubar .navhome a:visited { color: #EF4136; }
#home #wrapper #branding .padding #topNav #topmenubar .navhome a:hover { color: #EF4136; text-decoration:underline; }
/*END of home link red when on the home page*/

/*START this colors the CONTACT-ORDER link red when on the contact page*/
#contact #wrapper #branding .padding #topNav #topmenubar .navcontact a,
#contact #wrapper #branding .padding #topNav #topmenubar .navcontact a:visited { color: #EF4136; }
#contact #wrapper #branding .padding #topNav #topmenubar .navcontact a:hover { text-decoration:underline; }
/*END this colors the CONTACT-ORDER link red when on the contact page*/

/*START CSS colors the CALENDAR link red when on the calendar page*/
#calendar #wrapper #branding .padding #topNav #topmenubar .navcalendar a,
#calendar #wrapper #branding .padding #topNav #topmenubar .navcalendar a:visited { color:#EF4136; }
#calendar #wrapper #branding .padding #topNav #topmenubar .navcalendar a:hover { text-decoration:underline; }

/*START CSS colors the CALENDAR link red when on the calendar page*/

/*END of top right-hand navigation*/


/*===========================================================*/
/*CSS for buttons in top Main Navigation located above images*/
/*===========================================================*/
#mainMenu {
	float:left;
	width:455px;
	height:35px;
	background:#000;
	margin-top:35px;
	margin-bottom:10px;
}
#mainMenu ul {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#EF4136;
	line-height:35px;
	white-space:nowrap;
}
#mainMenu ul li {
	list-style-type:none;
	display:inline;
}
#mainMenu ul li a {
	text-decoration:none;
	padding:7px 5px;
	color:#EF4136;
}
#mainMenu ul li a:link {
	color:#EF4136;
}
#mainMenu ul li a:visited {
	color:#EF4136;
}
#mainMenu ul li a:hover {
	color:#fff;
}
/*START of WHITE main nav links to show what page you are on*/

#textiles #mainMenu ul .navtextiles a, #textiles #mainMenu ul .navtextiles a:visited {
	color:#fff;
}
#textiles #mainMenu ul .navtextiles a:hover {
	text-decoration:underline;
}
#jewelry #mainMenu ul .navjewelry a, #jewelry #mainMenu ul .navjewelry a:visited {
	color:#fff;
}
#jewelry #mainMenu ul .navjewelry a:hover {
	text-decoration:underline;
}
#antiques #mainMenu ul .navantiques a, #antiques #mainMenu ul .navantiques a:visited {
	color:#fff;
}
#antiques #mainMenu ul .navantiques a:hover {
	text-decoration:underline;
}
#beads #mainMenu ul .navbeads a, #beads #mainMenu ul .navbeads a:visited {
	color:#fff;
}
#beads #mainMenu ul .navbeads a:hover {
	text-decoration:underline;
}
#closeout #mainMenu ul .navcloseout a, #closeout #mainMenu ul .navcloseout a:visited {
	color:#fff;
}
#closeout #mainMenu ul .navcloseout a:hover {
	text-decoration:underline;
}
#closeout2 #mainMenu ul .navcloseout a, #closeout2 #mainMenu ul .navcloseout a:visited {
	color:#fff;
}
#closeout2 #mainMenu ul .navcloseout a:hover {
	text-decoration:underline;
}
#furnishings #mainMenu ul .navfurnishings a, #furnishings #mainMenu ul .navfurnishings a:visited {
	color:#fff;
}
#furnishings #mainMenu ul .navfurnishings a:hover {
	text-decoration:underline;
}
#rugs #mainMenu ul .navrugs a, #rugs #mainMenu ul .navrugs a:visited {
	color:#fff;
}
#rugs #mainMenu ul .navrugs a:hover {
	text-decoration:underline;
}
#rug_gallerypg1 #mainMenu ul .navrugs a, #rug_gallerypg1 ul .navrugs a:visited {
	color:#fff;
}
#rug_gallerypg2 #mainMenu ul .navrugs a:hover {
	text-decoration:underline;
}

/*Makes Jewelry Button on the mainNav bar be white on the gallery jewelry pages*/
#jewelry_gallerypg1 #mainMenu ul li.navjewelry a, #jewelry_gallerypg1 ul li.navjewelry a:visited {
	color:#fff;
}
#jewelry_gallerypg1 #mainMenu ul li.navjewelry a:hover {
	text-decoration:underline;
}
#jewelry_gallerypg2 #mainMenu ul li.navjewelry a, #jewelry_gallerypg2 ul li.navjewelry a:visited {
	color:#fff;
}
#jewelry_gallerypg2 #mainMenu ul li.navjewelry a:hover {
	text-decoration:underline;
}


/*Makes Beads Button on the mainNav bar be white on the bead gallery pages*/
#beads_gallerypg1 #mainMenu ul li.navbeads a, #beads_gallerypg1 ul li.navbeads a:visited {
	color:#fff;
}
#beads_gallerypg1 #mainMenu ul li.navbeads a:hover {
	text-decoration:underline;
}
#beads_gallerypg2 #mainMenu ul li.navbeads a, #beads_gallerypg2 ul li.navbeads a:visited {
	color:#fff;
}
#beads_gallerypg2 #mainMenu ul li.navbeads a:hover {
	text-decoration:underline;
}
/*Makes Textile Button on the mainNav bar be white on the gallery textile page*/
#textile_gallerypg1 #mainMenu ul li.navtextiles a, #textile_gallerypg1 ul li.navtextiles a:visited {
	color:#fff;
}
#textile_gallerypg1 #mainMenu ul li.navtextiles a:hover {
	text-decoration:underline;
}

/*Makes Antiques Button on the mainNav bar be white on the antiques gallery pages*/
#antiques_gallerypg1 #mainMenu ul li.navantiques a, #antiques_gallerypg1 ul li.navantiques a:visited {
	color:#fff;
}
#antiques_gallerypg2 #mainMenu ul li.navantiques a, #antiques_gallerypg2 ul li.navantiques a:visited {
	color:#fff;
}
#antiques_gallerypg1 #mainMenu ul li.navantiques a:hover {
	text-decoration:underline;
}
#antiques_gallerypg2 #mainMenu ul li.navantiques a:hover {
	text-decoration:underline;
}
/*Makes Rug button on the mainNav bar be white on the rug gallery pages*/
#rugs_gallerypg1 #mainMenu ul li.navrugs a, #rugs_gallerypg1 ul li.navrugs a:visited {
	color:#fff;
}
#rugs_gallerypg1 #mainMenu ul li.navrugs a:hover {
	text-decoration:underline;
}
#rugs_gallerypg2 #mainMenu ul li.navrugs a, #rugs_gallerypg2 ul li.navrugs a:visited {
	color:#fff;
}
#rugs_gallerypg2 #mainMenu ul li.navrugs a:hover {
	text-decoration:underline;
}
/*CSS for furnishings button on the mainNav bar be white on the furnishings gallery pages*/
#furnishings_gallerypg1 #mainMenu ul li.navfurnishings a, #furnishings_gallerypg1 #mainMenu ul li.navfurnishings a:visited {
	color:#fff;
}
#furnishings_gallerypg1 #mainMenu ul li.navfurnishings a:hover {
	text-decoration:underline;
}
#furnishings_gallerypg2 #mainMenu ul li.navfurnishings a, #furnishings_gallerypg2 #mainMenu ul li.navfurnishings a:visited {
	color:#fff;
}
#furnishings_gallerypg2 #mainMenu ul li.navfurnishings a:hover {
	text-decoration:underline;
}
/*END of main navigation above images */



/*=======================================================================*/
/*CSS for gallery page navigation Bar to the right of main navigation bar*/
/*=======================================================================*/

#menuHolder {
	float:left;
	display:inline;
	width:590px;
}
#galleryMenu {
	float:right;
	width:130px;
	height:35px;
	background:#000;
	margin-top:35px;
	margin-bottom:10px;
	color:#fff;
	text-align:right;
}
#galleryMenu ul {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#fff;
	line-height:35px;
	white-space:nowrap;
}
#galleryMenu ul li {
	list-style-type:none;
	display:inline;
}
#galleryMenu ul li a {
	text-decoration:none;
	padding:7px 2px;
	color:#fff;
}
#galleryMenu ul li a:link {
	color:#fff;
}
#galleryMenu ul li a:visited {
	color:#fff;
}
#galleryMenu ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
/*CSS allows galleryMenu page number to be red when on that gallery page*/
#antiques_gallerypg1 #galleryMenu ul li.navantiquespage1 a, #antiques_gallerypg1 #galleryMenu ul li.navantiquespage1 a:visited { color: #EF4136; text-decoration:underline; }
#antiques_gallerypg2 #galleryMenu ul li.navantiquespage2 a, #antiques_gallerypg2 #galleryMenu ul li.navantiquespage2 a:visited { color: #EF4136; text-decoration:underline; }


#jewelry_gallerypg1 #galleryMenu ul li.navjewelryspage1 a, #jewelry_gallerypg1 #galleryMenu ul li.navjewelryspage1 a:visited { color: #EF4136; }
#jewelry_gallerypg2 #galleryMenu ul li.navjewelryspage2 a, #jewelry_gallerypg2 #galleryMenu ul li.navjewelryspage2 a:visited { color: #EF4136; }

#textile_gallerypg1 #galleryMenu ul li.navtextilespage1 a, #textile_gallerypg1 #galleryMenu ul li.navtextilespage1 a:visited { color:#EF4136; }

#beads_gallerypg1 #galleryMenu ul li.navbeadpage1 a, #beads_gallerypg1 #galleryMenu ul li.navbeadpage1 a:visited { color:#EF4136;}
#beads_gallerypg2 #galleryMenu ul li.navbeadpage2 a, #beads_gallerypg2 #galleryMenu ul li.navbeadpage2 a:visited { color:#EF4136;}

#rugs_gallerypg1 #galleryMenu ul li.navrugspage1 a, #rugs_gallerypg1 #galleryMenu ul li.navrugspage1 a:visited { color:#EF4136; }
#rugs_gallerypg2 #galleryMenu ul li.navrugspage2 a, #rugs_gallerypg2 #galleryMenu ul li.navrugspage2 a:visited { color:#EF4136; }

#closeout #galleryMenu ul li.navcloseoutpage1 a, #closeout #galleryMenu ul li.navcloseoutpage1 a:visited { color:#EF4136; }
#closeout2 #galleryMenu ul li.navcloseoutpage2 a, #closeout2 #galleryMenu ul li.navcloseoutpage2 a:visited { color:#EF4136; }

#furnishings_gallerypg1 #galleryMenu ul li.navfurnishingspage1 a, #furnishings_gallerypg1 #galleryMenu ul li.navfurnishingspage1 a:visited { color:#EF4136; }
#furnishings_gallerypg2 #galleryMenu ul li.navfurnishingspage2 a, #furnishings_gallerypg2 #galleryMenu ul li.navfurnishingspage2 a:visited { color:#EF4136; }
/*END of navigation for gallery page navigation to the right of main navigation*/



#container { /*container for content and content2 on MAIN and GALLERY pages*/
	float:left;
	width:100%;
	overflow:hidden;
	background:#000;
}
#content {/*left column on MAIN PAGES*/
  width:590px; /*675-margin-right:50px;=625-padding-left:35px;=590px;*/
  float: left;
  padding-left:35px;
  margin-right:50px;
}
* html #content { /*fix IE 6 right margin on content div*/
	margin-right:25px;
}
#calendarContent {
	width:461px;
	float:left;
	padding-left:35px;
	margin-right:50px;
}
* html #calendarContent {
	margin-right:25px;
}
#gallery_holder { /*this container surrounds the mainMenu and gallery nav and p.disclaimer on gallery pages */
	float:left;
	width:850px;
	padding-left:35px;
}
#closeout_gallery_container li {
/*	float:left;*/
		width:174px;
        min-height: 160px;
		display: -moz-inline-stack;
        display: inline-block;
		vertical-align:top;
		margin: 5px 15px 5px 5px;
		zoom: 1;
		*display:inline;
		_height:160px;
}

#closeout_gallery_container li h6 {
	margin:0;
	margin-top:10px;
	padding:0;
	color:#b3b3b3;
	font-size:70%;
	font-weight:normal;
	font-family:Verdana, Arial, sans-serif;
}
#gallery_container li {
	width:175px;
	min-height:160px;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	margin:5px 15px 5px 15px;
	zoom: 1;
	*display:inline;
	_height:160px;
}
#gallery_container li h6 {
	margin:0;
	margin-top:10px;
	padding:0;
	color:#b3b3b3;
	font-size:70%;
	font-weight:normal;
	font-family:Verdana, Arial, sans-serif;
}

/*rotating images container*/
#slideshow{
/*	float:left;*/
	position:relative;
	overflow:hidden;
	margin:0;
	width:587px;
	height:387px;
	margin-bottom:30px;
}
#slideshow img {
	position:relative;
	left:0;
	top:0;
	width:587px;
	height:387px;
}
/*END rotating images container*/


/*START of CONTACT-ORDER page*/

/*START of container for image on contact-order page*/
#contactimage {
	float:left;
	margin:0;
	width:587px;
	height:387px;
	margin-bottom:30px;
}
#contact #content2 h3.yellowText {
	color:#FBB040;
	margin-bottom:1em;
}
#contact #content2 h4 {
	color:#b3b3b3;
	margin-bottom:1em;
}
#contact #content2 p {
	font-size:100%;
	padding:0.25em 0px;
}
#contact #content2 p a, #contact #content2 p a:visited {
	color:#b3b3b3;
}
#contact #content2 p a:hover {
	text-decoration:underline;
}
/*END of container for image on contact-order page*/

/*END of CONTACT-ORDER page*/

/*Disclaimer paragraph under main image*/
#content p.disclaimer {
	float:left;
	width:100%;
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#fff;
	padding-bottom:20px;
}
#calendarContent p.disclaimer {
	float:left;
	width:100%;
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#fff;
	padding-bottom:20px;
}
/*CSS for paragraph Click on the images above to see a larger version on gallery pages*/
#container #gallery_holder p.lrgimgpara {
	float:left;
	width:700px;
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#b3b3b3;
	margin-top:10px;
	padding-bottom:0.50em;
}
#closeout p.lrgimgpara, #closeout2 p.lrgimgpara {
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#b3b3b3;
	margin-top:10px;
	padding-bottom: 0.50em;
}
#container #gallery_holder p.disclaimer {
	clear:left;
	float:left;
	width:700px;
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#fff;
	padding-bottom:20px;
}
/*END of disclaimer paragraph*/

#content2 {
	margin:0px;
	float:right;
	padding:0px;
	width:265px; /*285px - padding-right and left 10px each or 20px total = 265px*/
  	background-color: #000;
	margin-bottom:10px;
}
#calcontent2 {
	margin:0px;
	float:right;
	padding:0px;
	width:394px;
	background-color:#000;
	margin-bottom:10px;
}
#content2 div {
	padding:0px 20px 0px 0px;
}
*html #content2 div {
	display:inline;
}
#calcontent2 h2 {
	text-indent:-5000px;
	width:394px;
	height:63px;
}
#calcontent2 #calendarleft {
	float:left;
	width:49%;
}
#calcontent2 #calendarright {
	float:right;
	width:49%;
}
#content2 h2 {
	text-indent:-5000px;
	width:285px;
	height:63px;
}
#calcontent2 h2.calendar_subheader {
	background-image:url(../images/calendar-header-v2.gif);
	background-repeat:no-repeat;
}
#calcontent2 p.yellowText {
	color:#FBB040;
}
#calcontent2 p {
	font-family:"Myriad Roman", Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#B3B3B3;
}
/*H2 classes on main pages*/
#home #content2 h2.ourstory {
	background-image: url(../images/our-story-header.gif);
	background-repeat: no-repeat;
}
#textiles #content2 h2.textiles_subheader {
	background-image: url(../images/textiles-header.gif);
	background-repeat: no-repeat;
}
#rugs #content2 h2.rugs_subheader {
	background-image: url(../images/rugs-header.gif);
	background-repeat: no-repeat;
}
#jewelry #content2 h2.jewelry_subheader {
	background-image: url(../images/jewelry-header.gif);
	background-repeat: no-repeat;
}
#antiques #content2 h2.antiques_subheader {
	background-image: url(../images/antiques-header.gif);
	background-repeat: no-repeat;
}
#beads #content2 h2.beads_subheader {
	background-image: url(../images/beads-header.gif);
	background-repeat: no-repeat;
}
#furnishings #content2 h2.furnishings_subheader {
	background-image: url(../images/furnishings-header.gif);
	background-repeat: no-repeat;
}
#contact #content2 h2.contact_subheader {
	background-image: url(../images/contact-header.gif);
	background-repeat: no-repeat;
}
#closeout #content2 h2.closeout_subheader {
	background-image:url(../images/close-out-header.gif);
	background-repeat:no-repeat;
}
#closeout2 #content2 h2.closeout_subheader {
	background-image:url(../images/close-out-header.gif);
	background-repeat:no-repeat;
}


#content2 p {
	font-family:"Myriad Roman", Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#B3B3B3;
}
.indent {
	text-indent:1em;
}

/*START of div that holds the red border at bottom of page*/
#fancyborder {
	clear:left;
	height:75px;
	background-image: url(../images/red-bottom-border.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*END of div that holds the red border at bottom of page*/

/*START of FOOTER*/
#footer {
	position:relative;
	height:17px;
  	background-color:#000;
	padding: 5px 20px;
}
#footer p {
	font-size:80%;
	color:#b3b3b3;
}
#footer p a {
	color:#b3b3b3;
}
#footer p a:visited {
	color:#b3b3b3;
}
#footer p a:hover {
	text-decoration:underline;
}
/*END of FOOTER*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#calcontent2 h3.yellowText {
	color:#FBB040;
	margin-bottom:1em;
}
#calImage {
	float:left;
	margin:0;
	width:461px;
	height:302px;
	margin-bottom:30px;
}

.furnishingsColHolder {
	float:left;
	width:194px;
}
#furnishingscol_1Item1 li, #furnishingscol_2Item1 li, #furnishingscol_4Item2 li {
	width:175px;
	min-height:330px;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	margin:5px 15px 5px 15px;
	zoom:1;
	*display:inline;
	_height:330px;
}
#furnishingscol_3AllItems li {
	width:175px;
	min-height:160px;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	margin:5px 15px 5px 15px;
	zoom:1;
	*display:inline;
	_height:160px;
}
#furnishingscol_1Item2 li, #furnishingscol_2Item2 li, #furnishingscol_4Item1 li {
	width:175px;
	min-height:160px;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	margin:5px 15px 5px 15px;
	zoom:1;
	*display:inline;
	_height:160px;
}
#furnishingscol_1Item1 li h6, #furnishingscol_1Item2 li h6, #furnishingscol_2Item1 li h6, #furnishingscol_2Item2 li h6, #furnishingscol_3AllItems li h6, #furnishingscol_4Item1 li h6, #furnishingscol_4Item2 li h6 {
	margin:0;
	margin-top:10px;
	padding:0;
	color:#b3b3b3;
	font-size:70%;
	font-weight:normal;
	font-family:Verdana, Arial, sans-serif;
}
.furnishingscols {
	float:left;
	width:195px;
}
