@charset "utf-8";
/* CSS Document */

<!--@import url('main.css');-->



#intext-area {
	display: block;
	width: 671px;
	background-color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbcbcb;
	padding: 10px 20px 10px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: justify;
	color: #727b7a;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cbcbcb;
	}
#in-top-cr{
	width: 982px;
	background: #fff url(../images/in-top-cr.gif)  no-repeat top;
	height: 12px;	
	}

#in-are-cr {
	width: 958px;
	display: block;
	position: relative;
	background-color: #0F6;
	}
#in-bottom-cr{
	width: 982px;
	background:url(../images/in-bottom-cr.gif) no-repeat;
	height: 12px;	
	}










#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 958px;
	padding: 8px 0px 10px 22px;
	border-right: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify;
	height:auto !important;
	min-height:450px;
	height:450px;

} 

#sidebar1 {
	position: absolute;
	padding: 0px 14px 0px 20px;
	top: 0;
	left: 0;
	height:auto !important;
	min-height:450px;
	height:450px;
	width: 165px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(../images/links-border.gif) no-repeat right top; /* the background color will be displayed for the length of the content in the column, but no further */
 /* padding keeps the content of the div away from the edges */
}
#maincontent-director {
	margin: 0 20px 0 180px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 10px;
	min-height: 360px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContent {
	margin: 0 20px 0 188px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 0px 0 0px;
	height:auto !important;
	font: 12px Arial, Helvetica, sans-serif;
	color: #676767;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#p-title-area {
	position: relative;
	margin-bottom:10px;
	width: 720px;
	clear: both;
	height: 14px;
	padding: 6px 0px 14px 0px;
	display: block;
	background: url(../images/ptitle-shadow.gif) bottom no-repeat;
}
#p-title-area img {
	float: left;
	position: absolute;
	}
#p-title-area .riht-aera {
	float: right;
	position: absolute;
	width: 120px;
	height: 16px;
	top: 6px;
	right: 0px;
	
	}
#p-title-area .prev {
	position: absolute;
	left: 20px;
	top: 0px;}
#p-title-area .prev a, .next a {
	color: #a4a1a1;
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 16px;
	text-decoration: none;
	}
#p-title-area .prev a:hover, .next a:hover {
	color: #1e7184;}
#p-title-area .next {
	position: absolute;
	left: 70px;
	top: 0px;}

	
	
#p-title-area .left-aero {}
#p-title-area .left-aero a {
	width: 15px;
	height: 17px;
	display:block;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/projects-left.gif) no-repeat;}
#p-title-area .left-aero a:hover {
	background: url(../images/projects-left-h.gif) no-repeat;}
#p-title-area .right-aero {}
#p-title-area .right-aero a{
	width: 15px;
	height: 17px;
	display:block;
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../images/projects-right.gif) no-repeat;}
#p-title-area .right-aero a:hover{
	background: url(../images/projects-right-h.gif) no-repeat;}
#in-nav {
	}
#in-nav ul {
	
	}
#in-nav ul li {
	background: url(../images/links-shadow.gif) no-repeat bottom;
	height: 25px;
	padding: 0px 0px 5px 0px;
	list-style: none;
	}
#in-nav ul li a {
	background: url(../images/orange-bullet.gif) no-repeat 1px 4px;
	font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #676767;
	line-height: 25px;
	padding-left: 20px;
	text-decoration: none;
	}
#in-nav ul li a:hover {
	color: #1e7184;
	background: url(../images/blue-bullet.gif) no-repeat 6px 4px;
	}
	#in-nav-fin {
	}
#in-nav-fin ul {
	
	}
#in-nav-fin ul li {
	background: url(../images/links-shadow.gif) no-repeat bottom;
	height: 25px;
	padding: 0px 0px 5px 0px;
	list-style: none;
	}
#in-nav-fin ul li a {
	background: url(../images/orange-bullet.gif) no-repeat 16px 4px;
	font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7A7A7A;
	line-height: 25px;
	padding-left: 40px;
	text-decoration: none;
	}
#in-nav-fin ul li a:hover {
	color: #3C3C3C;
	background: url(../images/blue-bullet.gif) no-repeat 6px 4px;
	}
#project-area {
	position: relative;
	margin: 10px auto;

}
#project-name {
	width:390px;
	height: 26px;
	background: #cbd9f8;
	float:left;
	font: 600 11px Verdana, Geneva, sans-serif;
	line-height: 26px;
	padding-left: 10px;
	color: #676767;
	margin: auto;
	margin-bottom: 10px;
}
#project-name1 {
	width:660px;
	height: 26px;
	background: #cbd9f8;
	float:left;
	font: 600 11px Verdana, Geneva, sans-serif;
	line-height: 26px;
	padding-left: 10px;
	color: #676767;
	margin: auto;
	margin-bottom: 10px;
}
.project-right {
	margin: auto auto auto 155px;
	top: 10px;
	left: 0px;
	padding: 0px;
	font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a5a3a3;
	line-height: 20px;
	}
.project-contact {
	margin: auto auto auto auto;
	top: 10px;
	left: 0px;
	padding: 0px;
	font: 500 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a5a3a3;
	line-height: 20px;
	}
.project-left {
	position:absolute;
	width: 135px;
	top: 0px;
	left: 0px;
	float:left;

}
.pri-thamb {
	text-align: center;}
.pri-thamb img {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: solid 5px #d5d0d0;}
.pri-link {
	text-align: center;}
.pri-link img {
	display: block;
	float: left;
	padding: 0px ;
	margin: 0px 8px 0px 8px;
	border: solid 1px #d5d0d0;
}
.pro-more {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;}
.pro-more a {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;}
.login-welcome {
	float: right;
	position: absolute;
	width: 450px;
	height: 16px;
	top: 6px;
	right: 0px;
	text-align: right;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:  #676767;
	text-decoration: none;
}
.login-welcome strong {
	font-weight: 600;
	color: #1e7184;
	font-size: 12px;
	}
.gal-scroll {
	padding: 0px 25px 0px 0px;
	width: 92px;
	position: absolute;
	float: right;
	top: 51px;
	right: 0px;
	}
.gal-scroll li {
		list-style: none;}
.gal-scroll li img {
	width: 92px;
	height: 54px;
	display: block;
	margin: 10px auto 10px auto;
	background: url(../images/v-gallery-bg.gif) no-repeat;
	list-style: none;
	padding: 5px 7px 8px 5px;
}

.pra {
	padding: 0px 50px 0px 30px;}
.pra img {
	padding: 5px;
	width: 670px;
	height: 343px;
	background: url(../images/img-gallery-bg.gif);
}
.pra-t {
	}
.pra-t ul {
	padding: 0px 50px 0px 30px;
	}
.pra-t li {
	float: left;
	list-style: none;
	margin: 0px 5px 0px 5px;}
.pra-t li img {
	width: 114px;
	height: 67px;
	padding: 5px;
	background: url(../images/pimg-thumb-bg.gif) no-repeat;}
.last-con-area {
	width: 270px;
	height: 232px;
	position: absolute;
	right: 20px;
	top: 50px;
	border: solid 1px #e3e0e0;
	padding: 10px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #676767;
	line-height: 24px;}
.cr-con-area {
	width: 301px;
	height: 308px;
	position: absolute;
	right: 20px;
	top: 50px;
	padding: 0px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #676767;
	line-height: 24px;
	background: #fff;}
.cr-con-area img {
	border: none;}
.vp {
	padding: 0px 10px 0px 10px;
	width: 271px;
	height: 280px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #336a80;
	border-right: 5px solid #dddcdc;
	border-left: 5px solid #dddcdc;
	border-top: 0px solid #eeecec;
	border-bottom: 0px solid #eeecec;
}
.vp strong {
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1e7184;}
.vp ul {
	padding-top: 10px;
	}
.vp ul li {
	padding-left: 20px;
	background: url(../images/aerow-1.gif) no-repeat left 8px;
	list-style: none;
	padding-bottom: 10px;
	color: #676767;
	}
.last-con-area img {
	margin: auto;}

.messaget, .messagett {
	height: 67px;
	border: solid 1px #eeecec;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #336a80;
		padding: 5px;
		margin-bottom: 10px;}
.messaget {
	background: #f0e9ef;
}
.messaget .left {
	float: left;
	color: #676767;
	width:150px;
	}
.messaget .right {
	float: right;
	width:100px;
	text-align: right;
	}
.messagett {
	background: #dfe5e6;}
.messagett .right {
	float: right;
	width:100px;
	text-align: right;
	}
.messagett .left {
	float: left;
	color: #676767;
	width:150px;
	}
.border {
	border: solid 1px #e1dede;
	width: 380px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a5a5a5;}
.select-menu {
	width: 200px;
	border: solid 1px #e1dede;}
.select-menu-area {
	width: 440px;
	height: 20px;
	}
.select-menu-area img { 
float: right;}

#p-title-areas {
	color: #a79f9f;
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	margin-bottom: 10px;
	width: 720px;
	clear: both;
	height: 14px;
	padding: 16px 0px 14px 0px;
	display: block;
	background: url(../images/ptitle-shadow.gif) bottom no-repeat;}
.table-bg {
	background: #e8e3e3;}
.table-text-area {
	background: #fff;
	line-height: 24px;}
.table-heading {
	background: #676767;
	line-height: 24px;
	text-align: center;
	color: #fff;
	}
.wel-left-area {
	color: #514e4e;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 18px;}
.wel-left-area span {
	color: #aaaaaa;}
.l-links-top {
	height:18px;}







.pdf-download, .pdf-download2 {

	padding:3px 0 6px 30px;
	font-size:12px;
	width:272px;
	float:left;
	font-weight:bold;
	border-bottom:1px solid #E7E7E7;
}
.pdf-download a, .pdf-download2 a, .pdf-download-full a{
	color: #676767;
	text-decoration:none;
}
.pdf-download a img, .pdf-download2 a img, .pdf-download-full a img{
	display: block;
	float: left;
}
.pdf-download {
	margin:0 30px 10px 0;
}
.pdf-download-full {
	background:url(../images/pdf-icon.gif) top left no-repeat;
	padding:3px 0 6px 30px;
	font-size:12px;
	width:604px;
	float:left;
	font-weight:bold;
	border-bottom:1px solid #E7E7E7;
}
.span {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
/***********************/

#container1 {
	width: 958px;
	padding: 8px 0px 10px 22px;
	border-right: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify;
} 

#sidebar2 {
	position: absolute;
	padding: 0px 14px 0px 20px;
	right:965px;
	top:145px;
	width: 165px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(../images/links-border.gif) no-repeat right top; /* the background color will be displayed for the length of the content in the column, but no further */
 /* padding keeps the content of the div away from the edges */
}