/* CSS Document */

body{
	padding:0;
	margin:0;
	background-image:url(images/main_bg.gif);
	background-repeat:repeat-x;
	color:#FFF;
}




ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#headerMain{
	width:100%;
}
#header{
	width:1200px;
	height:267px;
	background:479px 0px no-repeat;
	float:right;
	position:relative;
}
#header ul.top{
	background:url(images/top_nav_bg.gif) 0 0 no-repeat;
	width:237px;
	height:18px;
	left:687px;
	top:0px;
	padding:0 0 0 15px;
}

#header img{
	left:0;
	top:0px;

}
#header h1{
	font:bold 24px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:0;
	top:190px;
	text-transform:uppercase;
}
#header p{
	font:normal 17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	position:absolute;
	left:-5px;
	top:102px;
	text-transform:none;
	text-align:center;
	width:443px;
}
#header ul.nav{
	width:730px;
	height:39px;
	position:absolute;
	left:194px;
	top:222px;
}
#header ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#header ul.nav li a{
	display:block;
	padding:0 15px;
	font:bold 11px/39px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#header ul.nav li a:hover{
	color:#fff;
	background-color:#0078AA;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width:100%;
	background-image:url(images/background.png);
	padding:20px 0 0 0;
}
#bodyTop{
	width:930px;
	margin:0 auto;
	background-color:transparent
}
/*------------------------------------------------left1--------------------*/
#left1{
	width:670px;
	margin:0 27px 0 0;
	padding:20px 0 35px 0;
	float:left;
	border-bottom:1px dashed #333;
	color: #000000;
}
#left1 h2{
	font:bold 34px/40px Georgia, "Times New Roman", Times, serif;
	color:#333;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 21px 0;
	border-bottom:1px dashed;
}
#left1 h2 span{
	font:normal 30px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#970000;
	background-color:transparent;
	display:block;
}
#left1 p.leftText1{
	font:normal 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#251C00;
	background-color:transparent;
	margin:0 0 24px 0;
	display:block;
	width:670px;
}
#left1 p.leftText1 span{
	font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#006882;
	background-color:#FFFFFF;
	
}
#left1 p.leftText1 a.link1{
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#1B7D01;
	background-color:#FFFFFF;
	text-decoration:underline;
}
#left1 p.leftText1 a.link1:hover{
	color:#1B7D01;
	background-color:#F7F0D9;
	text-decoration:none;
}
#left1 a.link2{
	padding:0 0 0 54px;
	font:bold 18px/39px Georgia, "Times New Roman", Times, serif;
	color:#144848;
	float:right;
	width:390px;
	height:41px;
	display:block;
	text-decoration:none;
}
#left1 a.link2:hover{
}
/*------------------------------------------------left1--------------------*/

/*------------------------------------------------mid1--------------------*/
#mid1{
	width:230px;
	float:right;
	background-color:transparent;
	border:1px dashed #999;
	color:#000;
	padding:0 0 0 0;
}
#mid1 p.mid1Top{
	background:#FFF;
	width:230px;
	height:25px;
	font-size:0;
}
#mid1 h2{
	width:190px;
	height:20px;
	padding:0 0 0 10px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#970000;
	background-color:transparent;
	margin:0 0 15px 14px;
	display:block;
}
#mid1 h2 span{
	font:bold 24px/17px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
#mid1 p.linkTop{
	background:#FFF;
	width:204px;
	height:15px;
	font-size:0;
	margin:0 0 0 14px;
	padding:0;
	display:block;
}
#mid1 ul{
	background:transparent;
	width:188px;
	margin:0 0 0 14px;
	color:#000;
	padding:0 0 22px 16px;
}
#mid1 ul li{
	border-bottom:#FFF dashed 1px;
	height:20px;
	padding:0;
	margin:0;
}
#mid1 ul li.bdrNo{
	border-bottom:none;
	height:20px;
	padding:0;
	margin:0;
}
#mid1 ul li a{
	padding:0 0 0 15px;
	font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#00F;
	background-color:transparent;
	text-decoration:none;
	border-bottom: 1px dotted #666;
	display:block;
}
#mid1 ul li a:hover{
	color:#C00;
}
/*------------------------------------------------mid1--------------------*/



/*------------------------------------------------bodyTop--------------------*/

/*------------------------------------------------bodyBot--------------------*/
#bodyBotMain{
	width:100%;
	color:#000;
	padding:0 0 15px 0;
}
#bodyBot{
	width:930px;
	margin:0 auto;
}
/*------------------------------------------------left2--------------------*/
#left2{
	width:447px;
	float:left;
	margin:31px 27px 0 0;
}
#left2 h2{
	width:441px;
	height:17px;
	background:url(images/news_div.gif) 0 0 repeat-x;
	margin:0 0 26px 0;
	display:block;
}
#left2 h2 span{
	font:bold 24px/17px Georgia, "Times New Roman", Times, serif;
	color:#202020;
	background-color:#fff;
	width:67px;
}
#left2 p.newsPic{
	display:block;
	background:url(images/news_pic.gif) 0 0 no-repeat;
	margin:0 16px 29px 0;
	padding:0;
	float:left;
	width:91px;
	height:119px;
}
#left2 p.newsText{
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#251C00;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	float:left;
	display:block;
	width:340px;
}
#left2 p.newsText span{
	color:#006882;
	background-color:#FFFFFF;
	font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
#left2 p.newsText a.linkNews{
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#1B7D01;
	background-color:inherit;
	text-decoration:underline;
	padding:0;
	margin:0;
}
#left2 p.newsText a.linkNews:hover{
	color:#1B7D01;
	background-color:#F7F0D9;
	text-decoration:none;
}
#left2 a.link3{
	background:url(images/bottom_link_bg.gif) 0 0 no-repeat #F0FFFF;
	padding:0 0 0 54px;
	font:bold 18px/39px Georgia, "Times New Roman", Times, serif;
	color:#144848;
	width:390px;
	height:41px;
	display:block;
	text-decoration:none;
	float:left;
}
#left2 a.link3:hover{
	background:url(images/bottom_link_bg_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left2--------------------*/


/*------------------------------------------------bodyBot--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:137px;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x
}
#footer{
	width:100%;
	margin:0 auto;
	height:137px;
	position:relative;
}
#footer ul{
	width:628px;
	position:absolute;
	left:252px;
	top:35px;
	height: 19px;
}
#footer ul li{
	float:left;
	color:#FFF;
	background-color:inherit;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#FFF;
	background-color:inherit;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 11px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#F00;
}
#footer p.copyright{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:286px;
	top:100px;
	width: 291px;
}
#footer p.credit{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:711px;
	top:10px;
	width: 322px;
	height: 68px;
	text-align:center
}

#footer p.design{
	display:block;
	width:203px;
	height:12px;
	padding:2px;
	position:absolute;
	left:593px;
	top:101px;
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFAE8;
	text-transform:none;
}
#footer p.design a.link{
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFAE8;
	text-transform:none;
	text-decoration:none;
	border-bottom: 1px dotted #FFF;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#FFF;
}
/*------------------------------------------------footer--------------------*/




#new{
	position:absolute;
	right:587px;
	top:609px;
	z-index:20;
	width:147px;
	height:82px;
}




/* @group -work */
    #work_wrap {
        width: 600px;
        font-size: 0.74em;
        padding: 20px 0 0 20px;
        line-height: 1.6em;
        float: left;
    }
    #work_l {
        float: left;
        width: 335px;
    }
    #work_r {
        float: right;
        width: 200px;
    }   
    #work_wrap a { padding: 2px; }
    #work_wrap a.selected {
        background: #ffec6b;
        color: #3c3c3c;
    }
    h4#do_things, h4#these_clients {
        height: 16px;   
        text-indent: -9000px;
        margin: 0;
    }   
    h4#do_things {  }
    h4#these_clients { }   
    #work_paper {
        width: 229px;
        height: 168px;

        float: right;
        margin: -18px 15px 0 0;
        font-size: 0.74em;
    }
    #work_paper p {
        padding: 20px 25px 0;
        margin: 0;
        line-height: 1.7em;
    }
    #work_groups { 
        padding: 25px 20px 0; 

    }
    #work_groups li { 
        float: left; 
        padding-bottom: 25px;
        position: relative;
        line-height: normal;
    }
    #work_groups li a {
        display: block;
        width: 176px;
        height: 176px;
        background: url(images/bg_work.jpg) 0 0 no-repeat;
        padding: 16px 16px 0 18px;
        text-align: center;
        color: #000;
        font-weight: normal;
    }
    #work_groups li a.chec {font-size:13px;}
    #work_groups li a img { margin-bottom: 6px;}
    #work_groups li a:hover, #work_groups li.selected a:hover {
	text-decoration: none;
	background:url(images/bg_work.jpg) 0 -192px no-repeat;
	color: #000;
    }
    #work_groups li.selected a { background: url(images/bg_work.jpg) 0 -384px no-repeat; }
    /* @end */