/* CSS Document */

body{
    padding:0;
    margin:0;
    color:#D3D3D3;
    background-color: #3B3B3B;
}

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

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

#header{
    width:745px;
    height:73px;
    margin:0 auto;
    position:relative;
}


#header ul.sec{
    display:block;
    width:135px;
    position:absolute;
    left:232px;
    float:left;
}

#header h2.archive{
    width:80px;
    height:17px;
    font: normal 18px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#3B3B3B;
    text-transform:uppercase;
    position:absolute;
    top:108px;
    left:0;
}

#header a.more-arch{
    display:block;
    width:130px;
    height:23px;
    background:url(/css/fairlieagile/images/btn_more_archive.gif) 0 0 no-repeat #3B3B3B;
    padding:0 0 0 26px;
    position:absolute;
    left:0px;
    top:302px;
    font:bold 13px/23px Tahoma, Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-transform:uppercase;
    text-decoration:none;
}
#header a.more-arch:hover{
    background:url(/css/fairlieagile/images/btn_more_archive_hover.gif) 0 0 no-repeat #3B3B3B;
    color:#ffffff;
}

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

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


#body{
    width:745px;
    margin:0 auto;
    
    padding:24px  0px 14px 0;
}

#body p{
    width:720px;
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#C4C4C4;
    background-color:#3B3B3B;
    padding:0;
    margin:0 0 24px 0;
    float:left;
}
#body p.readmore{
    display:block;
    width:720px;
    height:18px;
    background-color:#444444;
    color:#ffffff;
    padding:0;
    margin:0 0 16px 0;
}
#body a.rm{
    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;
}
#body a.rm:hover{
    background:url(/css/fairlieagile/images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
    color:#ffffff;
}
#left{
    width:220px;
    margin:10px 0px;
    padding:0;
    top:30px;
    float:left;
}

#left h2 a
{ color:White;
	text-decoration:none;
}

#left ul.top-link{
    width:163px;
    position:relative;
    top:0px;
    left:0;
    background-color:#3B3B3B;
    color:#ffffff;
    padding:0;
    margin:0;
}
#left ul.top-link li.tl{
    display:block;
    width:163px;
    height:auto;
    background:url(/css/fairlieagile/images/bullet.gif) 0 5px no-repeat;
    padding:0 0 0 20px;
    margin:0;
    float:left;
}
#left ul.top-link li.tl a{
    font: normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#C4C4C4;
    background-color:#3B3B3B;
    text-decoration:none;
    padding:0;
    margin:0;
    height:auto;
    text-transform:none;
    float:left;
}
#left ul.top-link li.tl a:hover{
    color:#D8E2B5;
    background-color:#464646;
}
#left label.mem{
    width:68px;
    height:23px;
    font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#292929;
    margin:0 0 0 25px;
    float:left;
}
#left input{
    height:0;
    width:0;
    font-size:0;
    padding:0;
    margin:0;
    border:none;
}
#left input.txt1{
    width:152px;
    height:20px;
    background-color:#DDDDDD;
    color:#000001;
    border:#000000 solid 1px;
    margin:0 0 0 25px;
    float:left;
}
#left label.login{
    display:block;
    width:154px;
    height:18px;
    background-color:#000000;
    color:#ffffff;
    margin:0;
    position:absolute;
    left:25px;
    top:142px;
}
#left input.btn-login{
    background:url(/css/fairlieagile/images/btn_login.gif) 0 0 no-repeat;
    width:70px;
    height:18px;
    border:none;
    cursor:pointer;
    float:right;
}
#left p.banner{
    width:94px;
    height:18px;
    background:url(/css/fairlieagile/images/banner.gif) 0 0 no-repeat;
    margin:7px 0 11px 0;
    padding:64px 0 0 110px;
}
#left p.banner a.click{
    display:block;
    width:63px;
    height:17px;
    background-color:#4E2400;
    font:bold 12px/17px Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
}
#left p.banner a.click:hover{
    background-color:#6A3201;
    color:#ffffff;
}
#left form.newsletter{
    width:202px;
    height:133px;
    background:url(/css/fairlieagile/images/newsletter_bg.gif) 0 0 no-repeat;
    padding:14px 1px 0 1px;
    margin:0 0 12px 0;
    float:left;
    position:relative;
}
#left form.newsletter h2{
    width:178px;
    height:27px;
    background-color:#478B00;
    color:#ffffff;
    padding:0 0 0 23px;
    font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0 0 5px 0;
    text-transform:uppercase;
    float:left;
}
#left label.nletter{
    width:46px;
    font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#000000;
    padding:0 0 0 23px;
    float:left;
}
#left form.newsletter input.txt2{
    width:152px;
    height:20px;
    margin:0 0 13px 23px;
    border:none;
    font:normal 10px/20px Arial, Helvetica, sans-serif;
    float:left;
}
#left form.newsletter label.signup{
    display:block;
    width:154px;
    height:18px;
    background-color:#262626;
    color:#ffffff;
    position:absolute;
    left:25px;
    top:102px;
}
#left form.newsletter input.btn-signup{
    background:url(/css/fairlieagile/images/btn_sign_up.gif) 0 0 no-repeat;
    width:70px;
    height:18px;
    border:none;
    cursor:pointer;
    float:right;
}
#left form.contact{
    display:block;
    width:202px;
    height:293px;
    background:url(/css/fairlieagile/images/contact_bg.gif) 0 0 no-repeat;
    float:left;
    padding:14px 1px 0 1px;
    margin:0;
    position:relative;
    
}
#left form.contact h2{
    width:178px;
    height:27px;
    background-color:#0B6799;
    color:#ffffff;
    padding:0 0 0 23px;
    font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0 0 5px 0;
    text-transform:uppercase;
    float:left;
}
#left label.contact{
    font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#000000;
    padding:0 0 0 23px;
    float:left;
}
#left form.contact input.txt3{
    width:152px;
    height:20px;
    margin:0 0 0 23px;
    border:none;
    font:normal 10px/20px Arial, Helvetica, sans-serif;
    float:left;
}
#left form.contact textarea{
    width:152px;
    height:50px;
    margin:0 0 0 23px;
    border:none;
    font:normal 10px/20px Arial, Helvetica, sans-serif;
    float:left;
}
#left label.submit{
    display:block;
    width:154px;
    height:18px;
    background-color:#262626;
    color:#ffffff;
    position:absolute;
    left:25px;
    top:267px;
}
#left input.btn-submit{
    background:url(/css/fairlieagile/images/btn_submit.gif) 0 0 no-repeat;
    width:70px;
    height:18px;
    border:none;
    cursor:pointer;
    float:right;
}
#left ul 
{
	list-style:none;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}

#left ul ul
{
	list-style:none;
	margin:0 0 0 5px;
	padding:0 0 10px 5px;
}

#left ul li a
{
	color:White;
}

#left .archive ul{list-style:none;}
#left ul.archive{list-style:none;}
#left ul.archive{padding:0 0 0 0;margin:0px;}
#left ul.archive li{width:180px;}
#left ul.archive li.year a{text-decoration:underline;}
#left ul.archive li.year a:hover{text-decoration:underline;}
#left ul.archive li.month{margin:0px;}
#left ul.archive li.month ul{position: relative;}
#left ul.archive li.month a{text-decoration:underline;}
#left ul.archive li.month a:hover{text-decoration:underline;}
#left ul.archive .yearHeader{margin-bottom:3px;padding-left:5px;}
#left ul.archive .yearOpen .yearHeader{background-position:left 3px;}
#left ul.archive .monthHeader{margin-bottom:3px;}
#left ul.archive ul .monthOpen .monthHeader{background-position:left 3px;}
#left ul.archive li ul li.topic{font-weight:normal; }
#left ul.archive li ul li.topic a{text-decoration:underline;}
#left ul.archive li ul li.topic a:hover{text-decoration:underline;}

#left .yearlist ul
{
	margin-left:15px;}


#right{
    width:520px;
    margin:0;
    padding:0;
    float:right;
    background:url(/css/fairlieagile/images/right_bg.gif) 0 0 repeat-x #3B3B3B;
    color:#C4C4C4;
}
#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 h1{
    width:450px;
    margin:30px 0 0 0;
    padding:0 20px 0 20px;
    font:bold 19px/35px Arial, Helvetica, sans-serif;
    background-color:#3B3B3B;
    color:#ffffff;
    text-transform:uppercase;
    float:left;
}
#right h2{
    width:450px;
    margin:30px 0 0 0;
    padding:0 20px 0 20px;
    font:bold 15px/35px Arial, Helvetica, sans-serif;
    background-color:#3B3B3B;
    color:#ffffff;
    text-transform:uppercase;
    float:left;
}
#right h2 a{
    width:450px;
    font:bold 15px/35px Arial, Helvetica, sans-serif;
    background-color:#3B3B3B;
    color:#ffffff;
    text-transform:uppercase;
    float:left;
}
#right h3{
    display:block;
    width:450px;
    padding:0 0 0 20px;
    margin:0;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#0DAAFF;
    background-color:#3B3B3B;
    float:left;
}
#right table p
{
	width:auto;
}
#right p{
    display:block;
    width:500px;
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#C4C4C4;
    background-color:#3B3B3B;
    margin:0 0 10px 20px;
    padding:0;
    float:left;
}
#right ul li, #right ol li{
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#C4C4C4;
}

#right table tbody tr td{
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color:#C4C4C4;
}

#right p img
{
	padding:5px 10px 10px 0px;
}

#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{
    text-decoration:underline;
    background-color:#3B3B3B;
    color:#C4C4C4;
}
#right a.underline:hover{
    text-decoration:none;
    background-color:#605C5C;
    color:#C4C4C4;
}


#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.footermenu{
    padding:0;
    margin:0;
    position:absolute;
    left:315px;
    top:28px;
    width:431px;
    list-style-type:none;
}
#footer ul li{
    margin:0;
    float:left;
    font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
    color:#D9D9D9;
    background-color:#232323;
    text-transform:uppercase;
}
#footer ul li a{
    font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
    color:#D9D9D9;
    background-color:#232323;
    text-transform:uppercase;
    text-decoration:none;
    padding:0 9px 0 9px;
}
#footer ul li a:hover{
    text-decoration:underline;
}
#footer ul li.home2{
    margin:0 9px 0 9px;
    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;
} 

.treven {
    font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
    color:#D9D9D9;
    background-color: #444444;

}
.trodd {
    font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
    color:#D9D9D9;
    background-color: #232323;
}

.trodd td, .treven td {
    
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
}