/* CSS Document */

/*      TAGS      */

body {margin: 0; padding: 0; background-image:url(/images/back-splatter.jpg); background-repeat: no-repeat; background-position: right top; font-size: 1em; font-family: Verdana, sans-serif;}

address { font-style: normal; margin-top:20px;}

font {display: none; visibility: hidden;}




/*       BANNER       */

#bannerWrapper {position: absolute; top: 37px; width: 100%; min-width: 970px; height: 166px; z-index: 50; }

#banner {width: 950px; position: absolute; left: 20px; top: 37px; z-index:60; height: 166px;}

#switchNav {position: absolute; left: 20px; top: 100px; height: 21px; z-index: 100; font-size: 0.7em; width: 900px;}
#switchNav h2, #helpNav h2 /*IE6*/ {width: 94px; height: 21px; float: left; font-size: 0.1em; margin: 0 0 0 550px; background-position: right center;}
#switchNav div, #helpNav div {width: 250px; height:21px; float: right; padding: 5px 0 0 0; text-align: right;}
#switchNav a, #helpNav a {color: #000; text-decoration: none;}

#helpNav {position: absolute; left: 20px; top: 130px; height: 21px; z-index: 100; font-size: 0.7em; width: 900px}


#breadCrumb {color: #fff; font-size: 0.7em; position: absolute; left: 20px; top: 170px; z-index: 100; width: 900px; text-align: right;}
#breadCrumb strong {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; text-transform: capitalize;}
#breadCrumb a {color: #fff; text-decoration: underline;}




#contentWrapper {width: 920px; padding: 200px 0 20px 0; position: relative; text-align: left; z-index: 2;}


/*    NAVIGATION      */


#nav {font-size: 0.7em; margin: 0; padding: 0 0 0 70px; width: 190px; float: left;}


#nav ul {margin: 0; padding: 10px; list-style-type: none; text-transform:capitalize;}
#nav ul li { width: 135px; border-bottom: 1px solid #7392c0; display: block; margin: 0 0 7px 0;}

#nav ul li a { color: #3e3e3d; text-decoration: none; display: block; padding: 3px;}
#nav ul li a:hover { background:url(/images/menu-bullet.gif) no-repeat right center;}

#nav ul li#active a {font-weight: bold; background:url(/images/menu-bullet.gif) no-repeat right center;} 

#nav ul li#active ul {display: block;}
#nav ul li ul {display: none;}

#nav ul li#active ul li { width: 140px; border-bottom: 1px solid #3e3e3d; margin: 0 0 10px 0; text-align: right; font-size: 0.9em;}

#nav ul li#active ul li a {background: none; font-weight: normal;}
#nav ul li#active ul li a:hover {color:#0d908f;}

#nav ul li#active ul li a.subactive {font-weight: bold; color: #0d908f;}


/*     ANNIE       */

#annieHolder {background:  #c5d7d7  url(/images/question-back.gif) center top no-repeat; width: 112px; padding: 33px 10px 18px 10px; color: #333; position: relative; text-align: left; margin: 0 0 80px 10px; line-height: 1.1em;}

#annieHolder p {margin: 0 0 8px 0;}

#annieBottom { background:url(/images/question-bottom.gif); width: 132px; height: 20px; position: absolute; bottom: -1px; left: 0px;}

.burnBox {width: 106px; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em; margin: 0 0 2px 0; padding: 2px; }






/*  MAIN CONTENT     */

#content {position: relative; float: left; width: 645px; font-size: 0.8em; color: #3e3e3d; line-height: 1.7em; padding: 10px 0 0 15px; text-align: left;}

#content h1, .impact {font-family: Impact, Arial, Helvetica, sans-serif; color: #1775b8; text-transform: uppercase; font-weight: normal; margin: 0 0 -10px 0; line-height: normal; font-size: 3em;}

#content a {color: #187271; text-decoration: underline;}
#content a:hover { text-decoration: none;}

#columnOne h2, #content h2 {font-size: 1.6em; font-weight: normal; color: #1775B8; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-top: 25px; position: relative;}






/*      HOME PAGE     */

#homeIntro {width: 298px; float: left; padding: 0 20px 0 0;}
#homeMainImage {width: 326px; float: left; padding: 5px 0 0 0; text-align: right;}

#promoContainer {float: left; width: 645px; line-height: normal; color: #666; clear: both; text-align: left;}
#promoContainer strong {color: #3e3e3d;}

#promoContainer p {margin-top: 0px;}

.leftPromoBox {float: left; width: 312px; margin: 10px 21px 0 0;}
.rightPromoBox {float: left; width: 312px; margin: 10px 0 0 0;}

#content div.leftPromoBox h2, #content div.rightPromoBox h2 /*IE*/ {width: 302px; height: 36px; color: #fff; margin: 0; text-align: right; vertical-align: bottom; padding: 26px 10px 0 0; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: normal; text-transform: uppercase; line-height: normal; }

#content div.leftPromoBox h2 {background : #10afae url(/images/promoBoxHead1.gif) no-repeat left top; border: 0;}
#content div.rightPromoBox h2 {background : #1875b8 url(/images/promoBoxHead2.gif) no-repeat left top; border: 0;}

div.leftPromoBox div, div.rightPromoBox div {padding: 10px 0 0 17px;}


/* FOOTER  */


#footerTop {background: #fff; font-size: 0.7em; color: #666; text-align: center; width: 645px; float: right; padding: 8px 0; margin: 20px 0 0 0; border-top: 1px solid #ccc;}
#footer {background: #cad1d3; font-size: 0.7em; color: #666; text-align: center; width: 645px; float: right; padding: 8px 0; margin: 0 0 20px 0;}
#footer a {color: #666; text-decoration: none;}



/*  2 COL     */

#columnOne {width: 450px; padding: 0 20px 0 0; float: left;}
#columnTwo {width: 175px; float: left;  font-size: 0.85em;  line-height: normal;  text-align: left;}


/*     SUBNAV       */

#subNavTop {width: 175px; color: #fff; padding: 50px 0 0 0;}

#subNavTop ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: right;

}
#subNavTop ul li { padding: 4px 10px 5px 10px;}
#subNavTop ul li ul {display: none; visibility: hidden;}
#subNavTop ul li#subactive ul { display: block; visibility: visible; margin: 5px 3px 5px 0; padding: 0; border-right: 1px solid #666}
#subNavTop ul li#subactive ul li a { font-weight: normal;}

#subNavTop ul li a {color: #333; text-decoration: none; }
#subNavTop ul li#subactive a {font-weight: bold;}
#subNavTop ul li a:hover {color: #999;}
#subNavTop ul li#subactive ul li#subactive2 a {font-weight: bold;}
#subNavBottom {width: 175px; background: url(/images/transitions-subnav-bottom.jpg) center top no-repeat #fff; height: 17px; padding: 0; margin:0;}

#columnTwo h2 /*IE*/ {width: 165px; height: 26px; color: #fff; margin: 0; text-align: right; vertical-align: bottom; padding: 20px 10px 0 0; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; text-transform: uppercase; line-height: normal; margin: 15px 0 5px 0; background : #1875b8 url(/images/promoBoxHead2.gif) no-repeat left bottom; border: 0; }

.projectSubBack {background:url(/images/transitions-project-subnav.jpg) no-repeat left top #c5d7d7;}
.adviceSubBack {background:url(/images/transitions-advice-subnav.jpg) no-repeat left top #c5d7d7;}


/*    CLASSES     */
.rightImage {float: right; border: 1px solid #ccc; padding: 2px; position: relative; margin: 0 0 0 20px;}
.rightImageNoBorder {float: right; border: 1px solid #ccc; padding: 2px; position: relative; margin: 0 0 0 20px;}
.rightImage_rightColumn {float: right; border: 1px solid #ccc; padding: 2px; position: relative; margin: 0 0 0 7px;}
.imageBorder, #imageTable img {border: 1px solid #ccc; padding: 2px; position: relative; margin: 9px;}
.offLeft {position: absolute; left: -9999px;}
#fixme /*{position: fixed; bottom: 0px; right: 0px; z-index: 300;}*/ {display: none; visibility: hidden;}

.clickForMoreH2 { position: absolute ; right: 0px; top: 3px; font-size: 0.6em; text-align: right; width: 150px;}

.red {color: #c00;}

ul.linkList {padding: 0; margin: 0; list-style-type: none;}
ul.linkList li {padding: 3px 0 3px 19px; background:url(/images/link-bullet.gif) no-repeat left center;}

p.top { text-align: right; font-size: 0.85em;}

/*#content p.top a {background: #1875b8; color: #fff; text-decoration: none; padding: 5px;}
#content p.top a:hover {background: #999;}*/


/*Galleries*/
.galleryThumbContainer {float: left; width: 170px; padding: 5px; border: 1px dotted #ccc; text-align: center; font-size: 0.85em; margin: 5px; line-height: normal;}

/*  Document Tables  */

table.docTable {width: 100%; font-size: 0.85em; margin-bottom: 20px;}
table.docTable td, table.docTable th {vertical-align: top; border-bottom: 1px solid #ccc; padding: 3px; text-align: left;}
table.docTable th {color: #333; background: #eee; font-weight: bold;}
table.docTable caption {font-size: 1.6em; font-weight: normal; color: #1775B8; padding-bottom: 3px; text-align: left; display: block; width: 100%;}

.comments {display: block; width: 200px; border-left: 4px solid #ccc; padding: 5px 0 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; color: #999; float: right; margin: 10px 0 10px 10px; line-height: 1.1em;}


.rightTeamImage {float: right; width: 186px; text-align: center; margin: 0 0 0 20px;}
.rightTeamImage img {border: 1px solid #ccc; padding: 2px;}

#content p.smaller {
	font-size: 0.85em;
	line-height: 1.5em;
	text-align: center;
}

a img {border: 0;}