body{
	background-color:white;
	font-family:helvetica, arial, sans-serif;
	font-size:10pt;
	text-align:center;
	margin:0;
	line-height:130%;
}

a{
	color:#208040;
}

a:hover{
	color:#46a6ff;
}


h1, h2, h3{
	margin:0;
	padding:0;
}


div.t_wrapper{
	text-align:left;
	margin:0 auto;
	width:920px;
}

div.t_wrapper{
	position: relative;
}

h1.t_logo{
	float: right;
	width:113px;
}

h1.t_logo a{
        display: block;
        width: 113px;
        height: 113px;
        background-image:url(/template/images/logo.png);
        background-repeat:no-repeat;
        text-indent:-999em;
        overflow:hidden;
}


div.t_header{
/*width: 800px;*/
/*	width:905px; */
	padding-top:8px;
/*	float: right;*/
	overflow:visible;
}

div.t_content{
	/*width: 920px;*/
}

/* MAIN MENU NAVIGATION */

	div.t_header ul{
		background-image:url(/template/images/menu_repeat.png);
		background-repeat:repeat-x;
		height:30px;
		margin:0;
		padding:0;
		padding-top:8px;
	}
	
	div.t_header ul li{
		float:left;
		font-size:1.3em;
		margin:0;
		height:35px;
		padding:0 10px;
	}
	
	div.t_header ul li.home{
		padding-left:0;
	}
	
		div.t_header ul li a{
			text-decoration:none;
			color:black;
		}
		
	body.home div.t_header ul li.home,
	body.about div.t_header ul li.about,
	body.projects div.t_header ul li.projects,
	body.services div.t_header ul li.services,
	body.news div.t_header ul li.news{
		background-image:url(/template/images/menu_selected.png);
		background-repeat:no-repeat;
		background-position:center -8px;
	}



div.t_header h2,
div.t_header h3{
	clear:left;
}

div.t_header h2{
	font-weight:normal;
	font-size:1.8em;
	line-height:100%;
	margin-top: 4px;
}

div.t_header h3{
	font-size:2.2em;
	line-height:100%;
	font-weight:bolder;
}

/* CONTENT AREA */

div.gallery_item{
	background-image:url(/template/images/gallery_top.png);
	background-repeat:no-repeat;
	clear:both;
}

div.gallery_item div{
	background-image:url(/template/images/gallery_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:10px 13px 11px 11px;
	margin:0;
	width:890px;
	overflow:hidden;
}

	* html div.gallery_item div{
		width:914px;
	}
	
	div.gallery_item div img{
		margin:0;
		padding:0;
	}
	
	div.show_description div img{	
		margin-top:-25px;
	}
	
div.gallery_item a{
	display:block;
	position:relative;
	height:15px;
	margin:0;
	padding:5px 10px;
	float:left;
	color:black;
	font-size:.9em;
	font-weight: bold;
	text-decoration:none;
	background-image: url(/template/images/white_85.png);
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
	div.gallery_item a:hover{
		color:#208040;
	}	
	
	* html div.gallery_item a{
		height:25px;
		background:none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../template/images/white_85.png',sizingMethod='scale');
	}

ul.thumbnails{
	position:relative;
	margin-top:-75px;
	float:left;
	margin-right:30px;
	margin-left:25px;
}

ul.thumbnails li{
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:0;
	background-image:url(/template/images/thumbnail_back.png);
	padding:8px 11px 12px 9px;
}

	* html ul.thumbnails li{
		background-image: none;
		width:120px;
		height:120px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../template/images/thumbnail_back.png');*/
	}

	/* ----------NOTE--------- 
	AlphaImageLoader seems to break links in IE6 if link is not absolutely positioned
	*/

	* html ul.thumbnails li a{
		position: absolute;
	}

	/*-----------------------*/
	

	ul.thumbnails li img{
		opacity: .6;
		filter: alpha(opacity=60);
	}
	
	ul.thumbnails li.selected img,
	ul.thumbnails li a:hover img{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
div#job_overview{
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 0px;
	padding:0;
	padding-top:10px;
	padding-bottom:70px;
	/* margin:0; */
	margin-top: 0;
	margin-left: -653px;
	display: none;
	background-image: url(/template/images/white_85.png);
}

* html div #job_overview{
	margin-left: -644px;
}

*:first-child+html div #job_overview{
	margin-left: -647px;
}

div#job_overview h4{
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 4px 0;
}

div#job_overview a.close
{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background-image: url(/template/images/close.gif);
	background-position: left top;
	text-indent: -999em;
	overflow: hidden;
}

div#job_overview a:hover.close{
	background-position:left bottom;
}

div#job_overview div{
	padding:0 10px;
	margin:0;
	overflow:auto;
	width:250px;
}
	
	* html div#job_overview div{
		width:270px;
	}

.t_footer{
	clear:both;
	padding: 10px;
	margin-top: 20px;
	border-top: 1px solid #bababa;
}

.t_footer p{
	float:left;
	width:50%;
	margin:0;
	padding:0;
	font-size:.8em;
	color: #575757;
	clear:left;
}

.t_footer p.credit{
	float:right;
	text-align:right;
	clear:none;
}

.t_footer p.foot{
	font-size:1em;
	margin-bottom:.25em;
	width:100%;
}

.subnav{
	margin: 0;
	padding: 0;
	list-style: none;
}

.subnav li{
	float: left;
	margin-right: 12px;
	margin-left: 0;
}

ul li.listhead{
	font-weight: bold;
}

#t_portfolio_list{
	padding: 0px;
	list-style: none;
}

#t_portfolio_list li{
	margin: 0 2em 2em 0;
	width: 230px;
	height: 200px;
	float: left;
}

#t_portfolio_list h3{
	text-align: center;
	text-decoration: none;
	padding-bottom: 4px;
}

#t_portfolio_list div{
	width: 223px;
	height: 178px;
	padding-left: 7px;
	padding-top: 7px;
	background: url(/template/images/iconbg.jpg) no-repeat;
}

* html #t_portfolio_list div{
	width: 230px;
	height: 188px;
}

div #resume{
	width: 80%;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

div #resume .photo{
        float: right;
        width: 175px;
        height: 194px;
        padding-top: 8px;
        padding-left: 9px;
        background: url(/template/images/iconbg_staff.png) no-repeat;
}

div #resume p{
	padding: 0;
	margin-bottom: 2em;
}

div #resume h2{
	margin-bottom: 1em;
}

div #resume h3{
	padding: 0;
	margin-top: 2.5em;
	margin-bottom: .8em;
}

div #resume h4{
	padding: 0;
	margin-bottom: .4em;
}

div #resume h4 span{
	font-weight: normal;
}

div #resume ul{
	margin-bottom: 1em;
}

#splash{
	width: 904px;
	height: 394px;
	background: url(/template/images/splash_bg.gif);
	clear: both;
}

#splash img{
	position: relative;
	top: 9px;
	left: 10px;
	z-index: 0;
}

#splash a.title{
	display: block;
	position: relative;
	font-weight: bold;
	left: 10px;
	width: 864px;
	height: 27px;
	padding-top: 16px;
	margin-top: -37px;
	padding-right: 20px;
	text-align: right;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	font-size: 1.3em;
	z-index: 1;
	opacity:.65;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
}

* html #splash a.title{
	width: 884px;
        margin-top: -27px;
        padding-top: 10px;
	padding-bottom: 6px;
}


#introtext{
	font-size: 1.6em;
	margin-top: 10px;
	margin-left: 11px;
}

#hometitle{
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	height: 20px;
	clear: both;
}

#hometitle li{
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;	
	margin: 0;
	padding-left: 11px;
}

#hometitle li a{
	text-decoration: none;
	color: #000000;
}




ul.news_list,
div.news_item{
	margin:1em;
	border-top:1px solid #ccc;
	width:750px;
}

ul.news_list li{
	padding:10px;
	margin:0;
	clear: both;
}

	p.date{
		color:gray;
		margin:0;
		padding:0;
		font-size:.8em;
	}

	ul.news_list h3{
		float: left;
		font-weight:bold;
		font-size:1.2em;
		margin:0;
		padding:0;
		border: none;
	}
	ul.news_list h3 a{
		margin: 0;
		padding: 0;
	}

	ul.news_list li img{
		float: left;
		vertical-align: top;
		margin-right: 10px;
		border: 1px solid gray;
		margin-bottom: 10px;
	}

div.desc{
	margin-bottom: 1.5em;
}


#homedesc{
clear: left;
padding-left: 11px;
padding-top: 5px;
}

	#homedesc p{
		margin: 0;
		padding: 0;
		font-size: .9em;
	}



#staffphoto{
        float: left;
        margin-top: 15px;
	margin-bottom: 1em;
	margin-right: 4px;
}

#stafficons{
        padding: 0;
        margin-top: 14px;
        list-style: none;
}

	#stafficons li{
        	float: left;
        	width: 165px;
        	height: 210px;
        	margin: 0;
        	padding-top: 8px;
        	padding-left: 9px;
        	background: url(/template/images/iconbg_staff.png) no-repeat;
	}

	#stafficons li img{
		border: none;
	}

	#stafficons li p{
        	text-align: center;
	}

#stafflist{
	margin-top: 10px;
	padding: 10px;
	float: left;
}

	#stafflist h3{
		font-size: 1.5em;
		margin-bottom: 8px;
	}

	#stafflist ul{
		list-style: none;
		padding: 0;
		margin: 0;

	}

	#stafflist ul li{
		margin-left: 0;
	}

.contactinfo{
	margin: 0;
	padding: 0;
	list-style: none;
}

.contactinfo li{
	margin-left: 0;
	padding-left: 0;
}


/* hack to make bg image visisble */
#contactpg{
	height: 400px;
}


.photo p{
	width: 214px; /*Thumbnail width */
	text-align: center;
}

#profilepg{
	background: url(/template/images/profilebg.jpg) no-repeat top left;
}

#servicespg{
	background: url(/template/images/servicesbg.jpg) no-repeat;
}

#servicelist ul li{
	margin-top: 0;
	padding-top: 0;
}


.none{
	clear: both;
	margin: 0;
	padding: 0;
}

.none span{
	display: none;
}

.bgbottom{
	background-position: bottom right !important;
}