body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/background.jpg);
	margin: 0;
	}
	
#wrapper {
    margin: 0 auto;
    width: 976px;
    background: #c7dae0;
    color: #000;
    font: 10pt Arial, Helvetica, sans-serif;
}
a { color: #111; text-decoration: none; }
a:hover { text-decoration: underline; }

#header { width: 976px; float: left; background: #fff; padding: 0; border-bottom: 1px solid #FFF}
.icons { float: left; }
.icons li { float: left; padding: 5px 5px; }
.icons li a { text-decoration: none; color: #FFF; }
.icons li a:hover { text-decoration: underline; }
#info { float: right; width: 480px; margin-top: 10px; }
#info table { float: right; }
.navigation { float: left; }
.navigation li { float: left; padding: 5px 5px; }
.navigation li a { text-decoration: none; color: #59545a; }
.navigation li a:hover { text-decoration: underline; }
#logo { width: 416px; float: left; }
#header-search {
	float: right; padding-left: 10px; margin-top: 20px;
}

#search a { padding: 10px 5px; }

#tel {
	float: right; width: 500px; padding-top: 10px;
}
.tel-num, .tel-assist { float: right; width: 150px; }
.tel-num { font-weight: bold; font-style: italic; }
.tel-assist { font-weight: bold; }

img { border: none; }

hr { margin: 0; padding: 0; color: #D0CDC7; background: #D0CDC7; height: 1px; }
	
p { padding: 10px 10px; margin: 0; }
#sidebar p:first-child{color:#754924; font-weight: bold; text-transform: uppercase; font-size: 15px; }
ul { list-style: none; margin: 0; padding: 0; }

.center{text-align: center; }
#topbar {
	float: left;
	padding: 10px;
	width: 940px;
	}
#topbar img { float: left; }
#topbar ul { float: right; width: 295px; }
#topbar input { }

#c_lighting { width: 240px; float: left; background: url(images/ceiling.jpg) no-repeat; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#w_lighting { width: 240px; float: left; background: url(images/wall.jpg) no-repeat; }
#o_lighting { width: 240px; float: left; background: url(images/outdoor.jpg) no-repeat;}
#c_fans { width: 240px; float: left; background: url(images/fans.jpg) no-repeat; }
#nav {
	float: left; 
	height: 32px; 
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Arial, sans-serif;
	width: 976px; 
	margin: 0;
	padding: 8px 0;
	background: url(images/navbar.jpg);
	}
#nav ul { margin: 0; padding-top: 2px; list-style: none; background: transparent; }
#nav ul li { margin: 0 8px; }
#nav ul li a { float: left; text-decoration: none; background: transparent; display: block; color: #fff; padding: 6px 10px 4px; font-weight: bold;}
#nav ul li:hover a { margin: 0; background: url(images/navbar_hover.jpg); }
#nav ul li ul {     background: #3398cc; /* bg + 4 in each rgb value */
    background: -moz-linear-gradient(top, #d5002a, #d30021);
    background: -webkit-gradient(linear, center top, center bottom, from(#d5002a), to(#d30021));
    background: -o-linear-gradient(top, #d5002a, #d30021);
    background: linear-gradient(top, #d5002a, #d30021);
	width: 220px; margin: 3px 0 0 0; 
}
#nav ul li ul li a { font-size: 11px; float: left; text-decoration: none; display: block; color: #fff; width: 175px; border-bottom: 1px solid #aaa; padding: 4px 15px; }
#nav ul li ul li:hover a { color: #ddd; background: #url(images/navbar_hover.jpg); text-decoration: none; }

.vcard { float: left; width: 202px; color: #CCC; }
.vcard a { color: #FFF; text-decoration: none; }
.type, .street-address, .email { width: 202px; float: left; }
.locality, .region, .postal-code { float: left; }
.hours { display: inline-block; margin-top: 10px; margin-bottom: 50px; }
.days { float: left; width: 150px; color: #CCC;}
.times { float: left; width: auto;color: #CCC;}
.maps {float: left; }
.maps-desc { float: left;}
.map-adr { width: 400px; text-align: center; }
.map-adr a { text-decoration: none; }
.map-adr a:hover { test-decoration: underlined; }

.mainpage { float: left; background: #fff; padding:0; width: 976px;}
.contents { float: left; width: 960px; }
.contents-show { float: left; width: 690px; padding: 10px; }
.contents-map { float: left; width: 485px; padding: 10px; margin-left: 10%;}
.map-info { float: left; width: 245px; padding: 10px; }


#sidebar { float: right; width: 210px; padding-top: 8px; padding-left: 16px; color: #FFF; background: #616161; height: 350px;}

#footer {float: left; width: 960px; padding-bottom: 7px 0 7px 0; padding: 10px 0; }

#company { float: left; padding: 10px 0 10px 12px; width: 100px; }
#company ul li, #shop ul li, #supporters ul li { font-size: 11px; color: #737665; padding-top: 5px;}
#company ul li:first-child, #shop ul li:first-child, #supporters ul li:first-child { padding-top: 0; }
#company ul li a, #shop ul li a, #supporters ul li a { text-decoration: none; color: #737665;}
#company ul li a:hover, #shop ul li a:hover, #supporters ul li a:hover { text-decoration: underline;}

#shop { float: left; padding: 10px 12px 10px 50px; width: 100px; }

#commend { float: left; width: 265px; border-left: 1px solid #DCDCDC; border-right: 1px solid #dcdcdc; }
#ala { padding: 10px 12px 10px 25px; float: left; }
#nahb { padding: 10px 12px 10px 25px; float: left; }

#supporters { float: left; width: 200px; border-right: 1px solid #dcdcdc; }
#supporters > ul { float: left; padding: 10px 16px; width: 165px; }

#social { float: left;}
#social > iframe { padding: 8px; float: left; }

#locations {float: left; border-top: 8px solid #e5e5e5; width: 509px;}

#pro-foot { float: left; width: 75px; border-left: 1px solid #e5e5e5; padding: 15px 22px; border-top: 8px solid #e5e5e5;}
#pro-foot a { text-align: right; }

#index-info { padding-bottom: 20px; float: left; width: 480px;}

#subnav {
	float: left;
	width: 480px;
	padding-top: 20px;
}
#subnav2 {
	float: left;
	width: 480px;
	padding-top: 20px;
}
#c, #c1, #c2, #c3, #c4, #c5, #w, #w1, #w2, #w3, #w4, #w5, #o, #o1, #o2, #o3, #o4, #o5, #f, #f1, #f2, #f3, #f4, #f5 {float:left;width:240px;height:17px;background-image:url(images/subnav.jpg);background-repeat:no-repeat}

#w {background-position: 0 0; padding-bottom: 15px;}
#w1 {background-position: 0 -33px; }
#w2 {background-position: 0 -50px;}
#w3 {background-position: 0 -66px;}
#w4 {background-position: 0 -82px;padding-bottom: 15px;}
#w5 {background-position: 0 -114px;padding-bottom: 12px; border-bottom:1px solid #CCCCCA;}

#o {background-position: -240px 0; padding-bottom: 15px;}
#o1 {background-position: -240px -33px;}
#o2 {background-position: -240px -50px;}
#o3 {background-position: -240px -66px;}
#o4 {background-position: -240px -82px;padding-bottom: 15px;}
#o5 {background-position: -240px -114px;padding-bottom: 12px; border-bottom:1px solid #CCCCCA;}

#c {background-position: 0 -144px; padding-bottom: 10px; padding-top: 12px;}
#c1 {background-position: 0 -182px;}
#c2 {background-position: 0 -199px;}
#c3 {background-position: 0 -217px;}
#c4 {background-position: 0 -235px;padding-bottom: 15px;}
#c5 {background-position: 0 -267px;padding-bottom: 12px;}

#f {background-position: -240px -144px; padding-bottom: 10px;padding-top: 12px;}
#f1 {background-position: -240px -182px; }
#f2 {background-position: -240px -199px; }
#f3 {background-position: -240px -217px;}
#f4 {background-position: -240px -235px;padding-bottom: 15px;}
#f5 {background-position: -240px -267px;padding-bottom: 12px;}

#c_, #c1_, #c2_, #c3_, #c4_, #c5_, #w_, #w1_, #w2_, #w3_, #w4_, #w5_, #o_, #o1_, #o2_, #o3_, #o4_, #o5_, #f_, #f1_, #f2_, #f3_, #f4_, #f5_ {float:left;width:240px;height:17px;background-image:url(images/subnav2.jpg);background-repeat:no-repeat}

#w_ {background-position: 0 0; padding-bottom: 15px;}
#w1_ {background-position: 0 -33px; }
#w2_ {background-position: 0 -50px;}
#w3_ {background-position: 0 -66px;}
#w4_ {background-position: 0 -82px;padding-bottom: 15px;}
#w5_ {background-position: 0 -114px;padding-bottom: 12px; border-bottom:1px solid #CCCCCA;}

#o_ {background-position: -240px 0; padding-bottom: 15px;}
#o1_ {background-position: -240px -33px;}
#o2_ {background-position: -240px -50px;}
#o3_ {background-position: -240px -66px;}
#o4_ {background-position: -240px -82px;padding-bottom: 15px;}
#o5_ {background-position: -240px -114px;padding-bottom: 12px; border-bottom:1px solid #CCCCCA;}

#c_ {background-position: 0 -144px; padding-bottom: 10px; padding-top: 12px;}
#c1_ {background-position: 0 -182px;}
#c2_ {background-position: 0 -199px;}
#c3_ {background-position: 0 -217px;}
#c4_ {background-position: 0 -235px;padding-bottom: 15px;}
#c5_ {background-position: 0 -267px;padding-bottom: 12px;}

#f_ {background-position: -240px -144px; padding-bottom: 10px;padding-top: 12px;}
#f1_ {background-position: -240px -182px; }
#f2_ {background-position: -240px -199px; }
#f3_ {background-position: -240px -217px;}
#f4_ {background-position: -240px -235px;padding-bottom: 15px;}
#f5_ {background-position: -240px -267px;padding-bottom: 12px;}

#detail { float: right; border-top: 1px solid #999; margin-right: 8px; margin-bottom: 10px;display: inline-block; }
#detail > a > img { padding-top: 5px; padding-right:15px; }
#win { float: right;}
#win a img { width: 226px; }	
.topnav { 
	float: right;
	padding: 35px 12px 25px; 
	font-size: 12px; 
	color: #111; 
	font-weight: bold;
	list-style: none;
	text-decoration: none; 
	}
.topnav:hover { text-decoration: underline; }

.guarantee, .guarantee a { color: #766d5d; font-size: 18px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-decoration: none; }
/**.guarantee a { color: #a18149; font-size: 13px; }**/

.tannav { text-decoration: none; color: #766D5D; }

.mailing{border-top: 1px solid #e4e1da; }
	
#copyright { width: 960px; float: left; text-align: center; }
	
.higher { line-height: 22px; padding: 0; margin: 0; }


/*image overlay*/
div.imageSub { position: relative; }
div.imageSub img { z-index: 1; }
div.imageSub div.label, div.imageSub div.blackbg {
  position: absolute;
  left: 0;
  right: 85%;
  bottom: 4px;
  height: 99%;
  line-height: 16px;
  overflow: hidden;
}
div.imageSub div.blackbg {
  z-index: 2;
  background-color: #574b30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
div.imageSub div.label {
  z-index: 3;
  color: white;
}

div.imageSub div.label ul { padding: 10px 0 0 10px; }
div.imageSub div.label ul li { padding-bottom: 15px; }
div.imageSub div.label ul li a { color: #fff; }
div.imageSub div.label ul li a:hover { color:#bbb; text-decoration: none; }

div.imageSub div.label2, div.imageSub div.blackbg2{
  position: absolute;
  left: 85%;
  right: 0;
  bottom: 4px;
  height: 99%;
  line-height: 16px;
  overflow: hidden;
}
div.imageSub div.blackbg2 {
  z-index: 2;
  background-color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
div.imageSub div.label2 {
  z-index: 3;
  color: white;
}

div.imageSub div.label2 ul { padding: 10px 0 0 10px; }
div.imageSub div.label2 ul li { padding-bottom: 15px; }
div.imageSub div.label2 ul li a { color: #3f2b0c; }
div.imageSub div.label2 ul li a:hover { color:#bbb; text-decoration: none; }
