/* CSS Document */

body {
	background:#FFFFFF url(../images/uiteam-bg.jpg) top repeat-x;
	margin:auto;
	padding:0; }

#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:10px 0;
 }

#homeBanner{
	height:240px;
	text-align:left;
	color: #FFFFFF;
}

#homeBanner img{ border:0;}

#pager{ clear:both;}

#rightCol{
	float:right;
	width:260px;
	margin:20px 0 0 0;
	padding:0;
	color:#992669;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

#leftCol{
	float:left;
	clear:both;
	width:740px;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.list1 li {
	float:left;
	margin:auto;
	padding-top:20px;
	width:370px;
	height:240px;
	background:#fff url(../images/leftCol-bg.gif) no-repeat left top;
}
.list1 li img {
	margin-bottom:5px;
	background: url(template/images/article_img_bg.gif) bottom no-repeat;
	float:left;
}
.list1 li img a{
	display:block;
}
.list1 li img a:visited{
	display:block;
}

.list1 li img a:hover{
	display:block;
	border:3px solid #ccc;
}

.list1 li h2{ margin-left:20px; font: 140%/100%  Arial, "Times New Roman", Times, arial; color: #000;	
	padding:0;
}

.list1 div {
	float:left;
	font-size:12px;
	width:370px;
	margin-top:10px;
	
}
.list1 strong {
	display:block;
	font-size:1.5em;
	font-weight:normal;
	margin-right:20px;
}
.list1 span {
	color:#595959;
	display:block;
	font-size:1em;
	padding:5px 0;
	margin-right:20px;
}
.list1 p {
	margin:0;
	color:#000;
	font-size:12px;
	padding:0 20px;
}

a.more {
	display:block;
	margin:5px 20px 0 0;
	padding-left:0px;
	font-size:11px;
}
a.more:hover {
}

.list1 a:link{
	color:#035CAD;
	text-decoration: none;
}
.list1 a:visited{ color:#035CAD; text-decoration:none;}
.list1 a:hover{ color:#000;}



.list2 {
	float:left;
	margin:auto;
	padding:0;
	height:20px;
	width:740px;
	background:#fff url(../images/leftCol-bgb.gif) no-repeat left bottom;
}



.list3 li {
	float:left;
	margin:auto;
	padding-top:20px;
	width:260px;
	height:140px;
	background:#fff url(../images/atkeerstudio.gif) no-repeat left top;
}
.list3 li h2{
	font: 125%/100%  Arial, "Times New Roman", Times, arial;
	color: #fff;
	background-image: url(../images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	text-indent:50px;
	margin:0;
	padding:0;
}

.list3 span {
	color:#fff;
	display:block;
	font-size:1em;
	margin-left:30px;
	text-transform: capitalize;
}
.list3 p {
	margin:0;
	color:#000;
	font-size:12px;
	padding:10px 20px;
}


.list4 li {
	float:left;
	margin:auto;
	padding-top:20px;
	width:260px;
	height:120px;
	background:#fff url(../images/stayintheloop.gif) no-repeat left top;
}
.list4 li h2{
	font: 125%/100%  Arial, "Times New Roman", Times, arial;
	color: #000;
	background-image: url(../images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	text-indent:50px;
	margin:0;
	padding:0;
}

.list4 span {
	color:#000;
	display:block;
	font-size:1em;
	margin-left:30px;
}
.list4 p {
	margin:0;
	color:#000;
	font-size:12px;
	padding:10px 20px;
}




#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
}

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

#aboutBanner{ margin-bottom:20px;}

div .about h2{ background:#fff url(../images/about-bg.gif) no-repeat left top; height:30px; font: bold 85%/30px arial; text-indent:20px;}
div .about p{ margin:20px 20px; font: 12px/180% arial;}
DIV .about ul{ padding-left:20px;}
div .about li{ font: 12px/180% arial;}