@charset "utf-8";
body,html,div,p,a,h1,h2,h3,h4,h5,h6,ul,li,img,span {margin:0;padding:0;border:0;background:transparent;}
body {margin-bottom:200px;background: #000 url('../resources/bg-stripe3.png') repeat-x;font-family:arial,sans-serif;}
a {outline:none;}
em{font-style:normal;font-weight: 300;}
b {color:#EF7421;text-shadow: 1px 1px 2px #000;}
#mainContainer {position: relative;width: 100%;overflow:visible;}
#innerWrap {position: relative;margin: 0 auto;padding: 0;border: 0;min-width: 990px;max-width: 1500px;}
#topMenu {width: 100%;height: 45px;background: transparent url('../resources/blackTop.png') repeat-x;list-style:none;z-index: 50;display: block;}
	#topMenu li.tmItem {margin: 8px 0 0 0;border-right: 3px solid #8FADB4;width: 130px;height: 15px;display: block;text-align: center;float:left;}
	#topMenu a.tmAnchor {position: relative;top: -3px;text-decoration: none;font-size:14px;color: #999;}
	#topMenu a.tmAnchor:hover {text-decoration: none;color: #FFF;}
#banner {margin:-15px 0 15px 0;width: 100%;height: 250px;overflow:hidden;}
	#bannerImg {display: block;z-index: 5;}
	#bannerTrans {position:absolute;top:252px;left:0;width:100%;height:28px;display:block;background:#000;z-index: 10;  filter:alpha(opacity=50);  opacity: 0.50;}
#logo {position: absolute;top:30px;left: 0;z-index: 40;}
a.idAnchor {position: absolute;top: 0;left: 0;z-index: 50;}
#contact {position:absolute;top:30px;left:508px;padding: 8px 0 0 10px;width: 386px;height: 122px;display: block;background: transparent url('../resources/contactBase2.png') no-repeat;z-index:40;float:right;}
	#contact p {margin-bottom:3px;font: normal 100 11px arial,sans-serif;color: #FFF;text-align: left;}
	#contact a{font: normal 100 11px arial,sans-serif;color: #FFF;text-align: left;text-decoration: none;}
	#contact a:hover {color: #CCC;text-decoration: underline;}
	#contact p.ph {margin-top:7px;margin-bottom:2px;font: normal 100 24px arial,sans-serif;color: #EF7421;text-align: left;text-shadow: black 0.1em 0.1em 0.1em}
	#contact ul.social {margin: 0 10px 0 0;width: 16px;height: 90px;list-style: none;float: right;}
	
#sideBar {position:relative;margin:0 0 40px 20px;width:380px;display:block;float:left;}
	#lowerMenu {position:relative;margin:0 0 20px 0;width: 340px;background: #000;float:left;}
		#lowerMenu p {font: normal 100 25px arial,sans-serif;color: #8FADB4;text-align: left;}
		#lowerMenu a {color: #999;text-align: left;text-decoration: none;}
		#lowerMenu a.lmSecondary {color: #555;text-align: left;text-decoration: none;}
		#lowerMenu a.lmSecondary2 {color: #8FADB4;text-align: left;text-decoration: none;}
		#lowerMenu a:hover,#lowerMenu a.lmSecondary:hover{color: #FFF;}
		#lowerMenu a.lmSecondary2:hover  {color: #FFF;}
	#ticker {position:relative;clear:left;margin:0 0 20px 0;width: 340px;height:16px;font-size:13px;color: #CCC;float:left;display:none;}
		.tickercontainer {width: 340px; height: 20px;overflow:hidden;}
		.tickercontainer .mask {position: relative;left: 10px;top: 0px;width:340px;height:16px;overflow: hidden;}
		ul.newsticker {position: relative;left: 340px;width:5000px;display:block;list-style-type: none;}
		ul.newsticker li {position:relative;float:left;color:#FFF;}
		ul.newsticker a {white-space:nowrap;color:#EF7421;margin-right:50px;text-decoration:none;} 
			ul.newsticker a:hover {text-decoration:underline;} 
		ul.newsticker span {margin: 0 10px 0 0;}
	#introText {position:relative;clear:both;width: 340px;float:left;}
		#introText h2 {margin-bottom:5px;font-size:14px;font-weight:100;color: #8FADB4;}
		#introText p {margin-bottom:5px;font: normal 100 11px arial,sans-serif;color: #8FADB4;text-align: justify;}
			#introText p.right_norm {float:right;}
			#introText p.tmar10 {margin-top:10px;;}
		#introText a {color: #AAA;text-decoration: none;}
		#introText a:hover {color: #FFF;text-decoration: underline;}
		img#cards {margin-bottom:10px;}
		span.phone {color:#EF7421;}
		#sanctuaryAdvert {margin: 10px 0;border:1px solid #8FADB4;width:338px;height:90px;}
			#sanctuaryAdvert p.advert {margin:0 auto;font-size:10px;width:338px;text-align:center;}
		
#primaryContent {margin:0 0 40px 0;width:590px;float:left;}
	h1 {margin: 5px 0 20px 0;width:500px;display: block;font: normal 100 16px arial,sans-serif;color: #AAA;float:left;}
	#panel {width: 506px;height: 370px;display:block;background: transparent url('../resources/panel6.jpg') no-repeat;float:left;}
		#panel a {width: 120px;height: 120px;display: block;font: normal 100 11px arial,sans-serif;color: #999;text-align: center;text-decoration: none;}
		#panel a.stone {margin:18px 18px 48px 18px;float:left;}
		#panel a.cladding {margin:19px 18px 48px 36px;float:left}
		#panel a.mosaics {margin:19px 0 0 36px;float:left}
		#panel a.ceramic {clear:left;margin:18px;float:left;}
		#panel a.wood {margin:19px 18px 0 36px;float:left}
		#panel a.accessories{margin:19px 0 0 36px;float:left}
		#panel a:hover  {color: #FFF;}
		#panel a span {position: relative;top: 145px;margin: 0;padding: 0;border: 0;overflow: visible;}
		
		#primaryContent p.choose {clear:left;color:#FFF;float:left;font-size:12px;}
		#primaryContent ul.submenu {float:left;margin-bottom:10px;width:500px;}
			#primaryContent ul.submenu li {margin-left:10px;padding:0 5px;font-size:12px;float:left;}
				#primaryContent ul.submenu li a {color:#AAA;}
				#primaryContent ul.submenu li a:hover {color:#FFF;}

		#primaryContent h2 {clear:left;float:left;margin-bottom:5px;margin-top:20px;padding:5px;text-align:center;width:490px;color:#AAA;font-size:14px;background:#3F3F3F;text-transform:capitalize;}		
				


	div.tableOuter {clear:left;width: 530px;display: block;}
		div.tableHead1 {margin: 0 4px 4px 0;width: 88px;height: 40px;display: block;background: #3F3F3F;float: left;}
		div.tableHead2 {margin: 0 4px 4px 0;width: 218px;height: 40px;display: block;background: #3F3F3F;float: left;}
		div.tableHead3 {margin: 0 4px 4px 0;width: 94px;height: 40px;display: block;background: #3F3F3F;float: left;}
		div.tableHead4 {margin: 0 4px 4px 0;width: 88px;height: 40px;display: block;background: #3F3F3F;float: left;}
		div.tableHead5 {margin: 0 0 4px 0;width: 20px;height: 40px;display: block;background: #3F3F3F;float: left;}
		div.tableOuter p {margin: 8px 0 0 0;text-align: center;font: normal 600 12px arial,sans-serif;color: #CCC;}
		div.tableOuter a {color: #CCC;}
		div.tableOuter a:hover {color: #AAA;}
		div.tableCol1 {margin: 0 4px 4px 0;width: 88px;height: 88px;display: block;float: left;background: #8FADB4;}
			div.tableCol1-a {margin: 0 4px 4px 0;width: 88px;height: 88px;display: block;float: left;background: #3F3F3F;}
		img.tableThumb {margin: 6px 0 0 6px;width: 76px;height: 76px;float: left;}
			a.thumb img.tipPic {position:absolute;left:88px;border:4px solid #3F3F3F;display:none;}
			a.thumb:hover img.tipPic {display:block;}
		div.tableCol2 {margin: 0 4px 4px 0;width: 218px;height: 88px;display: block;float: left;background: #8FADB4;}
			div.tableCol2-a {margin: 0 4px 4px 0;width: 218px;height: 88px;display: block;float: left;background: #3F3F3F;}
		div.tableOuter p.tableDesc {margin: 6px 3px 0 3px;text-align: left;font: normal 100 11px arial,sans-serif;color: #FFF;}
			div.tableOuter p.tableDesc-b {margin: 6px 3px 0 3px;text-align: left;font: normal 100 11px arial,sans-serif;color: #000;}
		div.tableCol3 {margin: 0 4px 4px 0;width: 94px;height: 88px;display: block;float: left;background: #8FADB4;}
			div.tableCol3-a {margin: 0 4px 4px 0;width: 94px;height: 88px;display: block;float: left;background: #3F3F3F;}
		div.tableOuter p.tableSize,div.tableOuter p.tablePrice {margin: 6px 0 0 0;text-align: center;font: normal 100 11px arial,sans-serif;color: #FFF;}
			div.tableOuter p.tableSize-b,div.tableOuter p.tablePrice-b {margin: 6px 0 0 0;text-align: center;font: normal 100 11px arial,sans-serif;color: #000;}
		div.tableCol4 {margin: 0 4px 4px 0;width: 88px;height: 88px;display: block;float: left;background: #8FADB4;}
			div.tableCol4-a {margin: 0 4px 4px 0;width: 88px;height: 88px;display: block;float: left;background: #3F3F3F;}
		div.tableCol5 {margin: 0 0 4px 0;width: 20px;height: 88px;display: block;float: left;text-align: center;background: #8FADB4;}
	#ordering {position: absolute;top: 305px;left: 370px;width: 530px;text-align: justify;}
	#list1 {clear:left;width:500px;display:block;}
	#list2 {clear:left;width:500px;display:none;}
		div.list p {margin: 0 0 10px 0;font: normal 100 11px arial,sans-serif;color: #CCC;text-align:justify;}
		div.list li {margin: 0 0 10px 20px;font: normal 100 11px arial,sans-serif;color: #CCC;}
		div.list a {color: #CCC;}
		div.list a:hover {color: #FFF;}
		div.list p.le {margin: 0 0 10px 0;width: 100%;display: block;font: normal 100 11px arial,sans-serif;color: #AAA;}
		div.list a.le {margin: 0 0 5px 0;padding: 2px;display: block;width: 100%;color: #000;background: #8FADB4;text-decoration: none}
		div.list a.le:hover {color: #FFF;}
		img.nextListButton {margin: 0;padding: 0;border: 0;float: right;}
		img.prevListButton {margin: 0;padding: 0;border: 0;float: left;}
		#callback {width:318px;}
			input.right {margin-right:2px;margin-bottom:5px;width: 220px;float:right;background:#FFF;}
			input.submit {border:0;width:178px;height:20px;display:block;background:url('../resources/on.gif');}
			input.submit:hover {background:url('../resources/off.gif');}
#footer {margin-left:20px;clear:both;width:895px;height:120px;display:block;}
	#footer p {padding: 6px 0;width: 895px;height: 16px;font: normal 600 12px arial,sans-serif;background:#191919;color: #8FADB4;text-align:left;}
	#footer a {font-weight: 100;text-decoration: none;color: #999;text-align: center;display: inline;}
	#footer a:hover {color: #FFF;}
	#footer span {font: normal 100 12px arial,sans-serif;color: #999;}
		#ballLeft {width:14px;height:28px;display:block;background: #000 url('../resources/ball.gif') no-repeat;float:left;}
		#ballRight {width:28px;height:28px;display:block;background: #000 url('../resources/ball.gif') no-repeat -14px 0;float:right;}


#s3slider {
   position: absolute; /* important */
   top: 30px;
   left: 0;
   margin: 0;
   padding: 0;
   border: 0;
   width: 100%; /* important to be same as image width */
   height: 250px; /* important to be same as image height */
   overflow: hidden; /* important */
   background: #000;
}
#s3sliderContent {
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding: 0;
   width: 100%; /* important to be same as image width or wider */
}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   padding: 0;
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 0;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   opacity: 0.5; /* here you can set the opacity of box with text */
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span em {
margin: 8px 0 5px 20px;
padding: 0 0 10px 0;
border: 0;
width: 100%;
height: 10px;
font-size: 14px;
color: #fff;
display: block;
}


.clear {clear: both;} 

div.content h3 {margin: 20px 0 5px 20px;color:#FFF;font-size:14px;}
div.content h3 b {font-weight:normal;}
input#goog-wm-qt {margin-left: 20px;}