h1 {
	width:200px;
	height:84px;
}

/*Home
-------------------*/
#big-picture
{
	 width:909px;
	 height:299px;
	background:url(../../ui/media/images/home/designed-for-the-city.jpg) no-repeat 0px 0px;
}

#info-box-container
{
	width:909px;
	height:245px;
	padding-top:13px;
	padding-left:10px;
}

.info-box
{
	width:286px;
	height:239px;
	float:left;
	margin-right:13px;
	/*border:solid 1px #004272;*/
	background-color:#f9f9f9;
}

.info-box .header
{
	width:286px;
	height:27px;
}

.info-box .h01 {background:url(../../ui/media/images/home/first-quartile.gif) no-repeat 0px 0px;}
.info-box .h02 {background:url(../../ui/media/images/home/our-services.gif) no-repeat 0px 0px;}
.info-box .h03 {background:url(../../ui/media/images/home/our-expertise.gif) no-repeat 0px 0px;}

.info-box .content
{
}

.info-box .content .left
{
	width:1px;
	height:215px;
	float:left;
	background-color:red;
	background:url(../../ui/media/images/home/info-box/bg-left.gif) no-repeat 0 0;
}

.info-box .content .middle
{
	padding-top:9px;
	padding-left:9px;
	width:258px;
	height:215px;
	float:left;
	background-color:yellow;
	background:url(../../ui/media/images/home/info-box/bg-middle.gif) repeat-x 0 0;
}
.info-box .content .right
{
	
	float:left;
	width:18px;
	height:215px;
	background-color:black;
	background:url(../../ui/media/images/home/info-box/bg-right.gif) no-repeat 0 0;
}

.info-box .content ul li
{
		display:block;
		background:url(../../ui/media/images/home/bullet.gif) no-repeat 0 10px;
		padding-left:9px;
		white-space:nowrap;
		padding-top:4px;
}

.info-box .content ul li a
{
	padding-left:6px;
}

.info-box p
{
   margin-bottom:12px;
}

.info-box .diagnal
{
	height:17px;
	width:17px;
	
}

.info-box a:hover
{
	color:red
}