/* CSS Document */
body{ 
	margin:0; 
	padding:0;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	height:100%;
	background:url(images/templnew_51.jpg) repeat #f2f2f2;
	} 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}
body img{
border:0px;
margin:0px;
padding:0px;
}
a{
	font-family:Helvetica, Arial, sans-serif;
}
a:link{
	text-decoration: none;
	color:#3a3a3a;
}
b:link{
	text-decoration: none;
	color:#3a3a3a;
}
a:visited{
	text-decoration: none;
	color:#3a3a3a;
}
a:hover{
	text-decoration: none;
	color:#ccc;
}
a:active{
	text-decoration: none;
}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}
/*     containers      */
#header_container {
	position: relative;
	height: 30px;
	z-index: 1;
	background-image: url(images/templnew_02.jpg);
}
#header {
	position: relative;
	width: 338px;
	height: 100%;
	top:-1px;
	margin: 0 auto;
	overflow: visible;
	z-index: 1;
}
/*  main body  */
#main_container {
	background: #f2f2f2;	
	background: url(images/templnew_51.jpg) repeat;
}
#main {
	position: relative;
	width: 855px;
	height: 800px;
	margin: 0 auto;
	padding:5px 0px 5px 0px;
	background: url(images/templnew_51.jpg) repeat;
}
#maincontact {
	position: relative;
	width: 647px;
	height: 640px;
	margin: 0 auto;
	padding:5px 0px 5px 0px;
}
#logomain {
	position: relative;
	width: 339px;
	height: 82px;
	margin: 0 auto;
	padding:5px 0px 5px 0px;
	top: 16px;
}
.dividerline {
	position: relative;
	width: 855px;
	height: 1px;
	margin: 0 auto;
	top: 0px;
	z-index: 4;
}
#dividerline1 {
	position: relative;
	width: 855px;
	height: 1px;
	margin-top:6px;
	top: 0px;
	z-index: 4;
}
#headline {
	position: relative;
	width: 533px;
	height: 101px;
	top: -2px;
	z-index: 3;
	left: 157px;
	margin-bottom: 5px;
}
/* footer */
#footer_container {
	width:100%;
	height:60px;
	background-color: #f2f2f2;
}
#footer {
	position: relative;
	width: 855px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
	margin: 0 auto;
	height: 60px;
	z-index: 3;
	top: 0px;
}
/* home content */
#content{
	position:relative;
	top:-5px;
	left:0px;
	width:855px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:112px !important;
	height:565px;
	background-color:#f2f2f2;
	z-index:2;
	background-image: url(images/templnew_51.jpg);
}
#insetdots{
	position:relative;
	top:0px;
	left:402px;
	width:55px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:3;
}
.portimage{
	position:relative;
	top:0px;
	left:4px;
	width:239px;
	height:166px;
	padding:0px 0px 0px 0px;
	margin:0px 41px 19px 0px;
	float: left;
	border:8px solid #cfcfcf;
}
.portimage1{
	position:relative;
	top:0px;
	left:0px;
	width:239px;
	height:166px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 19px 0px;
	float: left;
	border:8px solid #cfcfcf;
}
.portimage:hover{
border:8px solid #e8e8e8;
}
.portimage1:hover{
border:8px solid #e8e8e8;
}
#contentcontact{
	position:relative;	
	left: 0px;
	top:20px;
	width:647px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	min-height:485px;
	height:530px !important;
	height:565px;
	background-color:#f2f2f2;
	background-image:url(images/contact.png);
	z-index:2;
}
/*   bottom navigation   */
ul.navi{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float: right;
}
.navi{
	position:relative;
	display:block;
	top:0px;
	left:1px;
	width:695px;
	height:58px;
	padding:0px;
	margin:0px;
	line-height:0px;
	z-index:4;
}
.navi1 a{
	float:left;
	display:block;
	width:93px;
	height:39px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-image:url(images/templnew_26.jpg);
	background-position:0px 0px;
}
.navi1 a:hover{
	float:left;
	display:block;
	width:93px;
	height:39px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-image:url(images/templnew_26.jpg);
	background-position:0px -57px;
}
.navi2, .navi2 a{
	float:left;
	display:block;
	width:111px;
	height:39px;
	margin:0px;
	padding:0px;	
	background-repeat:no-repeat;
	background-image:url(images/templnew_27.jpg);
	background-position:-171px 0px;
}
.navi2 a:hover{
	float:left;
	display:block;	
	width:111px;
	height:39px;
	margin:0px;
	padding:0px;	
	background-repeat:no-repeat;
	background-image:url(images/templnew_27.jpg);
	background-position:-171px -57px;
}
.navi3, .navi3 a{
	float:left;
	display:block;
	width:187px;
	height:58px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-image:url(images/bottomnavi.jpg);
	background-position:-303px 0px;
}
.navi3 a:hover{
	float:left;
	display:block;
	width:187px;
	height:58px;
	margin:0px;
	padding:0px;	
	background-repeat:no-repeat;
	background-image:url(images/bottomnavi.jpg);
	background-position:-303px -57px;
}
.navi4, .navi4 a{
	float:left;
	display:block;
	width:205px;
	height:58px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-image:url(images/bottomnavi.jpg);
	background-position:-495px 0px;
}
.navi4 a:hover{
	float:left;
	display:block;
	width:205px;
	height:58px;
	margin:0px;
	padding:0px;	
	background-repeat:no-repeat;
	background-image:url(images/bottomnavi.jpg);
	background-position:-495px -57px;
}
.navi span {
	display: none;
}
/* copyright */
#copyright{
	position:relative;
	top:3px;
	left:4px;
	z-index:4;
	height: 24px;
	width: 116px;
}
/* positions contact form elements */
.cmxform{
	position:absolute;
	top:84px;
	left:129px;
	z-index:4;
	height: 221px;
}
#name{
	position:relative;	
	top: 0px;	
	left: 0px;
	height:19px;
	width:260px;
	margin:0px 0px 20px;
	z-index:4;
}
#email{
	position:relative;	
	top: 7px;	
	left: 0px;
	height:19px;
	width:260px;
	margin:0px 0px 20px;
	z-index:4;
}
#message{
	position:relative;
	top: 17px;
	left: 38px;
	height:100px;
	width:448px;
	margin:0px 0px 20px;
	z-index:4;
}
#submit{
	position:relative;
	top: 8px;
	left: 35px;
	height:auto;
	width:454px;
	margin:0px 0px 20px;
	z-index:4;
}
#error{
	position:absolute;
	top:-20px;
	left:6px;
	width:480px;
	font-size:12px;
	color:#FFDA3C;
}
/*   */
h1, h2, h3, h4{
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#515050;
	text-indent:8px;

}

/*  jquery lightbox   */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}