@charset "utf-8";

/*
---------------------------------------------------------------------
	site.css [Jan.2011] 
---------------------------------------------------------------------
*/

body { background-image: url(../img/body_bg.gif); }

#wrapper { margin: 20px 0; }

#header,
#footer p,
#container {
	width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

#footer,
#container { display: none; }

#header {
	position: relative;
	margin-bottom: 32px;
}

#header #siteID {
	width: 161px;
	height: 37px;
	background: url(../img/siteID_off.gif) no-repeat left top;
	text-indent: -9999px;
}

#header #siteID a {
	display: block;
	width: 161px;
	height: 37px;
	text-indent: -9999px;
}

#header #siteID a:hover { background-image: url(../img/siteID_on.gif); }

#header .border {
	position: absolute;
	top: 52px;
	right: 656px;
}

#footer {
	padding: 0 20px;
	background: url(../img/border.gif) no-repeat 760px 21px;
	
}

#footer p { padding: 0; }

#footer #contact {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}

#footer #contact a {
	display: block;
	width: 180px;
	height: 11px;
	background:url(../img/contact.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0;
}

#footer #contact a:hover { background-position: 0 -11px; }

#copyright { text-align: right; }

#msg {
	width: 312px;
	height: 14px;
	background: url(../img/jsMsg.gif) no-repeat left top;
	text-indent: -9999px;
}

#siteNav { margin: 0 0 20px; }

#siteNav li {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	list-style-type: none;
	text-indent: -9999px;
	font-size: 0;
}

#siteNav li a {
	display: block;
	height: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

#siteNav #nav_commercial a {
	width: 64px;
	background-image: url(../img/siteNav_com.gif);
}

#siteNav li#nav_personal a {
	width: 45px;
	background-image: url(../img/siteNav_per.gif);
}

#siteNav li a:hover,
#siteNav li a.act { background-position: left -10px; }

.border {
	width: 4649px;
	height: 1px;
	background: #fff;
}

.border hr { display: none; }

#container {
	margin-bottom: 120px;
	padding-bottom: 13px;
}

#container #photoBlock {
	width: 800px;
	height: 534px;
	margin: 0 0 14px;
	text-align: center;
	overflow: hidden;
	background: url(../img/photoBlock_loader.gif) no-repeat left top;
}

#container .photoSlide p a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

#container #photoSlide01 {
	margin: 0 0 31px;
	text-align: center;
}

#container #photoSlide01 p {
	display: inline-block;
	width: 18px;
	margin: 0 160px;
}

* html #container #photoSlide01 p {
	display: inline;
	zoom: 1;
}

*:first-child+html #container #photoSlide01 p {
	display: inline;
	zoom: 1;
}

#container #photoSlide01 p a {
	width: 18px;
	height: 33px;
}

#container #photoSlide01 p.prev a { background-image: url(../img/photoSlide01_l.gif); }
#container #photoSlide01 p.next a { background-image: url(../img/photoSlide01_r.gif); }

#container #photoSlide01 p a:hover { background-position: left -33px; }

#container #photoList #photoSlide05 .prev {
	position: absolute;
	top: 0;
	left: 0;
}

#container #photoList #photoSlide05 .next {
	position: absolute;
	top: 0;
	right: 0;
}

#container #photoSlide05 p a {
	width: 10px;
	height: 47px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#container #photoSlide05 p.prev a { background-image: url(../img/photoSlide05_l.gif); }
#container #photoSlide05 p.next a { background-image: url(../img/photoSlide05_r.gif); }

#container #photoSlide05 p a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#container #photoList {
	width: 780px;
	padding: 0 10px 13px 10px;
	position: relative;
	border-bottom: 1px solid #fff;
}
#container #photoList .inner {
	width: 781px;
	height: 47px;
	overflow: hidden;
	position: relative;
	margin: 0 -1px 0 0;
}

#container #photoList ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 355px;
}

#container #photoList ul li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
}

#container #photoList ul li a {
	display: block;
	width: 70px;
	height: 47px;
	position: relative;
	background: #fff;
}

#container #photoList ul li a span {
	display: block;
	width: 70px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/photoList_bg.gif);
	filter: alpha(opacity=50);
  	-moz-opacity:0.50;
  	opacity:0.50;
}



/* -:ClearFix
--------------------------------------------------*/

#siteNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
  
#siteNav {
	zoom:1;
}