/* CSS Document */

body {
	background:#FFFFFF url(../images/uiteam-bg.jpg) top repeat-x;
	margin:auto;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif
	
	}

#page {
	MARGIN: 0px auto; WIDTH: 1000px; POSITION: relative; padding:0;
}

#header {
	MARGIN: 0px auto; POSITION: relative; HEIGHT: 70px; 
}
#header H1 A {
	LEFT: 0px;
	WIDTH: 220px;
	TEXT-INDENT: -900em;
	POSITION: absolute;
	HEIGHT:70px;
	background-image: url(../images/uiteam-logo.gif);
	background-repeat: no-repeat;
}
#header H2 {
	DISPLAY: none
}

#nav {
	PADDING: 0px; 
	RIGHT: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #ccc 0px solid; 
	BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute
}
#nav LI {
	BORDER-RIGHT: #ccc 0px solid; 
	FLOAT: left; 
	POSITION: relative; 
	TEXT-ALIGN: center
}
#nav A {
	DISPLAY: block; 
	FONT: bold 85%/100% Arial, "Times New Roman", Times, serif; 
	WIDTH: 96px; 
	COLOR: #1096CE; 
	PADDING-TOP: 36px; 
	HEIGHT: 34px; 
	TEXT-DECORATION: none;
	BACKGROUND: url(../images/nav-bg-off.gif) no-repeat bottom; 
}
#nav A:visited {
	TEXT-DECORATION: none
}
#nav A:hover {
	BACKGROUND-POSITION: left top; COLOR: #fff;
	BACKGROUND: url(../images/nav-bg.gif) no-repeat bottom; 
}
#nav LI.current A {
	BACKGROUND-POSITION: left top; COLOR: #fff;
	BACKGROUND: url(../images/nav-bg.gif) no-repeat bottom; 
}
#nav SPAN {
	PADDING-RIGHT: 22px; BACKGROUND: url(images/rss-bg.gif) no-repeat right 0px
}
#nav A:hover SPAN {
	BACKGROUND: url(images/rss-bg.gif) no-repeat right -48px
}


#comments {
	height:90px;
	text-align:left;
	color: #000;
	padding:0 10px;
 }
#comments h2{FONT: bold 145%/100% arial, "Times New Roman", Times, serif; list-style:none; padding-top:15px; margin:0;} 
#comments p { FONT: 12px/100% arial, "Times New Roman", Times, serif; margin:0; padding-top:10px; line-height:18px; }

#bodyblock {
	position:relative;
	background: #fff;
	color: #333333;
	width:1000px;
	padding:0;
	margin:20px 0;
 }

.column{float:left;margin:0;padding:0;}

.pager {
  clear: both;
  text-align:right;
  margin:10px 20px;
  font:12px/100% Arial, Helvetica, sans-serif;
}
.pager a, .pager strong.pager-current {
	padding: 0.5em;
	text-decoration: none;
}

/* Homepage and Archives Page */
.left-col h1{font-size:1.9em;margin:0px; padding:0 0 20px 0;}
.left-col p{margin:10px 15px 5px 140px;}
.left-col a.arrow{background:url(../images/arrow.gif) no-repeat 1px 3px;padding-left:10px;}
.left-col dl{float:left;width:760px;margin:0 0 15px 0;padding:0;display:inline;clear:both;}
.left-col dt{
	float:right;
	width:420px;
	margin:0;
	padding:0 20px;
	color:#AF4B00;
	FONT: 160%/100% Arial, Verdana, Helvetica, sans-serif;
}
.left-col dt span{color:#101721; FONT: 100% Arial, Verdana, Helvetica, sans-serif;}
.left-col dd{margin:0 0 0 140px;padding:0;font-size:1.0em;font-weight:normal;}
.left-col dd p{ float:left;width:420px; margin:0px 0 10px 0px;padding:0 20px;font-size:1.0em;font-weight:normal; line-height:18px;} /* float:left;}*/
.left-col dd p a{
	background:none;
	padding:0px;
	font-weight:bold;
	text-decoration: none;
}
.left-col dd p.more a{
	background:url(../images/arrow.gif) no-repeat 1px 3px;
	padding: 0 0 0 10px;
	margin:0px;
	font-weight:bold;
	float:left;
	line-height: 14px;
}
.left-col dd p.more a:hover{
	background:url(../images/arrow.gif) no-repeat 1px 3px;
	text-decoration:underline;
}


.left-col dd.img{width:300px;margin:0; padding:0px;float:left; text-align:center;}
.left-col dd.img a{background:none;padding:0px; margin:0px;}
.left-col dd.img img{margin:0px;padding:0px;}



#right-col {
	FLOAT: right;
	padding:0;
	margin:0; 
	width:240px;
}
.right_bottom {
	background:url(../images/right_bg_bottom.gif) no-repeat;
	width:240px;
	height:10px
}
.right_content {
	PADDING: 0; 
	MARGIN: 0; 
	width:240px;
	background: transparent url(../images/right_bg_top.gif) no-repeat;
}

div#latest_news {
	margin: 0px;
	padding: 0;
}
div#latest_news h1{
	font-size:1.9em;margin:0px; padding:0 0 20px 0;
}
div#latest_news_inner {
	padding: 20px;
}


div#latest_news ul {
	margin: 0;
	padding: 0;
}

div#latest_news ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#latest_news ul li span{ color:#AF4B00; font-weight:bold; line-height:18px}
div#latest_news ul li h4 {
	margin-bottom: 10px;
	text-transform: none;
}
div#latest_news A {
	COLOR: #101721; TEXT-DECORATION: none;

}
div#latest_news A:visited {
	COLOR: #101721; TEXT-DECORATION: none;

}
div#latest_news A:hover {
	COLOR: #101721; TEXT-DECORATION: underline;

}
div#latest_news p{ margin:0; padding:0;}

div#latest_news p.more a{
	background:url(../images/arrow.gif) no-repeat 1px 4px;
	padding: 0 0 0 10px;
	margin:0;
	font-weight:bold;
}
/* ######### Style for Works  ######### */

#main{
	float:left;
}
.mainBg{
	background:#fff url(../images/works-bg.gif) no-repeat top left;
	padding: 10px 10px;
	width:980px;
}

.innerMain {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.list2 ul{ margin:0 10px;}
.lr20{ margin:0 20px;}
.list2 li {
	float:left;
	padding-top:10px;
	width:304px;
	height:120px;
	margin-bottom:20px !important;
	border:1px solid #E5E5E5;
}
.list2 li img {
	margin:0 10px;
	padding-bottom:5px;
	background: url(template/images/article_img_bg.gif) bottom no-repeat;
	float:left;
}
.list2 div {
	color:#7e7e7e;
	font-size:12px;
	color:#a9a9a9;
	width:160px;
	float:right;
	
}
.list2 strong {
	display:block;
	font-size:1.3em
}
.list2 span {
	color:#595959;
	display:block;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif
}
.list2 p {
	margin:0;
	color:#000;
	font-size:12px;
	padding:0;
}
a.more {
	display:block;
	margin:6px 0 0 0;
	padding-top:3px;
	padding-left:10px;
	background:url(../images/arrow.gif) no-repeat;
	background-position:0 7px;
	font-size:11px;
}
a.more:hover {
	background: url(../images/arrow.gif) no-repeat;
	background-position:0 7px;
	text-decoration:underline;
}

.list2 a{
	color:#101721;
	text-decoration: none;
}
.list2 a:link{
	color:#101721;
	text-decoration: none;
}

.list2 a:visited{
	color:#101721;
	text-decoration: none;
}

.list2 a:hover{
	color:#AF4B00;
	text-decoration: underline;
}

/* ######### Style for Works Detail  ######### */

.title {
	height:30px;
	background:url(../images/title_bg.gif) repeat-x left;
	margin:20px 10px 0 10px;
	font-size:12px;
}
.title .title_left {
	background:url(../images/title_bg_left.gif) no-repeat;
	width:9px;
	float:left;
	height:30px;
	margin:0px;
	padding:0px;
	
}
.title .title_right {
	background:url(../images/title_bg_right.gif) no-repeat;
	width:9px;
	float:right;
	height:30px;
	margin:0px;
	padding:0px;
}
.title p {
	line-height:30px;
	padding:0 10px;
	margin:0 auto ;
	color: #101721;
}
.title p span {
	float:right;
	margin-right:-10px;
}

.title p a {
	padding-right:10px;
	margin:0px;
	float:left;
	text-align:right;
	height:30px;
	font-size:11px;
	font-family:Arial;
}

.title p a.act {
	font-weight:bold;
	color:#101721;
	background: url(../images/title1_bg_act.gif) no-repeat;	
	width:19px;
	height:30px;

}
.title p a:hover {
	color:#101721
}

.back {
   width: 45px;
   background:url(../images/back.gif) no-repeat;
   margin-left:0px;
   padding:0;
   background-position: 0px 7px;
}

.worksDetail li {
	float:left;
}
.worksDetail li img {
	margin:0 10px;
	padding-bottom:5px;
	background: url(../images/article_img_bg.gif) bottom no-repeat;
	float:left;
}
.worksDetail div {
	float:right;
	font-size:12px;
	width:810px;
	margin:0 10px;
}
.worksDetail strong {
	color:#AF4B00;
	display:block;
	font-size:1.5em
}
.worksDetail span {
	color:#595959;
	display:block;
	font-size:1em;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif
}
.worksDetail p {
	margin:0;
	color:#000;
	font-size:12px;
	padding:0;
}
a.more {
	display:block;
	margin:6px 0 0 0;
	padding-left:10px;
	background:url(../images/arrow.gif) no-repeat;
	background-position:0 7px;
	font-size:11px
}
a.more:hover {
	background: url(../images/arrow.gif) no-repeat;
	background-position:0 7px;
	text-decoration:underline;
}

.worksDetail a{
	color:#101721;
	text-decoration: none;
}
.worksDetail a:link{
	color:#101721;
	text-decoration: none;
}

.worksDetail a:visited{
	color:#101721;
	text-decoration: none;
}

.worksDetail a:hover{
	color:#AF4B00;
	text-decoration: underline;
}

.portfolio_show{ background:url(template/images/portfolio_show_bg.gif); height:270px;margin-bottom:12px;color:#a1a1a1}
.portfolio_show .left{float:left; width:45px; height:270px; background:url(template/images/portfolio_show_bg_left.gif)}
.portfolio_show .right{ float:right; width:45px; height:270px;background:url(template/images/portfolio_show_bg_right.gif)}
.portfolio_show .left img,.portfolio_show .right img{margin:80px 7px 0 7px;}
.portfolio_show ul{width:890px;float:left}
.portfolio_show ul li{width:190px;float:left;margin:0 12px}
.portfolio_show ul li img{margin:30px 20px}
.portfolio_show ul li strong{display:block}

div.worksShow  {
	float:left;
	background-color:#fff;
	width:960px;
}
div.worksShow  p{
	margin:10px;
	padding:0;
	font: bold 125%/100% Arial, Helvetica, sans-serif;
	border-top:1px dashed #ccc;
	padding-top:20px
}
div.worksShow img {
	margin:10px;
}

.portfolio{ margin:10px 10px; text-align:center;	width:960px;
}

/* About */
#position{ padding:0 10px; font:11px/100% Arial, Verdana, Helvetica, sans-serif; }

#aboutBanner{ margin-bottom:20px;}

div .about h2{ height:30px; font: bold 145%/30px arial; text-indent:0px; border-bottom:2px dashed #D9D9D9; margin-right:20px;}
div .about p{ margin:20px 0px; font: 12px/180% arial; width:740px;}
DIV .about ul{ padding-left:0px;}
div .about li{ font: 12px/180% arial;}



#footer {
	CLEAR: both; 
	DISPLAY: block; 
	background:url(../images/ftr_bg.gif) repeat-x;
	color: #595959;
	POSITION: relative; 
	HEIGHT: 40px;
	margin-bottom:20px;
	FONT: 11px/100% arial, "Times New Roman", Times, serif;
	text-align:left;
}
.footer_left {
	background:url(../images/ftr_bg_left.gif) no-repeat;
	width:10px;
	float:left;
	height:40px
}
.footer_right {
	background:url(../images/ftr_bg_right.gif) no-repeat;
	width:10px;
	float:right;
	height:40px;
}

#footer P {
	PADDING: 0px; MARGIN: 0px auto; LINE-HEIGHT: 100%; height:40px; line-height:40px;
}
#footer A {
	COLOR: #0077D4; TEXT-DECORATION: none
}
#footer A:visited {
	COLOR: #0077D4; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #595959; TEXT-DECORATION: none
}
 
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}