/* CSS Document */
div, h1, h2, p, form, label,  img{
	margin:0; padding:0;
	border:none;
}

.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/

#header img.logo{
	margin:15px 0 0 0;
	float:left;
	
}
#header ul.nav{
	display:block;
	height:79px;
	position:absolute;
	left:250px;
	padding:0 0 0 15px;
	background-color:#191919;
	color:#ffffff;
	margin:0;
	float:right;
	width: 480px;
	list-style:none;
}
#header ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#header ul.nav li a{
	display:block;
	height:44px;
	padding:35px 7px 0 7px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#191919;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#header ul.nav li a:hover{
	background-color:#383838;
	color:#D9D9D9;
}

#header ul.nav li.home a{
	display:block;
	height:44px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#383838;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}

/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/

#body h2{
	display:block;
	font:normal 48px/39px Arial, Helvetica, sans-serif;
	float:left;
	margin:0 8px 26px 0;
	text-transform:uppercase;
	color:#fff;
}


#left{
	width:220px;
	margin:0;
	padding:0;
	float:left;
}
#left div.member{
	width:202px;
	margin:5px 0 0 0;
	padding:14px 1px 0 1px;
	color:#ffffff;
}
#left div.member a{
    position:relative;
}
#left div.member img{
    position:relative;
}
#left h2{
	width:178px;
	height:27px;
	background-color:#444444;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
	
}


#right{
	width:494px;
	margin:0;
	padding:0;
	float:right;
	background:url(/css/fairlieagile/images/right_bg.gif) 0 0 repeat-x #3B3B3B;
	color:#C4C4C4;
}
#right ul, #right ol{
    display:inline-block
}
#right p.right-shadow{
	display:block;
	background:url(/css/fairlieagile/images/right_shadow.gif) 0 0 no-repeat #3B3B3B;
	width:70px;
	/*height:712px;*/
	color:#ffffff;
	padding:0;
	margin:0;
}
#right h2{
	width:200px;
	margin:30px 0 0 0;
	padding:0 200px 0 20px;
	font:bold 15px/35px Arial, Helvetica, sans-serif;
	background-color:#3B3B3B;
	color:#ffffff;
	text-transform:uppercase;
	float:left;
}
#right h3{
	display:block;
	width:100%;
	padding:0 0 0 20px;
	margin:0;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#0DAAFF;
	background-color:#3B3B3B;
	float:left;
}
#right h4{
	display:block;
	padding:0 0 0 20px;
	margin:0;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:white;
	float:left;
}

#right p b{
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3B3B3B;
	margin:0 0 0 0;
	padding:0;
	text-transform:none;
}
#right a.underline, #right a{
	text-decoration:underline;
	color:#C4C4C4;
}
#right a.underline:hover, #right a:hover{
}
	

#right a.rm2{
	width:115px;
	height:18px;
	background:url(/css/fairlieagile/images/read_more_bg.gif) 0 0 no-repeat #3B3B3B;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	float:right;
	margin:17px 0 17px 0;
}
#right a.rm2:hover{
	background:url(/css/fairlieagile/images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
	color:#ffffff;
}
#right p.div2{
	display:block;
	margin:0 0 0 21px;
	width:403px;
	height:9px;
	font-size:0px;
	background:url(/css/fairlieagile/images/right_div.gif) 0 0 repeat-x;
}
#right h3.blue2{
	width:200px;
	font:normal 18px/37px Arial, Helvetica, sans-serif;
	color:#0DAAFF;
	background-color:#3B3B3B;
	padding:0 0 0 20px;
	margin:0;
}
		
/*-----------------------------------------------body end--------------------*/

/*-----------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	background:url(/css/fairlieagile/images/footer_bg.gif) 0 0 repeat-x #232323;
	color:#ffffff;
	height:185px;
	float:left;
}
#footer{
	width:745px;
	height:185px;
	margin:0 auto;
	position:relative;
}
#footer img.logo-bot{
	position:absolute;
	top:25px;
}
#footer ul.footernav{
	padding:0;
	margin:0;
	position:absolute;
	left:250px;
	top:28px;
	
	list-style:none;
}
#footer ul.footernav li{
	margin:0;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}
#footer ul.footernav li a{
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 4px 0 4px;
}
#footer ul.footernav li a:hover{
	text-decoration:underline;
}
#footer ul.footernav li.home2{
	margin:0 4px 0 4px;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}
#footer p.copyright{
	width:236px;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#232323;
	color:#ffffff;
	text-transform:none;
	text-align:center;
	position:absolute;
	left:455px;
	top:55px;
}
#footer p.number{
	width:119px;
	height:12px;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	position:absolute;
	left:526px;
	top:78px;
}
#footer p.orange{
	width:36px;
	height:12px;
	background-color:#B45B04;
	font:bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:78px;
}
#footer p.fax{
	width:119px;
	height:12px;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	position:absolute;
	left:526px;
	top:97px;
}
#footer p.green{
	width:36px;
	height:12px;
	background-color:#509D01;
	font:bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:97px;
}
#footer a.email{
	width:136px;
	font:normal 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	text-decoration:none;
	position:absolute;
	left:526px;
	top:115px;
}
#footer a.email:hover{
	background-color:#0B6799;
	color:#fff;
}
#footer p.e-blue{
	width:36px;
	height:12px;
	background-color:#0B6799;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:115px;
}
#footer p.design{
	display:block;
	width:161px;
	height:17px;
	position:absolute;
	left:485px;
	top:133px;
	font:normal 11px/17px  Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#232323;
	text-align:center;
}
#footer a.link{
	font:bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#232323;
	text-align:center;
	text-decoration:none;
}
#footer a.link:hover{
	color:#ffffff;
	background-color:#B45B04;
}
/*-----------------------------------------------footer end--------------------*/

#portfolio ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 20;
  list-style: none;
}
 
#portfolio li {
  float: left;
  width: 33%;
  margin: 30;
  padding: 10;

} 

.portfolioItem {
  float: left;
  height:250px;
  width: 100%;
  margin: 30;
  padding: 10;
}