/*creo wf2 start page*/

*{
margin:0;
padding:0;
}
 
body{
text-align:center; /*For IE6*/}
 
#startPages{
width:960px;
margin:0 auto;
text-align:left;
}

#startPages *{font-family: "ff-din-web",Arial,sans-serif !important;}

#startPages h1, #startPages h2{color:#FFF;}

#startPages h1{
font-size:50px;
line-height:1em;
letter-spacing: -.03em;
}

#startPages #header sup{font-size:10px;}

#startPages h2{
font-size: 26px;
width:480px;
}

#startPages .large {
color: #fff;
font-size: 22px;}

#startPages #header{
background: url('/community/proe/images/wf5/header-blue.png') no-repeat top left;
color: #fff;
font-size: 26px;
height: 33px; 
padding: 20px 40px;
width: 849px;
}

#startPages #tabs-1{
/*background: url('/community/creo3/images/promos/PTC-Creo-M020-banner.png') no-repeat top left;*/
height: 339px;
margin:2px 0 2px 0; 
width: 849px;
padding: 0;
}
#startPages #tabs-1 a img{border-style:none;}
#startPages #tabs-1 a:hover img{
	zoom: 1;
	filter: alpha(opacity=95);
	opacity: 0.95;
}

#startPages #tiles li {
float: left;
height: 296px; width:231px;
list-style-type: none;
margin: 2px 2px 0 0;
position:relative;
}

#startPages #tiles li a {
cursor:pointer;
height: 276px; 
width:211px;} 

#startPages #tiles li.tabA{background:url('/community/proe/images/wf5/tab-1.png') no-repeat top left;}
#startPages #tiles li.tabB{background:url('/community/proe/images/wf5/tab-2.png') no-repeat top left;}
#startPages #tiles li.tabC{background:url('/community/proe/images/wf1/tab-3.png') no-repeat top left;}
#startPages #tiles li.tabD{background:url('/community/proe/images/wf5/tab-4.png') no-repeat top left;}

/*tiles*/

#startPages #tiles h3 {
color:#fff;
filter: Shadow(Color=#000, Direction=135, Strength=5);
font-size:30px;
line-height:1em;
text-align:center;
text-shadow: black 0.1em 0.1em 0.2em;
position:absolute;
/*text-transform:uppercase;*/
top:35%;
white-space:normal;
width: 231px;
}

#startPages .vCenter {height:211px; position:relative;}

#startPages .caption {
background-color: #000000;
font-size:11px;
height:65px;
left: 0;
opacity: 0.7 !important;
padding: 10px;
position: absolute;
text-transform:uppercase;
top: 211px;
white-space:normal;
width: 211px;
z-index: 10;
}

#startPages .caption p {
background: url('/community/proe/images/wf5/captions-arrow-white.png') bottom right no-repeat;
height:65px;
padding-right:12px;
width: 199px;
}

/*learn more*/

#startPages .learn-more  {
margin: 30px 0 0 0;}

#startPages .learn-more a {
background: url('/community/creo3/images/parametric/arrow-orange.png') no-repeat scroll top right transparent;
color:#f47720;
font-size: 20px;
padding: 10px 45px 10px 25px;
text-decoration:none;
-moz-box-shadow: 0 0 8px 3px #555;
-webkit-box-shadow: 0 0 8px 3px#555;
box-shadow: 0 0 8px 3px #555;}

#startPages .learn-more a:hover {color:#f19657;}

/*bottom banners*/

#startPages #promo li {
float: left;
height: 115px; width:464px;
list-style-type: none;
margin: 2px 2px 0 0;
position:relative;
}

#startPages #promo li.promoA{background:url('/community/creo3/images/promos/ptc-live-presenters-2015.png') no-repeat top left;}
#startPages #promo li.promoAVariant{background:url('/community/creo3/images/promos/bottom-banner-1.png') no-repeat top left;}
#startPages #promo li.promoB{background:url('/community/proe/images/wf5/bottom-banner-2.png') no-repeat top left;}
#startPages #promo {color:#fff; font-size:11px;}
#startPages .promoA p {padding: 49px 125px 15px 15px;}
#startPages .promoAVariant p {padding: 49px 125px 15px 15px;}
#startPages .promoB p {padding: 65px 125px 15px 29px;}
#startPages #promo a{width:466px; height:115px; display:block;}
#startPages #promo a, #startPages #tiles a {color:#fff; text-decoration:none;}
#startPages #promo a:hover, #startPages #tiles a:hover {color:#ccc;}



#startPages #tiles.fstwentynine h3 {font-size:29px;}
#startPages #tiles.fstwentyeight h3 {font-size:28px;}