/*creo parametric start page*/

*{
margin:0;
padding:0;
}

html, body {
height: 829px;
width:100%;
overflow: inherit;}
 
body{
text-align:center; /*For IE6*/}
 
#startPages{
width:932px;
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;
width: 400px;
}

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

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

#startPages #header{
background: url('/community/creo3/images/parametric/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 #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/creo3/images/parametric/tab-1.png') no-repeat top left;}
#startPages #tiles li.tabB{background:url('/community/creo3/images/parametric/tab-2.png') no-repeat top left;}
#startPages #tiles li.tabC{background:url('/community/creo3/images/academic/tab-3.png') no-repeat top left;}
#startPages #tiles li.tabD{background:url('/community/creo3/images/parametric/tab-4.png') no-repeat top left;}

/*tiles*/

#startPages #tiles h3 {
color:#fff;
filter: Shadow(Color=#000, Direction=135, Strength=5);
font-size:36px;
text-align:center;
text-shadow: black 0.1em 0.1em 0.2em;
position:absolute;
text-transform: capitalize;
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/creo3/images/parametric/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-blue.png') no-repeat scroll top right transparent;
color:#0091ce;
font-size: 20px;
padding: 10px 45px 10px 25px;
text-decoration:none;
-moz-box-shadow: 0 0 8px 3px #666;
-webkit-box-shadow: 0 0 8px 3px #666;
box-shadow: 0 0 8px 3px #666;}

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

/*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/academic/bottom-banner-1.png') no-repeat top left;}
#startPages #promo li.promoB{background:url('/community/creo3/images/parametric/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, #startPages #tiles a {color:#fff; text-decoration:none;}
#startPages #promo a:hover, #startPages #tiles a:hover {color:#ccc;}