@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; outline:0}
body{
	background:#fff url(../images/bg-1.gif) repeat-x 0 0;
	color:#666;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
em{font-style:normal}
ul,ol,dl{list-style:none}
a{color:#2F6589; text-decoration:none}
a:hover{
	color:#666;
	text-decoration:underline;
	font-weight: bold;
}
a.a2{color:#333; text-decoration:none}
a.a2:hover{color:#666; text-decoration:underline}
.float-l{float:left}
.float-r{float:right}
.clear{clear:both; display:block; font-size:1em}
.img{border:1px solid #C2D0DB}


/* typography */
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:arial; margin-bottom:15px}
p{margin:0 0 15px  0;}
h1{font-size:24px; color:#0099ff}
h2{font-size:18px; color:#0099ff}
h2.h2{background:url(../images/bg-h2.gif) no-repeat 0 0; padding:6px 10px; color:#fff}
h3{font-size:14px; font-weight:bold; color:#ff6600}
.f11{font-size:11px}
.red{color:#cc0000}
.gray{color:#888}
form{
 margin:0px;
 padding:0px;
}

/* header and footer */
.header{width:990px; height:93px; margin:0 auto}
#logo{/*background:url(../images/logo.gif) no-repeat 0 bottom; */width:193px; height:56px; padding-top:22px; margin:0 0 0 50px}
#logo a{width:193px; height:56px; display:block; text-indent:-9999px;}
.contact img{margin:0 6px 0; vertical-align:top}
.contact li{margin-bottom:3px}
.contact{margin-top:25px}

.navigation{background:#2f6587 url(../images/bg-menus.gif) repeat-x 0 0; border-bottom:4px solid #fbab38; clear:both;}
.navigation ul{padding-bottom:29px; font-weight:bold}
.navigation ul li{float:left; position:relative; z-index:1; padding:4px 0; background:url(../images/bg-menus.gif) repeat-x 0 0}
.navigation ul li a{float:left; padding:3px 20px; color:#fff; text-transform:uppercase; border-right:1px solid #255470}
.navigation ul li a:hover{color:#fbab38; text-decoration:none}
.navigation ul li.last a,.bot-nav li.last a{border:0}
.sub-nav{background:#2a6285; border:4px solid #fbab38; border-top:0; position:absolute; left:0; top:29px; z-index:2; width:180px; display:none}
.sub-nav ul{background:none; padding:0; border-bottom:0}
.sub-nav ul li{display:block; padding:0; border-bottom:1px solid #224860; border-top:1px solid #6f95ad; float:none; background:#2a6285}
.sub-nav ul li a{display:block; padding:6px 10px; text-transform:none; float:none; border:0}

.copyright{float:right; font-size:11px; width:242px; text-align:center}
.bot-nav{width:744px; text-align:center}
.bot-nav li{display:inline; text-transform:uppercase; font-size:11px}
.bot-nav li a{color:#666; border-right:1px solid #999; padding:0 8px}



/* content */
.content{background:url(../images/bg-2.jpg) repeat 0 0; padding:10px 0; min-height:600px}
.wrapper{width:990px; margin:0 auto}
.sidebar-r{width:242px; float:right}
.sidebar-r h2{background:url(../images/rightside-h2.gif) no-repeat 0 0; padding:7px 0 7px 50px; text-transform:uppercase; font-weight:bold; font-size:12px; color:#fff; margin-bottom:10px}
.content-l{width:745px}
.content-l-new{width:930px}
.links li{border-bottom:2px dotted #89ACC2; padding:8px}
.links li.last{border:0}
.links{margin-bottom:15px}

.box-1 .top{background:url(../images/box-1.png) no-repeat left top; width:auto; height:22px; font-size:1em}
.box-1 .bot{background:url(../images/box-1.png) no-repeat left bottom; width:auto; height:22px; font-size:1em}
.box-1 .mid{background:url(../images/box-1mid.png) repeat-y left top; width:auto; padding:0 22px}
.box-2 .top{background:url(../images/box-2.png) no-repeat left top; width:auto; height:19px; font-size:1em}
.box-2 .bot{background:url(../images/box-2.png) no-repeat left bottom; width:auto; height:19px; font-size:1em}
.box-2 .mid{background:url(../images/box-2mid.png) repeat-y left top; width:auto; padding:0 19px}


.box-1-new .top{background:url(../images/box-1_new.png) no-repeat left top; width:auto; height:22px; font-size:1em}
.box-1-new .bot{background:url(../images/box-1_new.png) no-repeat left bottom; width:auto; height:22px; font-size:1em}
.box-1-new .mid{background:url(../images/box-1mid_new.png) repeat-y left top; width:auto; padding:0 22px;}



.div-1{width:49%}
.div-1 h2{background:url(../images/leftside-h2half.gif) no-repeat 0 0; padding:7px 0 7px 50px; text-transform:uppercase; font-weight:bold; font-size:12px; color:#fff; margin-bottom:10px}
.ul-1 li{background:url(../images/bullet1.gif) no-repeat 3px 4px; padding:0 0 7px 20px}
.text_area{
  border:1px #cccccc solid;
  font:normal 12px arial; 
}
.small_text{
 font-size:11px;
 color:#909090;
}
#left #project-images {
	background-image: none;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	width: 430px;
}

#left #project-images a {
	background-color: #22408e;
	color: #fff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0 11px 0 0;
	padding: 1px 0 1px 3px;
	width: 30px;
	height:15px;
}

#left #project-images a.last {
	margin: 0;
	position: relative;
	left: 2px;
}

#left #project-images a:hover, #left #project-images a.selected {
	background-color: #fbac38;
	text-decoration:none;
}

#left #project-images .before a {
	width: 48px;
}

#left #project-images img {
	border: 1px solid #693A2D;
	margin: 0 0 5px 0;
}

#left p#below-title{
	margin-top: -13px;
}

#left p#below-title a{
	font-size: 11px;
}
.proj_detail_head{
	 font-weight:normal;
	 font-family:arial;
	 margin-bottom:15px;
	 font-size:18px;
	 color:#fbac38;
}
title_orange {
	color: #fbac38;
}
.title_orange {
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #fbac38;
}
.content .wrapper .content-l .box-1 .mid table tr td .title_orange strong {
	font-size: 16px;
}
bold_main {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.bold_main_font {
	font-weight: bold;
}
.content .wrapper .content-l .box-1 .mid .title_orange strong {
	font-size: 16px;
}