/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

a { color: #c0c }
a:visited { color: #909 }

#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

img.center								{ margin:auto; clear:both; display:block; float:none; }
img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	
img.left								{ float:left; margin:0 25px 25px 0; clear: left; }


dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ margin:0; font-family:"Arial"; line-height:140%; font-size:1em; background:url("images/body-back.png") 50% 0 no-repeat; padding-top:14px;}
#container								{ width: 899px; margin: 0 auto 20px auto; padding:0 44px;  background:url("images/container-back.png") 0 0 repeat-y; overflow:auto;}
#header									{ height:85px; }
#navigation								{ display:none;}
#footer									{ background: url("images/footer-back.jpg") 0 0 no-repeat #333; clear:both;  position:relative; width:871px; min-height:197px; padding:15px; margin:auto; margin-bottom:35px;}
#related 								{ }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/


.breadcrumbs							{ display:none; }

#header h1								{ margin: 0 }
#header img								{ border:0;  position:absolute; top:0; border-left:44px solid #FF00FF; margin-left:-44px }

#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin-left: 0 }
#navigation	li							{ display: inline; margin-right: 1em }

#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }
/*#footer p								{ position:absolute; bottom:-35px; right:-45px; padding:20px 85px 20px 45px; background:#FF00FF; }
#footer p a								{ width:115px; height:21px; text-indent:-10000em; display:block; background:url("images/escape-logo.png") 0 0 no-repeat; }*/

#footer p								{ width:940px; background:url("images/footer-base-back.png") 100% 0 no-repeat; height:73px;  position:absolute; bottom:-45px; right:-40px;}
/*#footer p.escape a						{ display:block;  width:100px; height:25px; text-indent:-10000em; position:absolute; top:8px; right:70px; }*/
#footer p.escape a						{ position:absolute; bottom:2px; left:0px; color:#444;font-size:75%; text-decoration: none }

#footer .call-to-actions img			{ margin:0 22px; border:none; }

.content-panel,
 #related .section-navigation			{ background:url("images/black-bg.png") 0 0; }
 
 #related .cta-panel,
    #related .news-articles				{ background:url("images/pink-bg.png") 0 0; }

#related .section-navigation			{ }

.content-panel							{ overflow:auto; }

#substance								{ color:#fff; width:625px; padding:00px 64px 20px 20px; margin-right:-44px; float:right; }

#related								{ width:200px; }
#related a								{ color:#fff; text-decoration:none; }
#related a:hover						{ color:#CC00CC; }
 #related ul							{ list-style:none; margin:0; text-transform:lowercase }
 #related li li a:hover					{ color:#fff; }
 #related .cta-panel a:hover						{ color:#fff; }

#related .section-navigation			{ width:170px; margin-left:-54px; padding:10px 20px 15px 65px; margin-bottom:17px; font-size:100%;}
#related .cta-panel						{ width:200px;  margin-left:-44px; padding-left:45px; margin-bottom:17px;  }
#related .news-articles					{ width:190px;  margin-left:-44px; padding-left:55px; margin-bottom:17px; position:relative; padding-bottom:10px;  }							
#related .news-articles	 a.feed			{ width:49px; height:49px; background:url("images/ico-rss.jpg") 0 0 no-repeat; text-indent:-10000em; text-indent:-10000em; display:block; position:absolute; top:10px; left:50px;}
	 
#substance object					{ float:right; margin-bottom:20px; margin-top:-70px; }
#substance  .content-panel			{ clear:right; margin-right:-60px; padding:15px 60px 15px 15px;}

#substance form,
 #substance fieldset							{ border:none; padding:0; }
  #substance form dd					{ margin-bottom:15px; }
  #substance form 						{ padding-top:20px; border-top:2px solid #FF00FF; }
  
#substance table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em; font-size:90%;}
#substance table th						{ background:#7D007E; color:#fff; padding:5px; border:none; text-align:center;}
#substance table td						{ border:none; padding:5px; border:none; vertical-align: top }
#substance table tr						{ }
#substance table tr.alt					{ background:#CC00CC; }
#substance table img					{ padding: 10px; background:#fff; }
#substance table a						{ color: #fff }


#related .section-navigation  li		{ padding:5px 0; }
#related .section-navigation  li li	li	{ padding:2px 0; font-size:85%; font-weight: normal}
#related .section-navigation ul ul		{ border-bottom:2px solid #FF00FF; }
#related .section-navigation ul ul ul	{ border-bottom:none }


#related .section-navigation	li.active a,
#related .section-navigation	li.open a	{ color:#FF00FF; border-bottom:2px solid #FF00FF; display:block; }
#related .section-navigation	li.open li		{ margin-left:0px; padding-left:14px;}
#related .section-navigation	li.open li.active	{ background:url("images/nav-arrow.png") 0 .6em no-repeat;}

#related .section-navigation	li.open li a	{ color:#fff; border:none; }

#related .news-articles	h2		{  font-size:110%; color:#fff; padding-left:60px; padding-top:10px; padding-bottom:30px; margin-bottom:15px;}
#related .news-articles li		{ font-size:80%; color:#fff; }
#related .news-articles li a	{ display:block; }
#related .news-articles li a:hover	{ color:#fff; text-decoration:underline }

.cta-panel					{ padding-top:10px; padding-bottom:10px; overflow:hidden; }
.cta-panel a				{ padding-left:70px;  height:49px; display:block; font-size:110%; background: 5px 0 no-repeat}
.cta-panel em				{ font-style:normal; display:block; }
.cta-panel a.twitter		{ background-image:url("images/ico-twitter.jpg") }
.cta-panel a.proteans		{ background-image:url("images/ico-proteans.jpg") }
.cta-panel a.newsletter		{ background-image:url("images/ico-newsletter.jpg") }
.cta-panel a.facebook		{ background-image: url("images/ico-facebook.png") }
.cta-panel a.youtube		{ background-image:url("images/ico-youtube.jpg") }
.cta-panel span			{ background:#000; color:#fff; padding:2px 4px; clear:both;  font-size:80%; background:url("images/link-arrow-side.png") 93% .3em no-repeat #000; padding-right:25px; text-transform:lowercase;} 

#social {width:900px; margin: 0 auto 20px auto; overflow:hidden}
#social	.cta-panel		{ float: left; width:170px; margin-right:15px; background-color:#c0c; padding:5px 0 }
#social	.cta-panel a	{ padding-left:60px; font-size:95%; color:#fff; text-decoration:none}
#social	.cta-panel.last	{ margin-right:-20px}


#form-error 							{ border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px; color:#900; font-size:90%;}
#substance #form-error h1							{ background:none; color:#900; font-size:120%; margin-bottom:10px;}

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

h1,
 h2,
 h3									{ line-height:1.1; font-weight:normal }

#substance h1						{ font-size:220%; margin-bottom:15px;}
#substance h2						{ font-size:150%; }
#substance h3						{ font-size:130%; }

#substance h1,
#substance h3						{ color:#FF00FF; }
#substance h2						{ color:#fff; border-bottom:2px solid #FF00FF; padding-bottom:15px; margin-bottom:15px; }
#substance img						{ border:2px solid #FF00FF; }

#substance ul						{ list-style:none; margin:5px 0; }
#substance ul#thumbnails li			{ float:left; margin:10px 5px 0 5px;  }
#substance ul#thumbnails li	img		{ vertical-align:middle; }

#substance object					{ float:right; margin-bottom:20px }

#rotator							{ height:478px; width:890px; overflow:hidden; margin:-105px auto 0 auto }
.pane								{ height:478px; width:900px; background-repeat:no-repeat;   }

body.home #content					{ height:478px; }

body.home #related					{ margin-top:-370px; position:relative; z-index:100;}

body.home #substance					{ margin-top:-330px;position:relative; z-index:100; }

body.home #substance h1				{ color:#fff; }

body.home #substance .content-panel	{ color:#FF00FF; }
body.home #substance .content-panel a		{ float:left; clear:left; padding:5px; color:#fff; background:#f0f; text-decoration:none; font-weight:bold; }

body.home .pane					{ background-position:0 50%; }
body.home .content-panel			{ width:350px; float:right; }
body.home .nav-scroll				{ width:850px;  background:url("images/black-bg.png") 0 0;padding:5px; z-index:300; position:absolute; left:20px; bottom:20px;}
body.home .nav-scroll a.prev		{ float:left; width:30px; height:25px; background:url("images/arrows.png") 0 -30px no-repeat; padding-left:50px; padding-top:5px;color:#fff; font-size:80%;  text-decoration:none;}
body.home .nav-scroll a.next		{ float:right; width:30px; height:25px; background:url("images/arrows.png") top right no-repeat; padding-right:55px; padding-top:5px; color:#fff; font-size:80%;  text-decoration:none;}

body.home #header img					{ z-index:999; position:absolute; }

/*****************************************************
* IE 6 Support             
* - Removal juts (Square off design)
*
*
*****************************************************/

#substance 					{ _margin-right:0; _padding-right:0; _width:649px; }
#substance  .content-panel	{ _margin-right:0; _padding-right:0; }
#related .section-navigation	{ _margin-left:0; _padding-left:0;}
#related .cta-panel,
   #related .news-articles	{ _margin-left:0; _padding-left:0; _background:#CC00CC;}

#related .news-articles a.feed				{ _left:5px; }

  #related  ul				{ _margin-left:20px; }