body{
	margin:0;
	background:url(../images/site/bg-body.gif);
	min-width:928px;
	height:100%;
	font:bold 16px Helvetica, Arial, sans-serif;
	color:#666;
}
html{height:100%;}
img{border-style:none;}
a{color:#ff0099;text-decoration:none;}
a:hover{color:#fff;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

#wrapper{
	width:100%;
	min-height:100%;
}
* html #wrapper{height:100%;}
/*header start*/
#header{
	width:100%;
	overflow:hidden;
	background:url(../images/site/bg-header.png) repeat-x;
}
#header .holder{
	width:928px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/site/bg-header-holder.gif) no-repeat;
}
#header .holder .logo{
	float:left;
	display:inline;
	margin:31px 41px 0 10px;
}
#header .holder .logo a{
	display:block;
	background:url(../images/site/logo.png) no-repeat;
	width:188px;
	height:148px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	outline:none;
}
/*main navigation start*/
#nav{
	float:left;
	display:inline;
	width:720px;
	margin:48px -60px 0 0;
	position:relative;
}
#nav ul{
	list-style:none;
	margin:0 32px 0 0;
	padding:0 8px 0 9px;
	width:191px;
	float:left;
	display:inline;
	overflow:hidden;
}
#nav ul:first-child{margin-left:0;}
#nav ul li{
	width:191px;
	background:url(../images/site/bg-nav-el.gif) repeat-x 0 100%;
	float:left;
	padding:0 0 2px;
}
#nav ul li a,
#nav ul li span{
	color:#666;
	display:block;
	margin:1px 0 0;
	padding:0 7px 1px;
	font:bold 10px/12px Helvetica,Arial, sans-serif;
	height:12px;
	text-transform:uppercase;
	outline:none;
}
.mac #nav ul li a,
.mac #nav ul li span{
	height:12px;
	padding:0 7px 1px;
}
.mac.ff3 #nav ul li a,
.mac.ff3 #nav ul li span{
	height:11px;
	padding:1px 7px 1px;
}
.mac.opera #nav ul li a,
.mac.opera #nav ul li span{
	height:10px;
	padding:2px 7px 1px;
}
.mac.safari3 #nav ul li a,
.mac.safari3 #nav ul li span{
	height:11px;
	padding:1px 7px;
}
.safari #nav ul li a,
.safari #nav ul li span{
	height:12px;
	padding:0 7px 1px;
}
#nav ul li a:hover,
#nav ul li.active a{
	color:#fff;
	background:#ff0099;
}
/*- J-QUERY THUMBNAIL GALLERY
------------------------------------------------------------ */


.contentgal {
	border-top:16px solid #000000;
	float:right;
	width:897px;
	padding:0 16px;
	/*background:url(http://www.panacms.net/images/bg-dotted.gif) repeat-x;*/
	background:#000000;
	margin: 33px 0px 0px 0px;
}
.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;
	margin: 0px 0px 0px 0px;
}
#gallery ul.pict {
	position: relative;
	overflow: hidden;
	height: 598px;
}

#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 0px;
	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:897px;
	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:8px 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:897px;
	font-size:18px;
	font-weight: bold;
	color:#000000;
	background:#000000;
	line-height:32px;
	text-align:center;
}
.buttons a {
	color: #000000;
}
.buttons a:hover {
	color: #000000;
	background-color: #CCC;
	
}
/*typographic info*/ 
#gallery span.typo{
 
padding: 16px 16px 16px 16px; /* do not modify padding (yet)*/
background: #FF0099;
opacity: 0.8;
/*filter: alpha(opacity=50);*/
position: absolute;
width: 448px;
color: #FFFFFF; 
font: normal 11px Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 16px;

/*====================================== END GALLERY ======================================*/

} 
/*main navigation end*/
/*header end*/
/*main box start*/
#main{
	width:928px;
	margin:0 auto;
	padding:0 0 295px;
}
#main .intro{
	width:897px;
	margin:33px auto 0;
	border:15px solid #000;
}
#main .intro img{display:block;}
#main .heading{
	margin:65px 0 0;
	height:1%;
	overflow:hidden;
	background:url(../images/site/bg-heading.gif) no-repeat 0 16px;
}
#main .heading h2{
	font-size:24px;
	margin:0;
	color:#fff;
	background:#666;
	float:right;
	padding:0 8px;
	line-height:30px;
}
#main .heading strong.caption{
	display:block;
	height:1%;
	clear:both;
	text-align:right;
	font-size:10px;
	color:#666;
	padding:8px 8px 3px 0;
}
#main .box{
	width:100%;
	overflow:hidden;
	padding:11px 0 0;
}
#main .box ul.image-list{
	list-style:none;
	margin:0 0 0 -31px;
	padding:0;
	overflow:hidden;
	width:959px;
	position:relative;
}
#main .box ul.image-list li{
	float:left;
	margin:32px 0 0 31px;
	display:inline;
}
#main .box ul.image-list li a{
	display:block;
	border:4px solid #666666;
	cursor:pointer;
	position:relative;
}
#main .box ul.image-list li a img{display:block;}
#main .box ul.image-list li .caption{
	position:absolute;
	top:16px;
	left:0;
	display:none;
	background:url(../images/site/bg-hover.png);
	color:#fff;
	padding:12px 55px 6px 8px;
	line-height:11px;
	font-style:normal;
	letter-spacing: 0px;
	width:137px;
	height: 60px;
	overflow: hidden;
}
#main .box ul.image-list li .caption .title{
	display:block;
	font-size:16px;
	line-height:16px;
}
#main .box ul.image-list li .caption span{font-size:11px;}
#main .box ul.image-list li a:hover{background:#ff0099; border:4px solid #FF0099;}
#main .box ul.image-list li a:hover .caption{display:block;}
#main .single-column{
	padding:14px 0 0;
}
#main .single-column p,
#main .two-columns p{
	margin:24px 0 0;
	letter-spacing:0px;
	line-height:24px;
}
#main .two-columns{
	height:1%;
	overflow:hidden;
}
#main .two-columns .column1{
	width:460px;
	float:left;
	padding:0 20px 0 0;
}
#main .two-columns .column2{
	width:448px;
	float:left;
}
/*mian box end*/
/*footer start*/
#footer{
	width:100%;
	background:url(../images/site/bg-footer.png) repeat-x;
	margin:-204px 0 0;
}
#footer .holder{
	width:928px;
	margin:0 auto;
	height:213px;
	background:url(../images/site/bg-footer-holder.gif) no-repeat 0 9px;
	position:relative;
}
#footer .camera{
	display:block;
	background:url(../images/site/ico-camera.gif) no-repeat;
	width:67px;
	height:37px;
	text-indent:-9999px;
	margin:0 auto;
	position:relative;
}
#footer .copyright{
	width:100%;
	display:block;
	margin:54px 0 0;
	overflow:hidden;
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
}
#footer .by{
	width:100%;
	display:block;
	font-size:10px;
	margin:2px 0 0;
	text-align:center;
}
/*footer end*/