/* CSS Document */

#ContentArea {
	color: #000000;  margin-top:-20px;
	float:none;
	line-height: 14px;
	font-size: 11px;
}/* CSS Document */

body {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(http://www.vrtx.com/assets/images/tile.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

/* main wrapper around entire page */

#wrapper {
	width: 940px;
	margin: 0px 23px 0px 24px;
}

/* encompasses logo and flash */

#header {
     float: none;
     width: 940px;
	 margin: 0px;
	 padding: 0px;
}

#FlashContainer
{
	float: left;
	height: 162px;
	width: 811px;
	margin: 0px -28px 0px 62px;
	padding: 2px 0px 0px 0px;
}
 
#VertexLogo {
	float: left;
	padding-top: 54px;
	width: 90px;
	height: 47px;
}

/* encompasses subhead img, resizing, and search */

#header2 {
     float: none;
	 padding: 0px;
	 margin: 0px;
	 height: 22px;
}

#subhead {
     float: left;
}

#search {
    float: right;
	margin: 0px;
	padding: 0px;
}

div.float {
    float: left;
}

div.mag {
    float: left;
	margin: 2px 5px 0px 0px;
}

/* Adjust Font */

#AdjustFont {
    float: left;
	margin: 6px 12px 0px 0px;
}

#AdjustFont a:link {
	color: #8B72A9;
	font-weight: bold;
	text-decoration: none;
}

#AdjustFont a:visited {
	color: #8B72A9;
	font-weight: bold;
	text-decoration: none;
}

#AdjustFont a:link:hover {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

#AdjustFont a:visited:hover {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

#AdjustFont a:link:active {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

#AdjustFont a:visited:active {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

.ClearFloat {
    float: none;
    clear: both;
}

.grey {
	color: #757575;
	line-height: 13px;
	letter-spacing: 0.1px;
}

.NoPaddMarg {
	margin: 0px;
	padding: 0px;
}

h1 { 
    font-size: 15px;
	line-height: 17px;
	margin: 0px;
	padding: 24px 0px 13px 0px;color: #8B72A9; }


h2 {
    font-size: 12px;
	line-height: 14px;
	__letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px;
}

h3 {
    font-size: 13px;
	line-height: 15px;
	__letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px 0px 13px 0px;
}

h4 {
    font-size: 15px;
	line-height: 17px;
	__letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px 0px 13px 0px;
}

h5 {
    font-size: 18px;
	line-height: 20px;
	__letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px 0px 13px 0px;
}

h6 {
    font-size: 14px;
	line-height: 16px;
	__letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px;
}

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

.SubHedQuote {
	padding: 15px 0px 0px 0px;
}

blockquote {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.source {
	text-align: right;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
  
.StartPara {
	padding: 0px;
	margin: 0px;
}

.ParaSpacing  {
	padding: 10px 0px;
	margin: 0px;
}

#NavAndMain {
  float: left;
  width: 940px;
  padding: 20px 0px 0px 0px;
  
}
	
#MainContent
{
	color: #000000;
	float: left;
	width: 700px;
	padding: 0px 0px 48px 40px;

}

#ContentArea {
	color: #000000;
	float:none;
	line-height: 14px;
	font-size: 11px;
}

#ContentArea p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

#IntroCopy a:link {
	color: #8B72A9;
	font-weight: bold;
}

#IntroCopy a:visited {
	color: #8B72A9;
	font-weight: bold;
}

#IntroCopy a:link:hover {
	color: #CCCCCC;
	font-weight: bold;
}

#IntroCopy a:visited:hover {
	color: #CCCCCC;
	font-weight: bold;
}

#IntroCopy a:link:active {
	color: #CCCCCC;
	font-weight: bold;
}

#IntroCopy a:visited:active {
	color: #CCCCCC;
	font-weight: bold;
}

#ContentArea a:link {
	color: #8B72A9;
	font-weight: bold;
}

#ContentArea a:visited {
	color: #8B72A9;
	font-weight: bold;
}

#ContentArea a:link:hover {
	color: #CCCCCC;
	font-weight: bold;
}

#ContentArea a:visited:hover {
	color: #CCCCCC;
	font-weight: bold;
}

#ContentArea a:link:active {
	color: #CCCCCC;
	font-weight: bold;
}

#ContentArea a:visited:active {
	color: #CCCCCC;
	font-weight: bold;
}
 
#legal {
    margin: 40px 0px 0px 0px;
}

#LegalPress {
    margin: 146px 0px 0px 0px;
}

/* footer */

#footer {
     border-top: solid 1px #8B72A9;
	 clear: both;
	 
	 text-align: center;
	 width:100%
}

#footer ul {
	list-style-type: none;
	padding: 6px 0px 0px 0px;
}

#footer li {
	display: inline;
}

#footer li a {
	color: #8B72A9;
	font-weight: bold;
	margin: 0px 36px 0px 36px; 
	padding: 5px 0px 5px 0px;
}

#copyright {
	font-size: 10px;
	color: #CCCCCC;
	padding: 7px 0px 10px 0px;
	text-align: center;
	width:100%
}

/* our dna page styles */

#centerDoc {
	float:left;
	width:520px;
	margin: 0px 0px 10px 0px;
}

.BigPerson {
	float: left;
	width: 154px;
	display: none;
}

#SmallPersonRollOver {
	float: none;
	padding: 0px 0px 26px 12px;
}

.rolloverQuote { display: none; }

/* product evolution page styles */

div.TunnelLight {
    float: left;
    width: 89px;
    padding-right: 33px;
}
  
#TunnelLightLast {
    float: left;
    width: 90px;
}

#TunnelLightWrapper p {
	margin: 17px 0px 5px 0px;
	font-size: 12px;
}

#TunnelEndPara {
	width: 195px;
	float: left;
	padding-right: 30px;	
}

.TunnelLinkList1 {
    float: left;
	padding-right: 25px;
	list-style-type: none;
}

.TunnelLinkList2 {
    float: left;
	list-style-type: none;
}

.TunnelAboutProduct {
	margin: 0px 0px 20px 0px;
}

#TunnelEndContent {
	padding: 0px 0px 75px 0px;
	margin: 20px 0px 0px 0px;
}

.TunnelSubHed {
	padding: 22px 0px 0px 0px;
}

.TunnelImage {
	padding: 0px 0px 16px 0px;
}

/* side navigation */

#ceo {
	background-color: #DDE2E4;
	width: 156px;
	height: 77px;
	padding: 8px 8px;
	margin: 4px 0px 10px 0px;
	color: #000000;
}

#ceo img {
	float: left;
	padding: 0px 5px 0px 0px;
}

CeoInfo {
	float: left;
	width: 71px;
}

#ceo a:link {
	color: #8B72A9;
}

#navigation {
    float: left;
	width: 172px;
	margin: 0px;
	padding: 0px;
}

#IntroCopy {
	color: #000000;
	line-height: 13px;
	letter-spacing: 0.1px;
	margin: 0px 5px 5px 0px;
}

#SearchInfo {
	color: #000000;
}

#visible {
    color:#CED7EF;
}

#HomeTunnel {
	float: left;
	width: 318px;
	line-height: 15px;
	color: #000000;
	padding: 20px 100px 0px 0px;
}

#HomeLight {
	float: left;
	width: 248px;
	line-height: 15px;
	color: #000000;
	padding: 20px 0px 0px 0px;
}

#HomeTunnelHed {
	font-size: 20px;
	line-height: 22px;
	color: #BB7F7F;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#HomeLightHed {
	font-size: 20px;
	line-height: 22px;
	color: #8CC193;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#EmployeeFlash {
	float: left;
	width: 315px;
}

.purple {
	color: #8B72A9;
	font-weight: bold;
}


.LSM_0 {
	list-style-type: none;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #8B72A9;
}

.LSM_0 li {
	list-style-type: none;
}

/* form styles */
.FSF_input {
	display: block;
	font-size: 10px;
	float: left;
	padding: 3px 0px 0px 0px;
}

.FSF_submit {
	float: left;
	padding: 0px;
}

.FSF_form {
	vertical-align: top;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 216px;
}

.FSF_searchResults {
	margin: 20px 0px 0px 20px;	
}

dd {
	margin: 0px 0px 10px 0px;
}

ul.dl, ul.dl li {
	list-style: none;
}

#MainCulture {
	width: 196px;
	float: left;
}

#CultureCorner {
	width: 442px;
	float: left;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF; 
	margin: 0px 60px 0px 0px;
 }
 
#CultureCopy {
	padding: 10px 13px 0px 13px;
	background-color: #FFFFFF;
}
 
#gravity {
	float: left;
	margin-right: 20px;
}

#curiosity {
	float: left;
	margin-right: 20px;
}

#defaultQuote {
	margin-left: 28px;
}

#quote_1, #quote_2, #quote_3, #quote_4, #quote_5, #quote_6 {
	margin-left: 28px;
}

.quote_tag, .quote_p {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.quote_tag {
	font-size: 12px;	
}

#benefit {
	width: 218px;
    float:left;
	margin-right: 20px;
}
.benefit {
	width: 218px;
    float:left;
	margin-right: 20px;
}

.BenefitBox {
	background-color: #FFFFFF;
	padding: 5px 5px 0px 5px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}

#BenefitLast {
	width: 218px;
	height: 123px;
	float:left;
}


#CultureRoll {
	font-size: 14px;
	font-face: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}

#CultureRoll a:link { 

 color: #8B72A9; 

 text-decoration: none;

}  

#CultureRoll a:visited { 

 color: #8B72A9; /**visited links should not change **/

 text-decoration: none;

}

 #CultureRoll a:hover { 

 color: #000000; 
 text-decoration: none;

}

#CultureRoll a:active { 

 color: #000000;
 text-decoration: none;

}

.global {
	padding: 10px;
}

.global img {
	margin-bottom: 10px;
}

.GlobalFrame {
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	margin-bottom: 20px;
	background-color:#FFFFFF;
}

.servicing {
	margin: 0px 0px 250px 167px;
	width: 630px;
}

.servicing a:link {
	text-decoration: none;
}
/************Paradigm styles ***********************/
	#MiddleContent {
		float:none; 
		width:700px;
		border:1px dashed green;
	}
	.ComponentDiv {
		float:left; 
		width:225px;
	}
	.LeftDiv {
		float:left; 
		width:100px; 
		padding-right:15px; 
		height:350px;
	}
	.Tunnel {
		float:none;
		 padding:10px 0px 20px; 
		 color:#FF0000;
		 font-weight:bold;
	}
	.RightDiv {
		float:left; 
		width:100px;
		height:350px;
	}
	.ReadMore{
		float:none; 
		width:151px; 
		margin-top: 10px;
		margin-left: 30px;
	}
	.Light {
		float:none;
		padding:10px 0px 20px; 
		color:#006600;
		font-weight:bold;
	}
	.tunnelight {
		margin: 0 0 16px 0;
	}
	table#tunnelightparadigms {
		margin: -10px 0 0 -5px;
	}
/************End Paradigm styles ***********************/

.publications {
	width: 50px;
	float: left;
	margin-right: 12px;
}

.technology {
	width: 139px;
	float: left;
	margin-right: 12px;
}

.LastUpdated {
	margin: 20px 0px 0px 250px;
	color: #504F4F;
}

.LastUpdatedBoard {
	margin: 20px 0px 0px 210px;
	color: #504F4F;
}

A.hdrimg, A.hdrimg IMG {
	border: 0;
}

* { letter-spacing: 0px }