/* CSS Document */

body {
	margin: 0px;
	}
td{	
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #353535;	
	}
a { color: #FE7011; text-decoration: none; }
a:hover { color: #FE7011; text-decoration: underline; }

.head_bg {
	background-image: url(../images/head_bg1.gif);
	height: 115px;
	background-repeat: repeat-x;
	}
.head_middle {
	background-image: url(../images/head_r.gif);
	height: 98px;
	background-repeat: repeat-x;
	}
	
.head_button {
	background-image: url(../images/head_button_bg1.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 103px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #D05700;
	}
.head_button a{ color: #D05700; text-decoration: none; }
.head_button a:hover{ color: #0084E9; text-decoration: none; }

form {
	margin: 0px;
	padding: 0px;
	}

/* left */

.left_butbg {
	background-image: url(../images/left_button_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	width: 216px;
	padding: 13px 8px 0px 6px;
	margin-top: -29px;
	}
.left_butbg label{
	margin: 0px;
	padding: 0px 0px 3px 0px;
	list-style: none;
	}
.left_tablebg {
	background-image: url(../images/left_curve_back1.gif);
	background-repeat: no-repeat;
	height: 173px;
	}
.left_title {
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: bold;
	color: #5D5D5D;
	padding: 8px 8px;
	}
	
.left_td {
	padding: 0px 0px 3px 30px;
	}
.left_td1 {
	padding: 0px 0px 3px 3px;
	}
 
Input.leftbox {
	background-image: url(../images/input_bg.gif);
	Width: 136px;
	height: 18px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 3px 2px 1px 7px;
	border: 0px solid #D5D5D5;
	background-repeat: no-repeat;
 	} 
Input.leftboxsmall {
	background-image: url(../images/input_bg.gif);
	Width: 65px;
	height: 14px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 2px 2px 2px 5px;
	border: 1px solid #E8E8E8;
	} 
	
.left_titleph {
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: bold;
	color: #FF6C01;
	padding: 2px;
	}
.left_titleph a{ color: #FF6C01; text-decoration: none; }
.left_titleph a:hover{ color: #FF6C01; text-decoration: underline; }
	
.left_subtitleph {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #00A8FF;
	padding: 2px;
	}
.left_clientbg {
	background-image: url(../images/client_back.gif);
	background-repeat: no-repeat;
	height: 113px;
	}
.left_clienttext {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 0px 27px 0px 10px;
	text-align: justify;
	}
.left_clienttext a{ color: #FE7011; text-decoration: none; }
.left_clienttext a:hover{ color: #FE7011; text-decoration: underline; }

/* middle */

.banner_down {
	background-image: url(../images/banner_down.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
.middle_titleright {
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
	padding: 20px 0px 0px 0px;
	font-style: italic;
	background-image: url(../images/service_top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 160px;
	}	
	
.middle_title1 {
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
	padding: 20px 34px 0px 34px;
	font-style: italic;
	background-image: url(../images/service_top.gif);
	background-repeat: no-repeat;
	width: 396px;
	}
.middle_title1 span {
	color: #DA231A;
	}	
	
.middle_title {
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
	padding: 20px 34px 0px 34px;
	font-style: italic;
	}
.middle_title span {
	color: #DA231A;
	}
.middle_texthome {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 20px 34px 0px 35px;
	text-align: justify;
	}	
	
.middle_text {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 10px 24px 0px 20px;
	text-align: justify;
	line-height: 14px;
	}
.middle_text span {
	color: #FF6B01;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	}
.middle_text span.right {
	float: right;
	color: #1A9BFF;
	}
.middle_text p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
.middle_text1 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 20px 54px 0px 54px;
	text-align: justify;
	}
		
.service_bottom {
	background-image: url(../images/service_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

textarea.areabox {
	Width: 134px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 3px 2px 1px 7px;
	border: 1px solid #D5D5D5;
	background-image: url(../images/area_bg.gif);
	background-repeat: no-repeat;
 	} 
textarea.areaboxbig {
	Width: 380px;
	height: 70px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 3px 2px 1px 7px;
	border: 1px solid #EFEBEF;
	background-image: url(../images/area_bgbig.gif);
	background-repeat: no-repeat;
 	} 	
	
select.listbox {
	Width: 144px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 3px 2px 1px 7px;
	border: 1px solid #D5D5D5;
	background-image: url(../images/area_bg.gif);
	background-repeat: no-repeat;
 	} 
	
Input.csbutton {
	background-image: url(../images/but_bg.gif);
	Width: 69px;
	height: 20px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px solid #D5D5D5;
	background-repeat: no-repeat;
 	} 

/* portfolio */
.port_text {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #0084E9;
	line-height: 22px;
	padding-left: 12px;
	}


.port1 {
	width: 150px;
	height: 171px;
	background-image:url(../images/port-back.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

.port1 a.port {
	margin-left: 15px;
	background-image:url(../images/portfolio1.gif);
	display:inline; 
	width: 150px;
	height: 151px;
	background-position: left;
	float:left;
	}
.port1 a.port:hover {
	background-position: right;
	}
.num_back {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url(../images/page_back.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	}
.num_back a{
float: left;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
	}
.num_back a:hover{
float: left;
	line-height: 20px;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../images/page_backh.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
.port_title {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00A8FF;
	padding: 0px 0px 0px 5px;
	height: 20px;
	}
.port_innertext {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 5px 10px 5px 5px;
	height: 20px;
	text-align: justify;
	}
.port_innertext a{ color: #00A8FF; text-decoration: none; }
.port_innertext a:hover{ color: #666666; text-decoration: none; }


.texttitle {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #00A8FF;
	padding: 0px 0px 4px 15px;
	height: 20px;
	text-align: justify;
	}
.texttitle a{ color: #000000; text-decoration: none; }
.texttitle a:hover{ color: #666666; text-decoration: none; }


.text {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 2px 0px 2px 15px;
	}
.text a{ color: #000000; text-decoration: none; }
.text a:hover{ color: #666666; text-decoration: none; }

h1 {
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h2 {	
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	} 
h3 {
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}
h4 {
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
} 
h5 {
	font-size: 11px;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 0px;
} 
h6 {
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}  
/* footer */
.foot_bg {
	background-image: url(../images/foot_bg.gif);
	height: 115px;
	background-repeat: repeat-x;
	}
.foot_middle {
	background-image: url(../images/foot_r.gif);
	height: 52px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	}
.foot_middle a{ color: #FFFFFF; text-decoration: none; }
.foot_middle a:hover{ color: #FFFFFF; text-decoration: underline; }

.spac { padding: 10px 0px 0px 0px}

.mandatory {
	color: #ff0000;
	}
	
.but_service {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 157px;
	}
.but_service a{ color: #FFFFFF; text-decoration: none; display: block; width: 157px; line-height: 27px;}
.but_service a:hover{ color: #FFFFFF; text-decoration: none;  display: block; width: 157px;line-height: 27px;}

.try {
	background-image: url(../images/vision.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 205px;
	padding: 10px;
	text-align: justify;}
.try_img {
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
.img-bd {
	border: 1px solid #F69E6F;
	padding: 4px;
	}
	
/* extended services */	

.exe_text_left {
	padding: 0px 8px 0px 20px;
	}
.exe_text_left img{
	padding: 0px 11px 0px 11px;
	}	
.exe_text_left p{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align:justify;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}
.exe_text_left span{
	font-size: 12px;
	font-weight: bold;
	color: #FF6B01;
	}			

.exe_right {
	padding: 0px 24px 0px 8px;
	}
.ext_text_right {
	margin: 0px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF6B01;
	text-align: right;
	line-height: 30px;
	border-bottom: 1px dotted #00A2FF;
	}	
.ext_text_right a{ color: #FF6B01; text-decoration: none; }
.ext_text_right a:hover{ color: #00A2FF; text-decoration: none; }	






.menu {font-size:11px; padding:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; height:33px; background:none; float:right;}

/* style the sub-level lists */
.menu ul ul {width:auto; border:1px solid #FDBB75; border-bottom:0px none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:auto; line-height:33px; display:block; color:#D05700;}

/* style the sub level list items */
.menu ul ul li {display:block; width:auto; height:auto; line-height:22px; text-align:left; border-bottom:1px solid #FDC182;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left; width:103px; font-size:11px; text-decoration:none; color:#D05700;background:url(../images/head_button_bg1.gif) left top no-repeat; padding:0; margin:0 2px 0 0; text-align:center;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:147px; w\idth:103px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:url(../images/drop_bg1.gif) left top repeat-x; color:#D05700; width:160px; padding:0px 10px; text-align:left; margin:0px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:180px; w\idth:160px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the level hovers */
/* first */
* html .menu a:hover {color:#D05700; background:url(../images/head_button_bg1.gif) left top no-repeat; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#D05700; background:url(../images/head_button_bg1.gif) left top no-repeat;}
/* second */
* html .menu ul ul a:hover{color:#D05700; background:url(../images/drop_bgh.gif) left top repeat-x; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#D05700; background:url(../images/drop_bgh.gif) left top repeat-x;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:180px;}

/* position the third level flyout menu */
.menu ul ul ul{left:180px;top:0;width:180px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0; background:transparent; left:0px;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:180px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}