body
	{
	background:url(images/back.png) top left repeat-x fixed #00205a;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:30px;
	}
.bay
	{
	width:850px;
	background:#FFFFFF;
	text-align:center;
	-moz-box-shadow: 2px 6px 30px #000;
	-webkit-box-shadow: 2px 2px 11px #000;
	}
.pad
	{
	padding:10px 30px;
	}
.kaki
	{
	font-size:9pt;
	}
.comleft
	{
	font-size:11pt;
	text-align:justify;
	}
.comleft a
	{
	color:#000000;
	text-decoration:none;
	}
.comleft td
	{
	border-bottom:thin dotted #CCCCCC;
	text-align:justify;
	padding:5px;
	}
.comleft h3
	{
	font-size:12pt;
	font-weight:bold;
	color:#318ae7;
	text-align:justify;
	}
.depkir
	{
	font-size:11pt;
	text-align:justify;
	}
.depkir a
	{
	text-decoration:none;
	color:#1855AD;
	letter-spacing:1pt;
	}
.depkir a:hover
	{
	text-decoration:none;
	color:#0768a6;
	letter-spacing:1.1pt;
	}
.depkir h3
	{
	font-size:13pt;
	color:#318ae7;
	text-align:justify;
	}
.depkir td
	{
	border-bottom:thin dotted #CCCCCC;
	text-align:justify;
	padding:5px;
	}
.depan
	{
	font-size:11pt;
	text-align:justify;
	}
.depan h3
	{
	font-size:16pt;
	text-align:justify;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	}
.comright
	{
	font-size:10pt;
	text-align:justify;
	}
.comright a
	{
	font-size:10pt;
	border-bottom:1px solid #0099FF;
	color:#000000;
	}
.comright h3
	{
	font-size:14pt;
	font-weight:bold;
	letter-spacing:1pt;
	color:#104D9C;
	text-align:justify;
	}
.comright li
	{
	text-align:left;
	margin-bottom:3pt;
	}
#ser1
	{
	font-size:12pt;
	letter-spacing:0.9pt;
	color:#316990;
	text-align:left;
	font-weight:bold;
	}
#ser1 u
	{
	font-weight:bold;
	}
.t1
	{
	font-weight:bold;
	color:#0C87D4;
	letter-spacing:0.9pt;
	font-size:12pt;
	}
.t2
	{
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0.9pt;
	color:#2885bf;
	}
.w80
	{
	padding:0 30px;
	}
.w80 h1,h2
	{
	color: #318ae7;
	letter-spacing:2pt;
	text-align:left;
	}

.sidebar
	{
	width:700px;
	height:480px;
	}

.error {
	color: #fF0000;
	font-size: 11px;
}

.pro
	{
	float:left;
	background:url(images/pro3.png) center no-repeat #0099FF;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	width:40px;
	height:480px;
	padding:0 3px;
	}

.section
	{
	font-family:"Trebuchet Ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:15px 0;
	border-bottom:3px solid #0099ff;
	height:225px;
	font-size:11pt;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	}

.section li
	{
	 background:url(images/bullet_blue.gif) left center no-repeat;
	 padding-left:10px;
	}
	
.w50
	{
	width:350px;
	text-align:left;
	}
.w50 h1
	{
	background:#0099FF;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	padding:8px 5px;
	text-align:center;
	height:450px;
	}

#gallery {
	position:relative;
	height:250px;
	float:left;
	width:437px;
	background:#003366;
	margin-right:13px;
}
	#gallery a {
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:40px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .conten {
		margin:8px 5px 5px 10px;
	}
	
	#gallery .caption .conten h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
.hidden_link	{display:none;}

div#feature_list {
	width: 790px;
	height: 558px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 270px;
}

ul#tabs li {
	font-size: 11px;
	font-family: "Trebuchet Ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.h3 {
	display: block;
	font: bold 20px Helvetica, sans-serif;
}

ul#tabs li img {
	padding: 0;
	border: none;
	float: left;
	margin: 0 10px 0 0;
}

ul#tabs li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px;
	height: 60px !important;
	margin-bottom:10px;
	outline: none;
	overflow: hidden !important;
}

ul#tabs li a:hover {
	/*background-color: #fffffe; /* why not #fff? It's an ugly hack for a quirk in IE */
	color: #000;
}

ul#tabs li a.current {
	background:#FFF  /*url('images/common/feature2.png') center right no-repeat*/;
	color: #FFF !important;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px outset #d5d5d5;
	-moz-box-shadow: 1px 1px 6px #666;
	-webkit-box-shadow: 1px 1px 6px #666;
	text-align: right;
	padding-right: 35px;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 530px;
	height: 480px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 530px;
	height: 480px;
	border-bottom: 2px solid #777;
}

ul#output div.outputSectionContainer {
	padding: 5px 30px 5px 40px;
	color: #000;
	width: 500px;
	height: 480px;
	background: #ffffff;
	/*border-left: 1px solid #4252AA;*/
}

.outputSectionContainer .serviceHeading {
	display: block;
	font: bold 20px/18px Arial, Helvetica, sans-serif;
	margin: 25px 0 25px 0;
}

.serviceDescBox {
	width: 480px; height: 480px; padding-right: 10px;
}

.serviceDesc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.port	{ 
		width:120px;
		position: relative;
		margin-right:5px;
		margin-left:5px;
		background:#f4f4f4;
		-moz-border-radius:5px;
		border:1px solid #d5d5d5;
		margin-bottom:20px;
		padding:10px;
		height:77px;
		float:left;
		} 
		
		.featuredcorner {
			background:url(../images/ribboncorner.png) 0 0 no-repeat;
			position:absolute;
			top:0px;
			color:#FFFFFF;
			left:0px;
			width:87px;
			height:87px;
			}

		.porttext 	{	
				padding:0;
				margin-top:5px;
				}

		.porttext p {
				clear:both;
				padding-top:5px;
				}

		.porttext h5	{
				float:left;
				margin-top:8px;
				}
				
		.porttext .viewarrow	{
								width:84px;
								height:17px;
								 float:right;
								margin:8px 5px 0 8px;
								}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:29px;
	height:29px;
	border:none;
	text-indent:-999px;
	background:url(images/top.png) no-repeat left top;
}

#toTopHover {
	background:url(images/top.png) no-repeat left -29px;
	width:29px;
	height:29px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


.accord_right {
	width:60%;
	float:left;
	padding:0;
	}	
			
.imgborder {
	border:1px solid #ddd;
	float:left;
	padding:1px;
	margin-right:20px;
	}	
			

.accordion {
	}

.accordion h3 {
	background: url(images/arrow_right.png) no-repeat 10px center;
	padding: 8px 30px;
	margin: 0;
	font:bold 10pt Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	color:#000;
	cursor: pointer;
	}
	
.accordion h3:hover {
	background-color: #eee;
	}
	
.accordion h3 {
	background:#f2f2f2 url(images/arrow_down.png) no-repeat 10px center;
	color:#000;
	}
	
.accordion div.ac_portfolio {
	background: #ffffff;
	border-bottom: 1px solid #ddd;
	margin: 0;
	overflow:hidden;
	_height:100%;
	padding: 30px;
	}


span.info {
	background:#fffae8;
	border:1px solid #e2c388;
	padding:10px;
	display:block;
	font:normal 11px Tahoma, Verdana, Sans-serif;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


.slider {
		background:url(images/slider_bg2.png) no-repeat;
		width:790px;
		height:312px;
		position:relative;
		padding:0;
		margin-bottom:20px;
		}

		.sliderpanel {
			overflow: hidden; 
			visibility: visible; 
			position: absolute; 
			z-index: 2; 
			left: 0px;
			margin-left:15px;  
			height:250px; 
			top:5px;
			}

		ul.slider-img-list {
			margin: 0px; 
			padding: 0px; 
			position: relative; 
			list-style-type: none; 
			z-index: 1; 
			left: 0px;
			}

		ul.slider-img-list li	{
			overflow: hidden; 
			float: left; 
						list-style-type:none;
			height: 300px; 
			padding:0;
			vertical-align:bottom;
			padding-top:10px; 
			}


		ul.slider-textlist {
			margin: 0px; 
			padding: 0px; 
			position: absolute; 
			list-style-type: none; 
			z-index: 1; 
			height: 1440px; 
			top: -1100px; 
			}

		ul.slider-textlist li	{
			overflow: visible; 
			float: none; 
						list-style-type:none;
			border:0px solid #c30000;		
			width: 320px; 
			height: auto;
			}

		.sliderImages ul li img {
			width:760px;
			border:0px solid #c30000;
			}

		.sliderImages ul li img {
			padding-left:0px;
			margin-left:0px;
			}

		#home-slider ul li {
			margin:0;
						list-style-type:none;
			}

		.sliderTextHolder ul li {
			height:37px;
			line-height:25px;
			margin-left:17px;
			}

		.sliderTextHolder p {
			color:#c1c1c2;
			padding-right:30px;
			}
	
		.sliderTextHolder h1 {
			padding-top:10px;
			color:#FFFFFF !important;
			}

		.sliderTextHolder h1 a{
			color:#FFFFFF;
			}

		.sliderTextHolder{
			margin-top:15px;
			}

		.prev { margin-left:5px; }

		.next { margin-left:5px; }

		.buttons2{
			width:60px;
			position:absolute;
			top:10px;
			z-index:3;
			right:1px;
			height: 40px;
	 		}	
	 	
		.slider_text {
			height:275px;
			margin:0;
			padding-left:10px;	
			}

	 	.slider_text h1 {
			font: normal bold 3.0em Tahoma, Helvetica, sans-serif; 
	 		line-height:40px;
		 	color:#fff;
	 		text-transform:capitalize;
	 		margin-top:40px;
	 		padding-left:10px;
	 		}
	 
	 	.slider_text p {
	 		color:#FFFFFF;
			margin:20px 0 0 10px;
	 		}
	 
		.img_shade {
			background:url(images/image_shade.png) no-repeat;
			width:749px;
			height:330px;
			position:absolute;
			top:10px;
			left:0px;
			z-index:10;
			}


img{
	margin:0;
	padding:0;
	border:none;
}



.pic a{ float:left; margin:0; padding:0; margin:5px 0px 5px 0px!important; margin:5px 0px 5px 0px; display:block; no-repeat; }
.pic a img{ float:left; margin:0; padding:0; margin:0px 0 0 0px; width:270px; height:120px;}



#outputOverlay {
	position: absolute;
	background: #ffffff;
	margin-left: 287px;
	width:100px;
	height:100px;
	width: 530px;
	height: 480px;
}

.serviceP {
	color: #555;
	font: 11px/20px Tahoma;
}

.serviceP p {
	margin:	0 0 20px 0;
}

.titleHue {
	color: #4F97B0;
}

/* box_block */
.box_block { width:350px; clear:both; padding:0 0 10px 0;}
.box { width:321px; margin:0 10px 30px 0; float:left; background:url(images/box_bg.gif) repeat-y;}
.box .box_t { background:url(images/box_t.gif) no-repeat top;}
.box .box_b { background:url(images/box_b.gif) no-repeat bottom; padding:0 0 10px 0; text-align:left;}
.box h2 { margin:0 0 10px 0; padding:11px 0 11px 20px; color:#318ae7; font:normal 18px Arial, Helvetica, sans-serif;}
.box img { float:left; padding:15px;}
.box p { padding:5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box a { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box a.more { padding:0 10px; font:bold 11px Arial, Helvetica, sans-serif; color:#0092dd; line-height:1.8em; text-decoration:none;}

.box ul { padding:10px 20px; margin:0; list-style:none;}
.box ul li { background:url(images/sub_nav.gif) no-repeat left; margin:0; padding:3px 0 3px 25px; border-bottom:1px solid #eaeaea;}

	

/********** contact form **********/
#contactform { margin:0 20px 0 0; padding:5px 10px;}
#contactform * { color:#5f5f5f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; text-align:left;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:3px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 10px;
	width: 350px;
	}
#contactform .messager{ height:170px;}

#contactform .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 10px;
	width: 500px;
	}
#contactform .field{
	padding:4px 0 0 6px;
	width:350px;
}
#contactform #check{
	width:30px;
	text-align:center;
}
#contactform input.text { width:400px; border:1px solid #d0d0d0; margin:3px 0; padding:5px 2px; height:16px; background:#ffffff;}
#contactform textarea { width:350px; border:1px solid #d0d0d0; margin:3px 0; padding:2px; background:#ffffff;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:red; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.tabbed_area {     
    padding:8px 0;
	text-align:left;      
} 

ul.tabs2 {  
    margin:0px; padding:0px;  
	 margin-top:5px;  
   margin-bottom:7px; 
   
    }  
ul.tabs2 li {  
    list-style:none;  
    display:inline;
	margin-right:5px;
	 
}  

ul.tabs2 li a {  
   background-color:#464c54;  
    color:#ffFFFe;  
     padding:8px 14px 8px 14px;  
     text-decoration:none;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  
     font-size:12pt;  
    font-weight:bold;  
    border:1px solid #1861bd;background:#0099FF;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;    
 }  
ul.tabs2 li a:hover {  
     background-color:#0f64ad;  
      border-color:#1861bd;  
  }  
ul.tabs2 li a.active {  
     background-color:#0156ad;  
    color:#6bc2ff;  
    border:1px solid #464c54;   
      border-bottom: 1px solid #ffffff;  
 }  
 
.content {   
    padding:40px;  
   border:1px solid #1861BD;
   -moz-border-radius:0 8px 8px 8px;
	-webkit-border-radius:0 8px 8px 8px;     
 }  
#content_2, #content_3 { display:none; } 

.content ul {  
    margin:0px;  
    padding:0px 20px 0px 20px;  
 }  
.content ul li {  
    list-style:none;  
    border-bottom:1px solid #d6dde0;
	background:url(images/bullet_blue.gif) no-repeat center left;  
     padding:5px 0 5px 10px;  
     font-size:13px;  
}  
.content ul li a {  
    text-decoration:none;  
     color:#3e4346;  
 }  
.content ul li a small {  
    color:#8b959c;  
    font-size:9px;  
     text-transform:uppercase;   
       position:relative;  
      left:4px;  
    top:0px;  
   }  
   
.content ul li:last-child {  
    border-bottom:none;  
}  


.menubak
	{
	background:url(images/bakmenu.png) top repeat-x;
	}
	
.menu { 
			height: 30px;
			display: block;
		}

		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.menu ul li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 30px;
		}

		.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 110px;
			height: 30px;
			font-family: "Trebuchet MS" , Arial;
			font-size: 12pt;
			font-weight: bold;
			letter-spacing: 1px;
			text-decoration: none;
			cursor: pointer;
		}

		.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 110px;
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}
/** 2nd example **/
		
		#menu2 ul li a {
			color: #104d9c;
		}

		#menu2 ul li a span.over {
			color: #000;
		}
		
.tooltip {
		display:none;
		background:#000;
		border:1px solid #cc9;
		padding:3px;
		font-size:13px;
		-moz-box-shadow: 2px 2px 11px #666;
		-webkit-box-shadow: 2px 2px 11px #666;
		color:#FFFFFF;
}

#page_navigation{
text-align:center;
padding-top:40px;
font-family:"Trebuchet MS";
font-weight:bold;

}

#page_navigation a{
	padding:3px;
	border:1px solid gray;
	margin:2px;
	color:black;
	text-decoration:none
}
.active_page{
	background:darkblue;
	color:white !important;
}

#content td{
	padding:2px;
	font-size:9pt;
	border-collapse:collapse;
}

#content td b{
margin-bottom:10px;
}
	

/*
	SLIDER
*/
.slider-wrap								{ width: 850px; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 850px; height: 250px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; border-top:solid thin #e9f6ff;}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 850px; background:#003366;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin-right: 5px; }
#movers-row									{ width:100%; background:url(images/backblue.png) top left repeat-x; margin:15px;}
#movers-row div								{ float: left; width:160px;}
#movers-row div a.cross-link 				{ float: right; }
#kiridep									{ float:left; border-right:thin inset #FFFFFF;height:62px; padding:8px 15px; margin-right:8px;}
.kirhead									{ font-size:11pt; font-weight:bold; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:				left; letter-spacing:1pt; padding-bottom:5px;}
.kirhead2									{  font-size:11pt; font-weight:bold; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:				left; letter-spacing:1pt; z-index:-1; display:block; padding-top:8px;}
.kiri1										{ float:left; text-align:center; font-size:9pt; display:block; color:#0099FF;padding:7px; width:130px; height:27px; display:block; background:#000000; /*background: -webkit-gradient(linear, left top, left bottom, from(#0099ff), to(#000));background: -moz-linear-gradient(top,  #ccc,  #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');*/ border-radius:5px; -moz-border-radius:5px; text-align:center; margin:2px 5px 0 0; border:thin #429eef solid;}
.kiri1 a									{ text-decoration:none; color:#fFF;font-weight:bold;}
.kiri1 a:hover							    { text-decoration:none; color:#FFF; font-weight:bold; font-size:9pt;}
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 20px; margin-top: -40px; position: relative; font-size:12pt; font-weight:bold; letter-spacing:2pt; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 150px; margin-top: -49px;position: relative; padding:38px 0 10px 0; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite2.png) top center no-repeat; }