@charset "utf-8";
/* CSS Document c7cbcc*/

body{margin:0px; background-image:url(backdrop.jpg); background-repeat:repeat-x;}

img { border: none; } 
.imagefloat{float:left; padding:5px;}

.catlink {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.catlink a {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.catlink a:hover {color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}


#contain{width:900px; min-height:1500px; overflow: visible; vertical-align:top; margin-left:auto; margin-right:auto;}

#header{float:left; width:900px; height:78px; background-image:url(header.jpg);}
#header2{float:left; width:900px; height:78px; background-image:url(header2.jpg);}

#logoplace{float:left; width:200px; height:30px; margin-top:30px;}
#logoplace2{float:left; width:200px; height:60px; margin-top:15px;}

#socialmed {float:right; width:105px; height:29px; margin-top:12px; margin-right:0px;}
#socialmed a {float:left;padding-left:5px;}


#topbar{float:left; width:900px; height:49px; background-image:url(topbar.jpg);}
#topbar2{float:left; width:900px; height:49px; background-image:url(topbar2.jpg);}
#topbar3{float:left; width:900px; height:1px; background-color:#c4d9ea; margin-top:2px; margin-bottom:8px;}

#main-image{float:left; width:900px; height:300px; vertical-align:top; background-image:url(main-image.jpg);}
#main-image2{float:left; width:900px; height:205px; vertical-align:top; background-image:url(main-image2.jpg);}
#main-image3{float:left; width:900px; height:205px; vertical-align:top; background-image:url(main-image3.jpg);}


#flasharea{float:left; width:400px;  height:170px; margin-top:20px; margin-left:25px; font-family:"Times New Roman", Times, serif; color:#fff; font-style:italic; font-size:23px;}


#vmenu{float:right; width:198px; height:337px; margin-top:0px; background-image:url(vmenuback.png); padding-top:10px;}
#vmenu ul {font-family:Arial, Helvetica, sans-serif; color:#fff; margin-left:0px; list-style:outside; font-size:14px; line-height:22px;}
#vmenu a {text-decoration:none; color:#e6e9ea;}
#vmenu a:hover {text-decoration:none; color:#fff;}

#vmenu2{float:right; width:198px; height:194px; margin-top:0px; background-image:url(vmenuback2.png); padding-top:10px;}
#vmenu2 ul {font-family:Arial, Helvetica, sans-serif; color:#fff; margin-left:0px; list-style:outside; font-size:14px; line-height:22px;}
#vmenu2 a {text-decoration:none; color:#e6e9ea;}
#vmenu2 a:hover {text-decoration:none; color:#fff;}


.leftbutton{float:left; width:173px; height:30px; background-image:url(leftbutton.jpg); display:block; padding-top:10px; text-align:center;}
.leftbutton a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none;}
.leftbutton a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ccc; text-decoration:none;}

.direct-menus{float:left; width:158px; padding-top:15px; padding-bottom:15px; overflow:auto;text-align:left; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block;}

.direct-menus a {text-decoration:none; color:#fff;}
.direct-menus a:hover {text-decoration:none; color:#ccc;}


#mid-bar{float:left; width:900px; height:51px; background-image:url(mid-bar.jpg);}

#categories{float:left; width:900px; height:132px; margin-top:7px;}
#categories2{float:left; width:900px; height:132px; background-color:#fff;}

#promotion{float:left; width:173px; height:31px; background-image:url(div-promo.jpg);
padding-top:102px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold;}
#promotion a {text-decoration:none;color:#fff;}
#promotion a:hover {text-decoration:none; color:#CCC;}


#glassceram{float:left; width:173px; height:31px; background-image:url(div-ceramics.jpg);
padding-top:102px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold;margin-left:9px;}
#glassceram a {text-decoration:none;color:#fff;}
#glassceram a:hover {text-decoration:none; color:#CCC;}


#designprint{float:left; width:173px; height:31px; background-image:url(div-print.jpg);
padding-top:102px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold;margin-left:9px;}
#designprint a {text-decoration:none;color:#fff;}
#designprint a:hover {text-decoration:none; color:#CCC;}


#online{float:left; width:173px; height:31px; background-image:url(div-online.jpg);
padding-top:102px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold;margin-left:9px;}
#online a {text-decoration:none;color:#fff;}
#online a:hover {text-decoration:none; color:#CCC;}


#exhibitions{float:left; width:173px; height:31px; background-image:url(div-exhibitions.jpg);
padding-top:102px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold;margin-left:8px;}
#exhibitions a {text-decoration:none;color:#fff;}
#exhibitions a:hover {text-decoration:none; color:#CCC;}


#lowerfold{float:left; width:900px; min-height:586px; vertical-align:top; background-color:#fff; overflow:auto;}

#left-column{float:left; width:355px; min-height:566px; background-color:#1493a6; background-image:url(left-column.jpg);
background-repeat:no-repeat; margin-top:8px; padding-top:20px;}

#left-column2{float:left; width:173px; min-height:586px; background-color:#1493a6; background-image:url(left-column.jpg);
background-repeat:no-repeat; margin-top:8px; padding-top:0px;}

#right-column{float:left; width:171px; min-height:586px; margin-top:8px; padding-top:0px; margin-left:8px;border-style:solid; border-width:1px; border-color:#cdcdcd;}

#content{float:left; width:514px; min-height:566px; vertical-align:top; margin-left:9px; margin-top:8px; padding:10px; border-style:solid; border-width:1px; border-color:#cdcdcd;overflow:auto;}

#content2{float:left; width:515px; min-height:566px; vertical-align:top; margin-left:9px; margin-top:8px; padding:10px; border-style:solid; border-width:1px; border-color:#cdcdcd; overflow:auto;}

#content3{float:left; width:696px; min-height:566px; vertical-align:top; margin-left:9px; margin-top:8px; padding:10px; border-style:solid; border-width:1px; border-color:#cdcdcd; overflow:auto;}

#lowerbar{float:left; width:900px; height:45px; background-image:url(lowerbar.jpg); margin-top:7px;} 

#footer{float:left; width:880px; height:90px; vertical-align:top; padding:10px; text-align:center; 
font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px;}
#footer a {text-decoration:underline; color:#666;}
#footer a:hover {color:#000;}


h1{font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#1fa776;margin-top:0px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#1fa776;margin-top:0px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#1fa776;margin-top:0px;}
h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#1fa776;margin-top:0px;}


.default-text {font-family:Arial, Helvetica, sans-serif; color:#878787; font-size:14px;}
.default-text a {font-family:Arial, Helvetica, sans-serif; color:#878787; font-size:14px; text-decoration:underline;}
.default-text a:hover {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; text-decoration:underline;}

.attention1{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:23px; color:#1493a6;}
.attention1small{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:18px; color:#1493a6;}

.attention2{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:23px; color:#ac2a9a;}
.attention2small{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:18px; color:#ac2a9a;}

#mapdiv{float:left; margin-left:15px;width:470px; height:320px; padding:5px;border-style:solid; border-width:1px; border-color:#cdcdcd; margin-bottom:23px;}

.client-images{border-style:none; padding:8px;}
.client-table{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#878787;}
.client-table a {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#878787; text-decoration:none;}
.client-table a:hover {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-decoration:none;}

.callback{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:1px; margin:5px;}


.image {
	padding: 1px;
	border: 1px solid #CCCCCC;
	width: 64px;
	background-position: center;
	margin: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip:  rect(auto auto auto auto);
	text-align: center;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}