/* general */
body, html{
	height:100%;
}
body{
	margin:0;
	font:14px/24px Helvetica, Arial, sans-serif;
	color:#333;
	background:#fff;
	min-width:960px;
}
img{
	border-style:none;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.interior-page{
	background:#333 url(../images/site/bg-interior-page.gif) no-repeat 50% 0;
	color:#fff;
}
/* wrapper */
#wrapper{
	width:960px;
	margin:0 auto;
	min-height:100%;
}
* html #wrapper{
	height:100%;
}
.home-wrapper{
	/*background:url(../images/bg-home.jpg) no-repeat;*/
}
/* header */
#header{
	width:100%;
	overflow:hidden;
}
.header-home{
	height:156px;
}
.header-interior{
	height:153px;
}
/* logo */
.logo a{
	float:left;
	width:180px;
	height:113px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/site/logo.png) no-repeat;
	margin:0 0 0 15px;
	display:inline;
	cursor:pointer;
}
/* nav */
#nav{
	margin:0;
	padding:0 17px 0 0;
	list-style:none;
	float:right;
	display:table;
}
#nav li{
	float:left;
	padding:0 0 0 2px;
}
#nav li a{
	float:left;
	width:96px;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}
#nav li a em{
	float:left;
	width:96px;
	height:16px;
	background:#fff;
	margin:0 0 8px;
	cursor:pointer;
}
#nav li a:hover{
	position:relative;
}
#nav li a:hover em, #nav .active a em{
	background:#ffd138;
}
#nav li a span{
	float:left;
	width:85px;
	height:79px;
	background:#fff;
	cursor:pointer;
	padding:9px 0 0 11px;
}
/* main */
#main{
	width:100%;
	padding:0 0 128px;
}
/* home intro */
.home-intro{
	padding:0 0 40px;
}
.home-intro strong{
	display:block;
	line-height:17px;
	color:#fff;
	margin:0 0 0 15px;
}
.home-intro h1{
	margin:0;
	font-size:64px;
	line-height:70px;
	color:#fff;
	margin:0 0 1px 12px;
	letter-spacing:-2px;
}
/* question */
.question{
	height:30px;
	background:url(../images/site/bg-question.png) repeat-x;
	padding:7px 0 0 16px;
}
.question a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	word-spacing:-1px;
	background:url(../images/site/bullet01.gif) no-repeat 100% 3px;
	padding:0 16px 0 0;
}
.question a:hover{
	text-decoration:underline;
}
/* have question */
.have-question{
	padding:3px 0 0 16px;
}
.have-question p{
	margin:0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	word-spacing:1px;
}
.have-question a{
	text-decoration:none;
	color:#fff;
	background:url(../images/site/bullet02.gif) no-repeat 100% 4px;
	padding:0 13px 0 0;
}
.have-question a:hover{
	text-decoration:underline;
}
/* three columns */
.three-columns{
	height:1%;
	overflow:hidden;
	margin:0 0 0 -1px;
	padding:0 0 94px;
}
.column{
	width:256px;
	padding:35px 32px 0;
	float:left;
	background:url(../images/site/bg-column.png) no-repeat;
}
.image-holder{
	border-bottom:4px solid #333;
	padding:0 0 16px;
	margin:0 0 10px;
}
.image-holder img{
	display:block;
}
.column .text{
	border-bottom:2px solid #333;
	padding:0 12px 9px 0;
}
.column .text h2{
	margin:0 0 4px;
	font-size:18px;
	line-height:21px;
}
.column .text p{
	margin:0;
}
.cont-holder{
	width:100%;
	overflow:hidden;
	background:url(../images/site/bg-cont.gif) repeat-x;
	padding:8px 0 0;
}
.cont-holder a{
	font-weight:bold;
	float:right;
	padding:0 19px 0 0;
	background:url(../images/site/bullet03.gif) no-repeat 100% 3px;
	font-size:12px;
	line-height:15px;
}
/* interior intro */
.interior-intro{
	padding:0px;
}
.interior-intro strong{
	display:block;
	margin:0 0 4px 14px;
}
.interior-intro h1{
	margin:0 0 0 10px;
	font-size:48px;
	line-height:51px;
	word-spacing:-4px;
}
/* two columns */
#two-columns{
	width:100%;
	overflow:hidden;
}
/* sidebar */
#sidebar{
	float:left;
	width:164px;
	margin:0 0 0 15px;
	display:inline;
}
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar ul li{
	border-bottom:1px solid #666;
	padding:0 0 3px;
	margin:0 0 1px;
	height:1%;
	vertical-align:top;
	line-height:24px;
}
#sidebar ul li a{
	color:#999;
	font-weight:bold;
	width:100%;
	display:block;
}
#sidebar ul li a:hover, #sidebar ul .active a{
	text-decoration:none;
	color:#fff;
}
/* content */
#content{
	width:732px;
	float:right;
	margin:12px 17px 0 0;
	display:inline;
	padding:0 0 86px;
}
/* gallery */
.gallery{
	width:732px;
	margin:0 0 32px;
}
.photo-holder{
	width:700px;
	height:520px;
	overflow:hidden;
	background:#fff;
	padding:16px;
	position:relative;
	margin:0 0 16px;
}
.description-holder{
	position:absolute;
	bottom:0;
	left:0;
}
.description{
	width:702px;
	height:84px;
	padding:8px 0 0 30px;
	background:url(../images/site/bg-description.png);
	font-size:12px;
	font-weight:bold;
	position:relative;
}
.description p{
	margin:0;
}
.preview{
	width:732px;
	margin:0 0 3px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.preview li{
	float:left;
	width:113px;
	height:82px;
	background:#fff;
	padding:4px;
	margin:0 1px 0 0;
}
.preview li img{
	display:block;
}
.switcher{
	width:714px;
	height:22px;
	background:#4d4b4b;
	overflow:hidden;
	padding:10px 9px 0;
}
.left{
	float:left;
	width:13px;
	height:11px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/site/bg-left.gif) no-repeat;
}
.right{
	float:right;
	width:13px;
	height:11px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/site/bg-right.gif) no-repeat;
}

/*- J-QUERY THUMBNAIL GALLERY
------------------------------------------------------------ */


.contentgal {
	border-top:16px solid #FFFFFF;
	float:right;
	width:700px;
	padding:0 16px;
	/*background:url(http://www.panacms.net/images/bg-dotted.gif) repeat-x;*/
	background:#FFFFFF; 
}
.contentgal-bg {
	padding:0px 0 0px;
	overflow:hidden;
	height:1%;
	/*background:url(http://www.panacms.net/images/bg-dotted.gif) repeat-x;*/
}
.contentgal #gallery {
	position:relative;
	/*background:url(http://www.panacms.net/images/bg-sep.gif) repeat-x;*/
	width: 100%;
	padding:0px 0 0;
}
#gallery ul.pict {
	position: relative;
	overflow: hidden;
	height: 525px;
}

#gallery ul.pict .l_dis {
	display: none;
}
#gallery .slideViewer { /* above thumbnails */
	/*background: url(http://www.panacms.net/images/bg-dotted.gif) repeat-x 0 100%;*/
	padding: 0 0 15px;
	margin: 0 0 1px;
	
}
#gallery a.left,
#gallery a.right {
	text-indent:-9999px;
	position: absolute;
	bottom: 16px;
	left: 0;
	width:32px !important;
	height:32px !important;
	margin: 0 !important;
	overflow:hidden;
	background: url(../images/site/btn-prev.gif) no-repeat;
}
#gallery a.right {
	background: url(../images/site/btn-next.gif) no-repeat;
	left: auto;
	right: 0;
}
#gallery a.left:hover,
#gallery a.right:hover {
	background-position:0 -32px;
}

#gallery a.l_dis:hover,
#gallery a.r_dis:hover {
	background-position: 0 0;
}

.list {
	width:700px;
	overflow:hidden;
	padding:11px 0 0;
	/*background: url(http://www.panacms.net/images/bg-dotted.gif) repeat-x;*/
}
.list ul {
	width:9999px;
}
.list ul li {
	float:left;
	margin:0 1px 0 0;
}
.list ul li img {
	display:block;
}
.buttons {
	overflow:hidden;
	height:1%;
	padding:1px 0 16px;
	/*background: url(http://www.panacms.net/images/bg-dotted-1.gif) repeat-x 0 100%;*/
}
.buttons h6 {
	margin: 0 auto;
	margin:0 0px 0 0px;
	float:left;
	display:inline;
	width:700px;
	font-size:18px;
	font-weight: bold;
	color:#333;
	background:#333;
	line-height:32px;
	text-align:center;
}
.buttons a {
	color: #FFF;
}
.buttons a:hover {
	color: #FFFF00;
	background-color: #CCC;
	
}
/*typographic info*/ 
#gallery span.typo{
 
padding: 16px 0 16px 12px; /* do not modify padding (yet)*/
background: #333;
/*opacity: 1.0;*/
/*filter: alpha(opacity=50);*/
position: absolute;
width: 688px;
color: #FFFFFF; 
font: normal 11px Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 16px; 
} 
/* box ===================================================================== */
.box{
	border-top:4px solid #ffd138;
	padding:10px 0 5px;
}
.box h2{
	margin:0 0 4px;
	font-size:18px;
	line-height:21px;
	color:#ffd138;
}
.box p{
	margin:0 0 24px;
	word-spacing:-1px;
}
.box a{
	color:#ffd138;
	text-decoration:none;
}
.box a:hover{
	color:#ffffff;
	text-decoration:none;
}
.image{
	float:left;
	background:#fff;
	width:256px;
	height:192px;
	padding:16px;
	overflow:hidden;
}
.box-wrapper{
	width:100%;
	overflow:hidden;
}
.box-wrapper .box{
	float:right;
	width:428px;
}
.buy-now{
	width:100%;
	overflow:hidden;
	border-top:2px solid #ffd138;
	margin:-9px 0 0;
	padding:5px 0 0;
}
.buy-now a{
	font-weight:bold;
	color:#ffd138;
	background:url(../images/site/bullet04.gif) no-repeat 100% 7px;
	float:right;
	padding:0 15px 0 0;
}
/* footer ================================================================= */
.footer-wrap{
	width:100%;
	height:148px;
	background:#eee;
	margin:-128px 0 0;
	border-top:4px solid #ccc;
}
#footer{
	width:864px;
	margin:0 auto;
	font-size:10px;
	line-height:13px;
	position:relative;
	padding:25px 0 0 64px;
	overflow:hidden;
	color:#333;
}
.footer-logo{
	position:absolute;
	left:0;
	top:26px;
	width:48px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/site/img04.gif) no-repeat;
}
#footer ul{
	margin:0 0 4px -9px;
	padding:0;
	list-style:none;
	float:left;
	clear:left;
	overflow:hidden;
	display:inline;
}
#footer ul li{
	float:left;
	font-weight:bold;
	background:url(../images/site/separator01.gif) no-repeat 0 3px;
	padding:0 8px 0 11px;
	margin:0 2px 0 -2px;
}
#footer address{
	margin:0 0 4px -9px;
	padding:0;
	list-style:none;
	float:left;
	clear:left;
	overflow:hidden;
	display:inline;
}
#footer address span{
	float:left;
	font-weight:bold;
	background:url(../images/site/separator01.gif) no-repeat 0 3px;
	padding:0 8px 0 11px;
	margin:0 2px 0 -2px;
	font-style:normal;
}
.copyright{
	float:left;
	color:#999;
	clear:left;
}