@import "homePage.css";
@import "columnAColumnB.css";

body{ height:100%; margin:0; background-color:#FFFFFF; color:#9f9690; }
*{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; list-style:none; }
h1, h2, h3, h4, p, b, a, img, ul, li, form, span, table, form, dl, dd, dt, label, div, blockquote { margin: 0; padding: 0; /*float:left;*/ }

table{ float:left; }
table tbody tr td{color:#9f9690; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
/* ----------------------- GENERAL ----------------------- */
a{ float:left; overflow:hidden; color:#8bb7ce; text-decoration:underline; outline:none; }
a:hover{ color:#456170; }
a:visited{ color:#9f9690; }
a.menuOn{ background-position: bottom!important; }
a img{ border:none; }

h3{ width:100%; color:#ff7747; text-transform:uppercase; font-size:13px; font-weight:normal; }

h4{ color:#000; }
h4.writer{ margin:0 0 20px 0; }

p{ width:100%; float:left; padding:0 0 20px 0; }
p a{ width:auto; }
b{  }
.boldBlack{ color:#000; font-weight:bold; float:left; margin:0 3px 0 0; }

form, dl, dd, dt, label{ float:left; }

.warning{ height:50px; position:relative; top:124px; }
.warning p{  }
.warning p a{ float:none; }
.warningLB p{ padding:200px 50px; width:auto;  }
.warningLB p a{ float:none; }

/* ----------------------- WRAPPER ----------------------- */
#wrapper{ margin:0 auto; width:980px; float:none; }

/* ----------------------- TOP ----------------------- */
#top{ width:951px; height:107px; float:left; background: url(../media/200/bgTop.gif) no-repeat top right; border:1px solid #91867f; border-bottom:none; padding: 0 0 0 29px; }

#top h1{ float:left; }
#top h1 a{ width:235px; height:34px; text-indent:-99999px; display:block; background:url(../media/240/catalystLogo.gif) no-repeat top left; margin: 66px 0 0 0;  }
#top h1 a:hover{ background-position:bottom; }

#mainNav ul li h2 a, #subNav ul li h2 a{ text-indent:-9999px; display:block; background:no-repeat top left; }
#mainNav ul li h2 a:hover, #subNav ul li h2 a:hover{ background-position:bottom; }

/*MAIN NAV*/
#mainNav{ width:278px; float:left; margin:66px 0 0 30px; }
#mainNav ul{ float:left; }
#mainNav ul li{ display:inline; float:left; }
#mainNav ul li.plus, #mainNav ul li.equal{ width:12px; height:34px; padding:0 10px; }
#mainNav ul li.plus{ background:url(../media/265/plusBrown.gif) no-repeat center 7px; }
#mainNav ul li.equal{ background:url(../media/245/equalBrown.gif) no-repeat center 8px; }

#mainNav ul li h2{  }
#mainNav ul li h2 a{ height:34px; }
#mainNav ul li h2 a#substance{ width:76px; background-image:url(../media/235/buttomSubstance.gif); }
#mainNav ul li h2 a#catalyst{ width:64px; background-image:url(../media/210/buttomCatalyst.gif); }
#mainNav ul li h2 a#reaction{ width:66px; background-image:url(../media/230/buttomReaction.gif); }

/*SUBNAV*/
#subNav{ margin:7px 0 0 0; float:right; }
#subNav ul{ width:345px; float:left; }
#subNav ul li{ display:inline; float:left; }
#subNav ul li.subnav{ margin:0 14px 0 0; }
#subNav ul li.emailPhone{ padding:0 0 0 111px; }
#subNav ul li.emailPhone span { width:77px; height:14px; float:left; text-indent:-9999px; background:url(../media/260/phoneNumber.gif); margin:0 0 0 4px; }

#subNav ul li h2{ float:left; }
#subNav ul li h2 a#mediaCenter{ width:97px; height:18px; background-image:url(../media/225/buttomMediaCenter.gif); }
#subNav ul li h2 a#contact{ width:58px; height:18px; background-image:url(../media/215/buttomContact.gif); }
#subNav ul li h2 a#email{ width:84px; height:14px; background-image:url(../media/220/buttomEmail.gif); }

/* ----------------------- CONTENT ----------------------- */
#content{ float:left; border:1px solid #91867f; border-bottom:none; border-top:none; background:url(../media/255/orangeLineLeftBG.gif) no-repeat top right; padding:0 0 50px 0; }

#content #columnRight{ padding:10px 64px 0 0; float:right; position:relative; }

.blockquote { width:350px; float:left; margin:0; padding:0;  left:10px; position:relative; top:0;  }
.blockquote p{ font-size:21px; font-weight:bold;}
.blockquote p span{ font-size:21px; margin:0 2px; font-weight:bold;}

/*PAGE NAME*/
#titlePage{ width:951px; float:left; padding:40px 0 6px 29px;  border:1px solid #91867f; border-top:none; background:url(../media/255/orangeLineLeftBG.gif) repeat-y right top; }
#titlePage h2{ font-size:43px; float:left; color:#000; margin: 0 10px 0 0; letter-spacing:-2px; }
#titlePage h2#titleSize{ width:630px; float:left; }
#titlePage span#pageName{ float:left; font-size:16px; color:#000; position:relative; top:24px; font-size:17px; font-weight:bold; letter-spacing:-1px; }
#titlePage span#namePeople{ float:left; font-size:20px!important; color:#000; position:relative; top:24px; font-size:17px; font-weight:bold; letter-spacing:-1px; background:url(../media/638/plusOrange.gif) no-repeat 30px 5px; padding:0 0 0 70px; }

/* ----------------------- MODULES ----------------------- */

/*MODULES VIDEOS*/
.videos{ float:left; padding:0 0 20px 0; }
.videos p{ padding:0 0 15px; }
.videos p i{ color:#000; }
/*VIDEOS 339X188*/
.video339x188{ width:339px; height:188px; background: url(../media/477/video339x188.jpg) no-repeat top left; text-indent:-99999px; }
/*VIDEOS 300X166*/
.video300x166{ width:300px; height:166px; background: url(../media/472/video299x166.jpg) no-repeat top left; text-indent:-99999px; }
/*VIDEOS 202X112*/
.video202x112{ width:202px; height:112px; background: url(../media/467/video202x112.jpg) no-repeat top left; text-indent:-99999px; padding:0 0 30px; }
/*VIDEOS 225X124*/
.video225x124{ width:225px; height:124px; background: url(../images/video225x124.jpg) no-repeat top left; text-indent:-99999px; }

/*LAST POST*/
#lastPost{ float:left; }
#lastPost ul{ margin:0 0 5px 0; }
#lastPost ul li{ float:left; padding:0 0 10px 0; }
#lastPost ul li p{ padding:0; }

/*TWITTER POST*/
#twitterPost{ float:left; width:215px; }
#twitterPost .tweet{ float:left; }
#twitterPost .tweet ul{ float:left; margin:0 0 10px 0; }
#twitterPost .tweet ul.tweet_list{ float:left; }
#twitterPost .tweet ul.tweet_list li{ float:left; padding:0 0 10px 0; }
#twitterPost .tweet ul.tweet_list li p{ margin:0; }
#twitterPostTwitter{ float:left; padding:0 0 10px 0; }

/*FOLLOW US*/
#followUs{ float:left; position:relative; width:100%; }
#followUs ul{ float:left; padding: 5px 0 0 0; width:225px; }
#followUs ul li{ float:left; margin: 0 10px 0 0; }
#followUs ul li a{ background: no-repeat top left; font-size:11px; text-decoration:none; }
#followUs ul li a img{ padding: 0 5px 0 0;}
#followUs ul li a span{ text-decoration:underline; }
/*
#followUs ul li a.facebookIcon{ background-image:url(../media/250/facebookIcon.gif); }
#followUs ul li a.twitterIcon{ background-image:url(../media/280/twitterIcon.gif) }
#followUs ul li a.rssIcon{ background-image:url(../media/270/rssIcon.gif) }
*/
#followUs form { padding:15px 0 0 0; }
#followUs form dl{  }
#followUs form dl dt label{ text-transform:uppercase; font-size:10px; }
#followUs form dl dd.errorMsg{ float:left; display: none; color:#ff0000; font-size: 10px; width:100%; }
#followUs form dt, #followUs form dd{  }

#followUs #signIn{ display:none; background:#fff; border:1px solid #91867F; left:-121px; position:absolute; top:15px; padding:15px; }
#followUs #signIn span{ float:left; position:relative; top:-15px; left:342px; }
#followUs #signIn span a{ float:none; background:url(../media/4015/closePopUp.gif) no-repeat top left; text-indent:-99999px; width:13px; height:13px; position:absolute; top:0; left:0; }
#followUs #signIn form{ margin:0; }
#followUs #signIn form dl{  width:340px; /*padding:10px; */ }
#followUs #signIn form dt, #followUs #signIn form dd{  width:170px; font-size:11px; margin:0 0 3px 0; }
#followUs #signIn form dt span{ top:0; left:0;  font-size:11px !important; width:60px; }
#followUs #signIn form dt input{  }
#followUs #signIn form dt span{  height:13px; }
#followUs #signIn form p{ font-size:12px!important; width:100px; }
#followUs #signIn form p.buttonImage{   position:relative; top:16px; }
.twitterHidden {display:none;}

#followUs #signIn #thankYou{ color:#A6D5ED; float:none; font-size:30px; display:none; }

#followUs form dt#phoneNumber{ float:left; font-size:10px; margin:0 0 10px; right:40px; text-align:right; top:80px; width:305px; }

/*FORM EMAIL*/
.formEmail{ background:#FFFFFF; border:1px solid #aca49f; padding:15px; position:absolute; right:45px; top:120px; z-index:11; }
.formEmail span{ float:left	; position:relative; top:-15px; left:228px; }
.formEmail span a{ float:none; background:url(../media/4015/closePopUp.gif) no-repeat top left; text-indent:-99999px; width:13px; height:13px; position:absolute; /*left:228px; top:-15px;*/ }
.formEmail form{  }
.formEmail form dl{ width:226px; }
.formEmail form dl dt, .formEmail form dl dd{ padding:5px 0; }
.formEmail form dl dt{ width:70px; }
.formEmail form dl dd{  }
.formEmail form dl dd input.submitContact{ background:#FFFFFF; border:none; color:#8BB7CE; cursor:pointer; }

/*LIGHTBOX*/
#lightBox{ float:left; padding:0 0 10px 0; }
#lightBox p{ padding:0; width:300px; }
#lightBox ul{ width:300px; padding:3px 0 0 0; }
#lightBox ul li{ padding:0 18px 0 0; }
#lightBox ul li p span.lightBoxText { border:1px solid red; width:300px; height:200px; background-color:#009966!important; } 

/*PRICES TABLE*/
.pricesTable{ float:left; }
.pricesTable ul{ float:left; }
.pricesTable ul li{ float:left; padding:0 0 5px 0; }
.pricesTable ul li a{ width:100%; float:left; padding:20px 0 30px 0; }
.pricesTable ul li p{ padding:0; background:url(../media/457/pointsDivision.gif) repeat-x left bottom;   }
.pricesTable ul li p.left{ width:180px; background-color:#fff; }
.pricesTable ul li p.right{ width:50px; background:none; }
.pricesTable ul li p span{ background-color:#fff; }

/*PEOPLE INFORMATION BY EACH PAGE*/
#personalInformation{ float:left; }
#personalInformation .peoplePhoto{ float:left; margin:0 0 15px 0; }
#personalInformation p{  padding:0; font-size:11px; }
#personalInformation p b.boldBlack{ display:block; color:#000; font-size:11px; }
#personalInformation p a{ display:inline; float:none; font-size:11px; width:auto; }
#personalInformation #myLinked { float:left; margin:0 0 20px 0; width:100%ñ }
#personalInformation #myLinked a{ width:112px; height:21px; text-indent:-99999px; background:url(../media/817/myLinkedButton.gif) no-repeat top left; padding: 0 0 0 2px; }

#personalInformationLastPost{ width:100%; float:left; }
#personalInformationLastPost p{ margin:0 0 10px 0 !important; }
#personalInformationLastPost a{ margin:5px 0; }

/*SHARE*/
#share{ float:left; padding:0 0 30px; }
#share div h3{ width:auto!important; float:left; }
#share div h3 a{ color:#FF5113; font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
#share div h3 a span.at300bs.at15t_compact { background:none; margin:0; width:auto; }
#share div ul{ float:left;	 margin:0 0 0 13px; }
#share div ul li{ float:left; display:inline; margin:0 8px 0 0; }
#share div ul li a{ font-size:11px; padding:0px !important;}
#share div ul li a span{ display:none; }
#share div ul li a img{ border-bottom:0 !important; margin:0px !important; }
#share div ul li a.facebookIcon, #share div ul li a.twitterIcon, #share div ul li a.deliciousIcon{ width:19px; height:19px; text-indent:-9999px; display:block;  background:no-repeat center top; }
#share div ul li a.facebookIcon{ background-image:url(../media/812/facebookIconShare.gif); }
#share div ul li a.twitterIcon{ background-image:url(../media/827/twitterIconShare.gif); }
#share div ul li a.diggIcon{ width:34px; height:20px; background-image:url(../media/807/diggIconShare.gif); text-indent:-9999px; display:block;   }
#share div ul li a.deliciousIcon{ background-image:url(../media/802/deliciousIconShare.gif); }

#at15s, #at15s a, #at15s span, #at15s div, #at15s_head span { float:none; }

/*#at16pcc, #at16p, #at16pib, #at16pi, #at16pit, #at16pm, #at16pt, #at16_brand, #at16ptx, #at16pc, #at_email, #at_head, #at_use_addr, #{float:none;}*/

/*PEOPLE INFO*/
.peopleInfo{ width:100%; float:left; padding:0 0 20px 0; }
.peopleInfo a { float:none; }

.administration{ width:100%; }

/*RELEASE POST*/
.releasePost{ float:left; padding:0 0 30px; }
.releasePost ul{ width:100%; float:left; }
.releasePost ul li{ float:left; margin:0 0 15px 0; width:100%; }
.releasePost ul li p { padding:0; }
.releasePost ul li p b{ float:left; margin: 0 15px 0 0; }
.releasePost ul li p span{ width:310px; float:left; }
.releasePost ul li p span a{ width:auto; float:none; } 

/*BY DATE*/
.byDate{ float:left; padding:0 0 30px; }
.byDate ul{ width:100%; float:left; }
.byDate ul li{ float:left; margin:0 0 15px 0; width:100%; }
.byDate ul li p { padding:0; }
.byDate ul li p b{ float:left; margin: 0 15px 0 0; }
.byDate ul li p span{ float:left;  width:567px;}
.byDate ul li p span a{ width:auto; float:none; } 

/*ARTICLES*/
.articles{ float:left; padding:0 0 30px 0; width:100%; }
.articles h4{ width:100%; }
.articles ul{ width:100%; float:left; }
.articles ul li{ width:100%; float:left; padding:0 0 10px 0; }
.articles ul li p{ padding:0; width:100% }
.articles ul li p a{ float:none; width:auto; }

/*ARCHIVE*/
.archive{ float:left; width:100%; }
.archive p{  }
.archive p a{ display:inline; float:none; width:auto; }

/*IMAGES DOWNLOAD*/
.downloads{ width:100%; float:left; margin:0 0 30px 0; }

.lightBoxDownloads{ float:left; }
.lightBoxDownloads .lightBoxDownloadsImages{ float:left; background:transparent url(../media/4120/imageDefaultThumb.gif) no-repeat scroll left top; position:relative; border-right:18px solid #fff; }
.lightBoxDownloads .lightBoxDownloadsImages a{  }
.lightBoxDownloads .lightBoxDownloadsImages a span{ background: url(../media/2094/squarePlusLightBlue.gif)  no-repeat left top;  height:14px; display:block; text-indent:-9999px; width:14px; position:absolute; cursor:pointer; bottom:0; right:0; }
.lightBoxDownloads .lightBoxDownloadsImages a img{ float:left; }

.textLinksPhoto{ width:100%; float:left; padding:5px 0 5px 0; }
.textLinksPhoto p{ padding:0!important; }
.textLinksPhoto a{ float:none; }

/*CONTACT INFO*/
.contactInfo{ width:100%; height:auto; }
.contactInfo p a{ display:inline; float:none; width:auto; }

/*ARTICLES*/
/*.articlePage h2{ width:630px; background:red; }*/

/* ----------------------- FOOTER ----------------------- */
#footer{ width:951px; float:left; border:1px solid #91867f; border-top:none; height:40px; padding: 0 0 0 29px; }
#footer ul{ /*padding:0 0 23px 0;*/ }
#footer ul li{ float:left; font-size:11px; margin:0 23px 0 0; display:inline; }
#footer ul li a{ font-size:11px; text-transform:uppercase; }

.MultiBoxClose{}
.MultiBoxClose a{ text-indent:-99999px; width:25px; height:25px; }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */