/*creo parametric-30-day-trial start page*/

*{
margin:0;
padding:0;
}
 
body{
text-align:center; /*For IE6*/}

#startPages a img {border: 0!important;}
 
#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:80px;
}

#startPages #header sup{font-size:10px;}

#startPages h2{
font-size: 26px;
width:480px;
}

#startPages #header{
background: url('/community/creo3/images/parametric-30-day-trial/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/parametric-30-day-trial/top-banner.png') no-repeat top left;
height: 259px;
margin-top:2px; 
width: 929px;
}

#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-30-day-trial/tab-1.png') no-repeat top left;}
#startPages #tiles li.tabB{background:url('/community/creo3/images/parametric-30-day-trial/tab-2.png') no-repeat top left;}
#startPages #tiles li.tabC{background:url('/community/creo3/images/parametric-30-day-trial/tab-3.png') no-repeat top left;}
#startPages #tiles li.tabD{background:url('/community/creo3/images/parametric-30-day-trial/tab-4.png') no-repeat top left;}

/*tiles*/

#startPages #tiles h3 {
color:#fff;
filter: Shadow(Color=#000, Direction=135, Strength=5);
font-size:30px;
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-30-day-trial/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-30-day-trial/Creo-1-0-Start-button.png') no-repeat scroll top right transparent;
color:#333;
font-size: 20px;
padding: 10px 50px 10px 25px;
text-decoration:none;
-moz-box-shadow: 0 0 8px 3px #03648b;
-webkit-box-shadow: 0 0 8px 3px#03648b;
box-shadow: 0 0 8px 3px #03648b;}

#startPages .learn-more a:hover {color:#999;}

/*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/parametric-30-day-trial/bottom-banner-1.png') no-repeat top left;}
#startPages #promo li.promoB{background:url('/community/creo3/images/parametric-30-day-trial/bottom-banner-2.png') no-repeat top left;}
#startPages #promo {color:#fff; font-size:11px;}
#startPages .promoA 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;}

#startPages #description {
float: left;
height: 189px;
padding: 70px 30px 0 30px;
width: 404px;
color: #fff;}

#startPages #video {
float: left;
width: 464px;}

#startPages #tiles.adjust h3 {font-size:29px;}
#startPages #tiles.adjustit h3 {font-size:28px;}
#startPages #tiles.adjustru h3 {font-size:25px;}