﻿@charset "utf-8";
* {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	OUTLINE-STYLE: none !important;
	OUTLINE-COLOR: invert !important;
	 
	OUTLINE-WIDTH: 0px !important;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}


 








body { margin:0px 0; padding:0; width:100%; background:url(images/body_bg.jpg) repeat-x; 
       
       font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif;font-size:.89em;color:#555
       }
 



 
a {	COLOR:#0099ff; TEXT-DECORATION: none}
a:hover {TEXT-DECORATION: underline}
a:visited{COLOR:#0099ff;  }
a:active{COLOR:#0099ff;  }
h1{font-size:1.5em;margin:0 0 15px;padding:0 0 0 5px; color:#900;font-style:italic;font-weight:normal;border-bottom:1px solid #d1d4d7; }
h2{font-size:1.3em;font-weight:bold; border-bottom:1px solid #d1d4d7;color:#555; margin-bottom:15px; }
h3{font-size:1.1em;font-weight:normal; border-bottom:1px solid #d1d4d7;color:Red; text-transform:uppercase; }
h4{font-size:1.1em;font-weight:bold; color:#555; margin-bottom:15px;}
p{margin:0 0 10px 0;line-height:1.1em; }
strong{color:Red;font-size:1.1em;}
.bigger{font-size:1.1em; }


input[type='text'],input[type='password'],
select{border:1px solid #c1c1c1;background:transparent url(images/bg_inputs_gradient.png) repeat-x;color:blue; margin:0 0 2px;padding:2px 0 2px 3px;}

textarea{border:1px solid #c1c1c1;background:url(images/bg_inputs_gradienttextarea.png) repeat-x;color:blue; margin:0 0 2px;padding:2px 0 2px 3px;}


input[type='text'],select{ color:blue;}
input[type='text']{background-color:#e6e6e6;color:blue;}

input[type='submit']
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    clear:both;
    margin:auto;
    background:#666666 url(images/button.png) no-repeat;
    text-align:center;
    line-height:25px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
    input[type='button']
{
    clear:both;
margin:auto;
width:110px;
height:25px;
background:#666666 url(images/button.png) no-repeat;
text-align:center;
line-height:25px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:none;
    
    }
select option{ color:blue;}
 
 



 
     
.mnleft { margin-bottom: 1em;
  width:700px;
 float:right;    }
	
 .mnleft ul {
padding: 3px 5px 2px 5px;
margin-left: 15px;
margin-top: 0px;
margin-bottom: 0;

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
 
margin-right:10px;
}
 .mnleft ul li {
 display: inline;
margin: 0;
padding:0;
float:right;
height:20px;

 background:white  url(images/menu.gif) top left ; 
}




 .mnleft ul li a{
text-decoration: none;
padding: 5px 15px 4px 15px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
margin-top:10px;
border-left: 1px solid gray;
color: #313F5C;
font-weight:bold;
font-size:.9em;
background:  url(images/tab.gif) top right no-repeat;
}




 .mnleft li ul { display: none; 
 
 
   list-style:none;  
 }
 
 .mnleft ul li a:hover { }
 .mnleft li:hover ul {
  display: block;
  position: absolute;
  width:200px;
  border-right:none;
  padding:0;margin:1px 0 0 0;
 
border: 1px solid #555; /*THEME CHANGE HERE*/
 
border-top:none;
 

line-height:18px;
z-index:100;
background:  url(images/drop.gif);
width: 380px;
 
  
  
  
  
  
  
  
  
  
  
}
  .mnleft ul li:hover   li   {
  display:block;
 float: none;
  text-align:left;
  height:20px;
 background:  url(images/drop.gif);
  padding:3px 2px;
 border-right:none;
 border-bottom:none;
   border-left:none;
  
}
 .mnleft ul li ul  li a  {
 
 text-align:left;
   height:20px;
   background:none;
 
   font-size:12px;
   border-right:none;
   border:none;
   
}
	 .mnleft ul li ul  li a:hover  {
	 
	 color:maroon;
	 text-decoration:underline
	 }	  





.menunav{
margin-bottom: 1em;
  width:700px;
 float:right;
}

.menunav ul{
padding: 3px 5px 2px 5px;
margin-left: 15px;
margin-top: 0px;
margin-bottom: 0;

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
 
margin-right:10px;
 
}

.menunav li{
display: inline;
margin: 0;
padding:0;
float:right;
height:20px;
 background: #e5febc url(images/menu.gif) top left ;
}

.menunav li a{
text-decoration: none;
padding: 5px 15px 4px 15px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
margin-top:10px;
border-left: 1px solid gray;
color: #313F5C;
font-weight:bold;
font-size:.9em;
background:  url(images/tab.gif) top right no-repeat;
}

.menunav li a:hover{
color: maroon;
}

  .menunav li  a.active{
 color:maroon;
}

 
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
 margin:0;
border: 1px solid #555; /*THEME CHANGE HERE*/
 
border-top:none;
 

line-height:18px;
z-index:100;
background:  url(images/drop.gif);
width: 430px;
visibility: hidden;
padding:5px;
}

.dropmenudiv_e img
{
display:inline;padding:0;margin:0;padding-bottom:3px;vertical-align:middle;

}
.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #657f27; /*THEME CHANGE HERE*/
width: 450px;
padding: 2px 0;
text-decoration: none;
color:maroon;
 
font-weight:normal;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
 
color:darkblue
}

.left {
	DISPLAY: inline; FLOAT: left
}
.r {
	DISPLAY: inline; FLOAT: right
}
.right {
	DISPLAY: inline; FLOAT: right
}
.cl {
	LINE-HEIGHT: 0; DISPLAY: block; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px
}



.ad {color:maroon;}
 

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:963px; margin:0 auto;}

/********** header **********/
.header {   }
.block_header {
	margin:0 auto;
	width:963px;
	text-align:left;
	border:0px;
	padding-left: 0px;
}
/* logo */
.block_header h1 a
{
    text-decoration:none;  
} 


h1#logo {
	FONT-SIZE: 1px;float:left;margin:0;padding:0;border:none;text-decoration:none;
}
h1#logo a {
	POSITION: relative; TEXT-INDENT: -10000px; MARGIN: 10px 0px 0px 0px; WIDTH: 170px; DISPLAY: inline; BACKGROUND: url(images/logo.jpg) no-repeat 0px 0px; float: left; HEIGHT: 160px; text-decoration: none !important;
    top: 0px;
    left: 0px;
    text-decoration:none;
    border:none;
}
 
 
 .logo1 a:link{text-decoration:none;} 
 
 
.search {
width:160px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 25px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BACKGROUND-color:  #7ba1b8 ;
	PADDING-TOP: 10px
}
.search P {
	PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.search P A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px; BACKGROUND: url(images/sm_red_s.gif) no-repeat 0px 0px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.search .go {
	MARGIN: 0px 0px -6px 2px
}
.field {
  BACKGROUND: #fff; COLOR: #333; FONT-SIZE: 11px
}
 
/* menu */	

.sideRight2 {
	MARGIN: 7px 0px 20px 0px; WIDTH: 750px; DISPLAY: inline; FLOAT: left; 
}












.menu { padding:0 ; margin:0; width:963px; height:40px;text-align:right; }
.rss { width:200px; float:right; margin:15px   10px 0 0; padding:0;color:white;font-weight:bold;font-size:16px; letter-spacing:4px; }
.rss img { margin:0; padding:0; float:right;}

/********** slider **********/
.leftnav
{

display: block; margin-left: 35px; font-weight: bold; height: 28px; padding-top: 6px;color:#993300
}
.pro15 {
	margin:0;
	list-style:none;
	width:350px;
	color:#000;
	 
 
	 
	 
}
 
 
		 
 
 
 
.dd {
	Z-INDEX: 202;
	POSITION: absolute;
	WIDTH: 205px;
	BACKGROUND: url(images/dd.gif) 0px 0px repeat-y;
	TOP: 35px;
	LEFT: 0px
}
.dd .topu
{
WIDTH: 180px; BACKGROUND: url(topm.png) 0px 0px  no-repeat;   LEFT: 0px;height:3px;

}

.topimg{background:url(images/1.png)  no-repeat;width:963px; height:12px;  margin:0 auto; padding:0;}
 
.blog_body { width:963px;  margin:0 auto; padding:0;background:url(images/2.png) repeat-y;}
.wdth{width:100%;padding:0;margin:0;background:url(images/ff.jpg);}
.wdth2{width:100%;padding:0;margin:0;background:url(images/footer2.jpg) top repeat-x; }
.blog_bottom {background:url(images/3.png)  no-repeat;width:963px; height:25px;  margin:0 auto; padding:0;}


.blog_body .leftbody { width:705px; 
float:left; margin:0; padding:0px 20px 5px 0; background-color:#FFFFFF;
    height: 116px;
}
 
 
 

 
.list li{ 
	 
	display: block;
	padding: 2px 0;
	padding-left: 0px; /*link text is indented 19px*/
	 

 
	padding-left:13px; list-style-type:none; margin:0;   background:url(images/bl.gif) no-repeat center left ;
}
 .rdbBlock 
                { 
                        margin-left: 30px; background-color:lightgrey;padding:5px;border:1px solid black;color:Maroon;
} 
                .rdbBlock input 
                { 
                        margin-left: 10px; background-color:lightgrey;padding:2px;color:Maroon;
                } 

.blog_body h2.welcome { background:url(images/h2_welcome.gif) left no-repeat;}
.blog_body h2.what { background:url(images/h2_what.gif) left no-repeat;}
 .blog_body h2.port { background:url(images/h2_port.gif) left no-repeat;}
.blog_body h2.sevr { background:url(images/h2_servises.gif) left no-repeat;}
.blog_body h2.con { background:url(images/h2_con.gif) left no-repeat;}

.blog_body h2.our { background:url(images/h2_our.gif) left no-repeat;}
.blog_body .leftside { width:725px; float:left; padding:5px 0px 1px 10px; background-color:#FFFFFF}
  
 
.blog_body .rightside { width:200px; float:left;  padding:7px 0px 1px 10px;  }
/*FBG*/
 

 
/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}
.left h2 {   border-bottom:1px solid #000; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}

 
 .sp {   color:red;font-size:.9em; text-decoration:underline;}
 .sp1 {   color:red;font-size: medium; text-decoration:underline;}
.left .img { float:left;  padding:0;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
 
.right a {   color:#5e676d; float:right; text-decoration:none;}
.right em {  color:#5d666c; line-height:1.6em; margin:0;}

  fieldset{
 
   -moz-border-radius-bottomleft: 7px;
 
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px;
   border-radius: 3px;
 
   padding:5px;
   margin-top:1px;
 
  

}
.txt ul
{
 padding:0;margin:0 0 0 10px; 
   list-style-type:none;  
}
.txt ul li a
{
     
    background:url(images/as.gif) no-repeat 0 5px;
    padding-left:10px;
    list-style-type:none;
    
 
    
}

input.txt2
{
  
}
.txt input[type='text']
{
  background:url(images/txt.jpg) top left;
	border:1px solid #ccc;
	font-size:13px;
	padding:0;margin:0;

}
 .txt input[type='image']
{
 
	 
	padding:0;margin:0;

}
 form fieldset input{
 	padding:0;margin:0;

	 
 
	
}
form fieldset legend{
 	font-size:11px;
 
	
}
 form fieldset a{
 	font-size:11px;color:#3497c4;padding:0;margin:0;
 
	
}
	 
form fieldset legend img{
 
	padding:0px 5px 0px 0px; vertical-align:middle;
 
	
}

label.txt{
	 
 

	color:#555;
	 font-size:11px;
	 
	
	border-width: 0px;
	
	display:inline;
	float:left;
	width:80px;
	 
	text-align:left;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 2px;
	clear:left;
}

input.txt:focus {
 color:Red;
	 
}

 
.but
{
 clear:both;
margin:auto;
width:120px;
height:25px;
background:#666666 url(images/button.png) no-repeat;
text-align:center;
line-height:25px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:none;   
    
}
.button{
 margin:0;padding-left:5px;
}
.button:focus{
	background-color:#ffffff;
	background-image:none;
}

 

/*************footer**********/
.footer { padding:15px 0; margin:0px auto ; width:1000px;background:  url(images/footer2.jpg)  top repeat-x; height:50px}
.footer p { padding:0 25px; margin:0; color:#fff;  }
.footer a { color:#fff;  padding:0 5px;}
.text_left { width:420px; text-align:left; float:left;}
.text_right { width:300px; text-align:right; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

 
 
 

 .arrowlistmenu{
width: 180px; /*width of accordion menu*/
float:left;
padding-left:10px;

}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
 
text-transform:uppercase;
 
color: white;
font-size:.98em;
font-weight:bold;
letter-spacing:1px;
background: black url(images/nav.jpg) repeat-x center left;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
 
padding: 3px 0 0 25px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
height:20px;
 
}
 

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin: 0 0px 20px 2px; /*bottom spacing between each UL and rest of content*/
background-color:white;
  border:3px solid #eff0f1; 
  width:170px;
 

}

.arrowlistmenu ul li{
padding: 2px 5px 2px 5px; /*bottom spacing between menu items*/


}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgrey !important;
 
}

.arrowlistmenu ul li a{
	color: #313F5C;
	 
	display: block;
	padding: 2px 0;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;

 
	padding-left:13px; ;list-style-type:none; margin:0;  background:url(images/arrow.gif) no-repeat center left ;
}


.arrowlistmenu  a.sp{
 display:inline;
 background:none;
 padding:0;
 color:maroon;
 font-size:.85em;
}
.categoryitems
{

width:180px;
border:1px solid red;

}
.arrowlistmenu ul li a:visited{
color: #313F5C;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
color: maroon;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
 


.tbl
{
	 
	 
	 width:100%;
	background-color: #FFFFFF;
 
 
	 
}

.tbl td
{
    
    
   
    padding:3px;
   
    
}

 

 
 
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
 

.tbls {
	 
	border-collapse: collapse;
	 
	}
 
.tbls th {
	 
	text-align: center;
	border: 1px solid #CCC;
		background: #FFC;
	}

.tbls tr.yellow td {
	border-top: 1px solid #CCC;
	border: 1px solid #CCC;
	background: #FFC;
	}

.tbls td {
 
	padding: 0 0.5em;
	border: 1px solid #CCC;
		font-weight:bold;font-size:.9em;
	}

.tbls td:first-child {
	
	}

.tbls td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}

 
  