/*PORTFOLIO TEMPLATE CSS
=========================================*/
#portfolio{
	float:left;
	width:100%;
}

#portfolio h1{
	font-weight:normal;
	margin:0;
	padding:0;
}

#portfolio div.headContainer{
	color:#FFFFFF;
	width:100%;
	height:4em;
	float:left;
}

#portfolio div.headTitle{
	float:left;
	padding:10px;
	width:50%;
}

#portfolio div.headTitle h1,
#portfolio div.headTitle h1.appCaption{
	display:inline;
	margin-right:-15px;
}

#portfolio div.headTitle h1.appCaption{
	font-size:1.3em;
	margin-right:0px;
	position:relative;
	bottom:2px;
}



#portfolio div.headDemo{
	text-align:right;
	font-size:1.0em;
	padding:10px;
	padding-top:20px;
}

#portfolio div.headDemo a{
	text-decoration:none;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:4px;
	font-size:1.2em;
}

#portfolio div.headDemo a:hover{
	color:#BBBBBB;
	border:1px solid #BBBBBB;
}



#portfolio div.bodyTabNav{
	width:100%;
	text-align:left;
	float:left;
	padding-top:20px;
}

#portfolio div.bodyTab{
	width:100%;
	text-align:left;
	float:left;
	max-width:95%;
	padding:20px;
	border:1px solid black;
	padding-bottom:0px;
}


#portfolio div.bodyTabNav ul{
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
}

#portfolio div.bodyTabNav li
 {
 	text-align:center;
	font-size: 1.0em;
	font-weight:bold;
	float: left;
	margin:0;
}

#portfolio div.bodyTab div.featureDiv{
	float:left;
}

#portfolio div.bodyTabNav li a {
	text-decoration:none;
	color:#000000;
	padding: 5px 15px 5px 17px;
	margin-right:2px;
	float:left;
	background: url(../images/body_nav_tab_corner_left.gif) no-repeat left top;
	background-color:#CFCFCF;
}

#portfolio div.bodyTabNav li a:hover {
	background-color:#DDDDDD;
}

#portfolio div.bodyTabNav li.selected a{
	background-color:black;
}
	
#portfolio div.bodyTabNav div.roundedRight{
	height:23px;
	width:6px;
	float:left;
	margin-left:-8px;
	background: url(../images/body_nav_tab_corner_right.gif) no-repeat right top;
}


#portfolio div.bodyImage{
	width:100%;
	height:50%;
}

#portfolio img.screenshots{
	width:755px;
	border:none;
}


#portfolio div.screenshotAndLinks{
	padding:0;
	margin:10px 0 0 0;
	float:left;
	width:100%;
}

#portfolio div.screenshotAndLinks img{
	float:left;
	width:500px;
}

#portfolio div.screenshotAndLinks div.relPane{
	margin:5px 3px 0px 0px;
	float:right;
}

#portfolio p{
	color:#000000;
	margin:0;
}

#portfolio p.bodyHeading{
	font-weight:bold;
}

#portfolio p.bodyHeading{
	font-weight:bold;

}

#portfolio p.bodyHeading{
	font-weight:bold;
}

#portfolio h2.overview{
	font-size:1.0em;
	color:#000000;
	margin-bottom:5px;
}

#portfolio p.bodyText{
	padding-left:10px;
}

#portfolio div.bodyLeft,
#portfolio div.bodyRight{
	float:left;
	width:48%;
	color:#000000;
	margin-top:10px;
}

#portfolio div.bodyLeft ul,
#portfolio div.bodyRight ul{
	padding-left:20px;
	padding-right:10px;
	margin-left:5px;
	margin-top:0px;
}

#portfolio div.bodyLeft ul li,
#portfolio div.bodyRight ul li{
	margin-bottom:7px;
}

#portfolio h2.feature{
	font-size:1.7em;
	font-family:Helvetica;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}

#portfolio h3.feature{
	font-size:1.0em;
	padding:0px;
	margin:0px;

	margin-bottom:10px;
	color:#000000;
}

#portfolio hr{
	height: 1px;
	color:#CCCCCC;
	margin-top:20px;
	margin-bottom:20px;
}

#portfolio img.featureRight,
#portfolio span.featureRight{
	position:relative;
	float:right;
	margin-left:15px;
}

#portfolio img.featureLeft,
#portfolio span.featureLeft{
	position:relative;
	float:left;
	margin-right:15px;
}

#portfolio div.resource div.image,
#portfolio div.resource div.resouceText{
	float:left;
}

#portfolio div.resource div.resouceText{
	margin-left:15px;
	
}

#portfolio div.resource div.resouceText h3{
	font-size:1.3em;
	font-weight:normal;
	padding:10px 0px 5px 0px;
}

#portfolio div.resource div.resouceText p{
	padding-top:0px;
	margin-top:-10px;
	margin-bottom:0px;
	color:#777777;
}

#portfolio div.resource div.resouceText hr{
	width:80%;

}

#portfolio div.resource div.resouceText ul{
	margin-top:0px;
	margin-left:20px;
}
	
#portfolio div.resource div.resouceText li {
	font-size: 1.0em;
	font-weight:bold;
	padding: 0px 15px 0px 25px;		
	list-style: none;
	margin-top:10px;
	
}

#portfolio div.resource div.resouceText li.paperLinks {
	background: url(../images/icon_paper.gif) left center no-repeat;
}

#portfolio div.resource div.resouceText li.movieLinks {
	background: url(../images/icon_movie.gif) left center no-repeat;
}


#portfolio div.resource div.resouceText a{
	font-weight:normal;
}


/*=========================================*/



/*INDUSTRIES TEMPLATE CSS
=========================================*/
#industries{
	color:#000000;
}

#industries div.bodyText{
	float:left;
	width:72%;
}

#industries div.bodyText a:visited{
	color:blue;
}

#industries div.rightHandPanes{
	float:left;
	padding-left:20px;
}

#industries h1, h2, h3{
	padding:0;
	margin:0;
	padding-top:5px;
	padding-bottom:3px;
}

#industries h1{
	font-size:1.7em;
	font-weight:normal;
}

#industries h2{
	font-size:1.3em;
	font-weight:bold;
}

#industries h3{
	font-size:1.0em;
}


#industries div.industryoutline p{
	margin:0;
	padding-bottom:3px;
}

#industries div.industryoutline h2 p a,
#industries div.industryoutline h2 p a:visited{
	text-decoration:none;
	color:#000000;
}

#industries div.industryBlock{
	border:1px solid black;
	display:block;
	float:left;
}

#industries div.industryImage{
	float:left;
	margin:0;
	padding:0;
	clear:left;
	padding-top:5px;

}

#industries div.industryImage img{
	
}


#industries div.industryOutline,
#industries div.appOutline{
	padding-left:1px;
	padding-top:5px;
	margin-left:2px;
}

#industries div.appImage{
	float:left;
	width:25%;
}

#industries div.appOutline{
	width:75%;
	padding-bottom:10px;
	float:left;
}

#industries div.Industrypoint{
	padding-left:30px;

}

#industries div.industryPoint p{
	padding-left:5px;
	margin-top:10px;
}

#industries p.companyOutline{
	padding:0px;
	margin:0px;
	margin-left:-20px;
}

#industries ul{
	margin:10px 0 0 30px;
	padding:0;
}

#industries li{
	list-style-type: none;
	background: url(../images/custom_bullet.gif) no-repeat left 5px; 
	padding-left:20px;
	padding-bottom:7px;

}


#industries div.appOutline{
	width:75%;
	margin:0;
	padding:0;
}

#industries div.appOutline p{
	margin:0;	
}

#industries div.application{
	margin-top:10px;
}

#industries img.right{
	float:right;
}

#industries img.centerNoWrap{
	float:none;
}


#industries div.bodyText table{
	border:0;
}

#industries div.bodyText table tr td{
	text-align:center;
	border:1px solid #BBBBBB;
	height:100%;
	width:33%;
}

#industries div.bodyText table tr td img{
	margin-top:6px;
	margin-bottom:6px;
}

#industries div.bodyText table tr td a{
	border:3px solid #DDDDDD;
	height:100%;
	width:100%;
}

#industries div.bodyText table tr td a:hover{
	border:3px solid blue;	
}

table.clientTable td{
	padding:10px;
	border-bottom:1px solid #DDDDDD;
}

table.clientTable  h2{
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

table.clientTable  p{
	font-size:0.8em;

	margin-bottom:0px;
	margin-top:0px;
}