@import url(navigation.css);
@import url(typography.css);

body {
	background: url(../images/bg.jpg) repeat-x center top;
	margin: 0; padding: 0; color: #6e645b;
}


h2.imageReplace, h3.imageReplace, h4.imageReplace {
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    background-repeat: no-repeat;
}

h2.imageReplace
{
    background-position: -0.4em -1px;
}
h3.imageReplace
{
    background-position: -6px -1px;
}
h4.imageReplace 
{
    background-position: -4px -1px;
}

.printHeading { display: none; }

#wrapAll {
	width: 1000px; 
	margin: 0 auto;
}

.headerModule {
	padding: 14px 30px 18px 30px; margin: 0 -30px 16px;
	width: 720px; min-height: 35px; height: auto !important; height: 35px;
	color: #fff; background: url(../images/turquoise/pageHeader.jpg) no-repeat right bottom;
	position: relative;
}
.fullWidth .headerModule {
    width: 930px;
}
.headerModule .topRight {
    position: absolute; right: 0; top: 0; width: 12px; height: 10px;
	background: url(../images/pageHeaderTopRight.png) no-repeat;
}
.headerModule .bottomLeft {
    position: absolute; left: 0; bottom: 0; width: 12px; height: 19px;
	background: url(../images/pageHeaderBottomLeft.png) no-repeat;
}
.headerModule h2 {
	margin: 0 0 5px; color: #fff;
}
.headerModule .headerModuleContent { width: 470px; }
.headerModule .headerModuleContent p:first-child { margin-top: 0; }
.headerModule ul, .headerModule .shortDescription {
	background: url(../images/pageHeaderBulletsBg.png) no-repeat 0 bottom;
	list-style-type: none; list-style-image: none; margin: 1em 0; padding: 1px 11px; 
}
.headerModule .shortDescription { padding: 1.1em 16px; }
.headerModule ul li {
	background: url(../images/turquoise/pageHeaderBullet.gif) no-repeat 0 3px;
	margin: 0.6em 0; padding: 0 0 0 16px;
}
.headerModule .solutionSegmentGraphic { position: absolute; bottom: 10px; right: 0; }
.detailHeaderModule .headerIcon { position: absolute; left: 30px; top: 20px; width: 125px; }
.detailHeaderModule .headerModule h2 { position: absolute; left: 183px; top: 19px; }
.detailHeaderModule .headerModule .headerModuleContent { margin: 0 0 0 155px; padding-top: 43px; width: 450px; }
.detailHeaderModule .headerModule .headerModuleContent { min-height: 102px; height: auto !important; height: 102px; }
.solutionHeaderModule .headerModule .headerModuleContent { min-height: 180px; height: auto !important; height: 180px; }
#leftColumn {
	width: 198px; float: left; display: inline; margin-right: 12px;
}
#additionalNavContainer {
    width: 990px; margin: 0 5px; position: absolute;
}
#bodyContainer {
	margin: 36px 5px 0;
}
#mainColumn {
	width: 780px; float: left; padding-bottom: 13px;
	background: url(../images/pagebgBottom.png) no-repeat 0 bottom;
}
#contentContainer {
	background: url(../images/pagebg.png) repeat-y; padding: 0 30px; float: left;
}
#contentContainer.fullWidth {
    background-image: url(../images/pagebg-fullWidth.png);
}
#footer {
	border-top: 1px solid #e4e1df; clear: left;
}

#footer p { margin: 0; float: left; }
#footer a { color: #6e645b; }
#footer ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; float: right; }
#footer ul li { margin: 0; padding: 0 6px; float: left; border-right: 1px solid #6e645b; }
#footer ul li#footerContactUs { border-right: 0 none; }
#footer ul li#footerEmailThis { border-right: 0 none; padding: 0 6px 0 2px; margin-top: -3px; position: relative; }
#footer ul li#footerEmailThis a { display: block; background: url(../images/btnEmailThis.png) no-repeat; width: 79px; height: 16px; text-indent: -9999px; overflow: hidden; }
#footer ul li#footerShare { border-right: 0 none; padding: 0; margin-top: -3px; position: relative; }
#footer ul li#tweetme {  border-right: 0 none; margin-top: -3px; }

/***** Structural *****/

/* Structural: parents */
.con1col        { } /* 1 col */
.con2col_5050   { } /* 2 col: (50% x 50%) */
.con2col_6733   { } /* 2 col: (67% x 33% - either direction including nested) */
.con2col_7030   { } /* 2 col: (70% x 30% - either direction including nested) */
.con3col        { } /* 3 col: (33% x 33% x 33%) */
.con3col_502525        { } /* 3 col: (50% x 25% x 25%) */

.con1col,
.con2col_5050,
.con2col_6733,
.con2col_7030,
.con3col,
.con3col_502525 { clear:both; zoom:1; }

.con1col .contentCol            { width:720px; } /* ~ 100%; */
.con2col_5050 .contentCol,
.con3col_502525 .contentColPrimary       { width:360px; } /* ~ 50%; */ 
.con3col_502525 .contentCol       { width:180px; } /* ~ 25%; */ 
.con2col_6733 .contentCol,
.con3col .contentCol            { width:246px; } /* ~ 33.33%; */
.con2col_6733 .contentColPrimary{ width:444px; } /* ~ 66.67% (Will be used for the wider version of the modules) */
.con2col_7030 .contentCol       { width:215px; } /* ~ 30% */
.con2col_7030 .contentColPrimary{ width:485px; } /* ~ 70% */

.fullWidth .con1col .contentCol            { width:930px; } /* ~ 100%; */
.fullWidth .con2col_5050 .contentCol       { width:450px; } /* ~ 50%; */ 
.fullWidth .con3col_502525 .contentColPrimary       { width:440px; } /* ~ 50%; */ 
.fullWidth .con3col_502525 .contentCol       { width:215px; } /* ~ 25%; */ 
.fullWidth .con2col_6733 .contentColPrimary{ width:654px; } /* ~ 66.67% (Will be used for the wider version of the modules) */
.fullWidth .con2col_7030 .contentColPrimary{ width:685px; } /* ~ 70% */
.fullWidth .con3col_502525 .con2col_5050 .contentCol        { width:205px; } /* ~ 25%; */ 

.contentCol,
.contentColPrimary {
    float:left;
    padding:0 30px 5px 0;
}
.con2col_7030 .contentCol,
.con2col_7030 .contentColPrimary {
    padding-right: 20px;
}
.contentColRight, .con2col_7030 .contentColRight {
    padding-right: 0;
}

.con1col .contentCol, .con1col .contentColPrimary { float:none; padding-right: 0; }


/***** columnar unordered lists - see also formatInColumns() in core.js *****/

ul.links { padding: 0; margin: 0 0 1em 16px; }
.columns-4 { width: 720px; overflow: auto; }
.columns-4 .column-1, .columns-4 .column-2, .columns-4 .column-3, .columns-4 .column-4 { width: 130px; float: left; }

/***** page elements *****/
.pageSection {
	padding: 14px; margin: 2em 0; color: #6e645b;
}
.pageSection h3 { margin-top: 0; }
.pageSection .backToTop, .pageSection .more { text-align: right; padding: 6px 28px 0 0;  }
.pageSection .more { padding: 9px 6px 0 0; }
.pageSection .more a { background: url(../images/turquoise/arrow.gif) no-repeat right 5px; padding-right: 13px; }

.con1col .pageSection { background: url(../images/pageSectionBg.png) no-repeat right top; }
.con1col .pageSection .backToTop { background: url(../images/turquoise/pageSectionBackToTop.png) no-repeat right top;  }
.con2col_7030 .contentColPrimary .pageSection { background: url(../images/pageSectionBg70.png) no-repeat right top; }
.con2col_7030 .contentColPrimary .readMore { background: url(../images/sectionRule70.png) no-repeat center top; }
.con2col_6733 .contentColPrimary .pageSection { background: url(../images/pageSectionBg67.png) no-repeat right top; }
.con2col_6733 .contentColPrimary .readMore { background: url(../images/sectionRule67.png) no-repeat center top; }
.con2col_6733 .pageSection { margin-top: 4px; }

.fullWidth .con2col_5050 .contentCol .pageSection { background: url(../images/pageSectionBg67.png) no-repeat right top; }

.pageSection table {
	border-collapse: collapse;
	border: none;
	width: 100%;
}
.pageSection table td, .pageSection table th {
	padding: 14px 0; text-align: left;
	border-top: 1px solid #e4e4e4;
	vertical-align: top;
}
.pageSection table tr:first-child td, .pageSection table tr:first-child th {
	padding-top: 0; border-top: 0 none;
}

/***** panels *****/
.raisedPanel {
	width: 243px; min-height: 142px; height: auto !important; height: 142px;
	background: url(../images/raisedPanel.png) no-repeat;
	padding: 18px 0 0;
	float: right;
}

.raisedPanelContent {
	background: url(../images/raisedPanel.png) no-repeat 0 bottom;
	padding: 1px 22px 24px;
}

.raisedPanelContent .seeAll, .raisedModule .seeAll {
	background: url(../images/raisedPanelRule.png) no-repeat center 0;
	text-align: right;
	padding: 7px 16px 0 0;
	margin: 0 -22px -3px;
}
.raisedModule .seeAll { margin: 0 -26px -3px; }
.raisedPanelContent .seeAll a, .raisedModule .seeAll a {
	background: url(../images/turquoise/arrow.gif) no-repeat right center; padding-right: 15px; display: inline-block;
}

blockquote.quotes 
{
	padding: 8px 8px 8px 30px;
	margin: 5px -20px 5px -12px;
	background-image: url(../images/openquote.png);
	background-position: top left;
	background-repeat: no-repeat;
}

blockquote.quotes span {
     display: block;
     background-image: url(../images/closequote.png);
     background-repeat: no-repeat;
     background-position: bottom right;
}


/***** images width rounded borders and drop shadows *****/
.image {
    float: left;
    overflow: hidden;
    position: relative;
}
.image img {
    margin: 5px 7px 10px 8px;
    border: none;
}
.image div {
    background: url(../images/imageFrame.png) no-repeat; position: absolute;
}
.image .topLeft {
    width: 8px; height: 800px;
    left: 0; top: 0;
    background-position: left top;
}
.image .topRight {
    height: 16px; width: 215px;
    right: 0; top: 0;
    background-position: right top;
}
.image .bottomLeft {
    width: 215px; height: 20px;
    left: 0; bottom: 0;
    background-position: left bottom;
}
.image .bottomRight {
    width: 10px; height: 800px;
    right: 0; bottom: 0;
    background-position: right bottom;
}

/***** section listing items *****/
.sectionItem,
.sectionItemWithImage {
    width: 338px; float: left; clear: left;
    margin: 0 40px 28px 0;
    background: url(../images/sectionItemUnderline.png) no-repeat 0 22px;
}
.sectionItemWithImage { width: 338px; margin-left: -8px; background-image: none; }
.sectionItemRight {
    margin-right: 0; clear: none;
}
.sectionItemWithImage .image, .con2col_6733 .contentColPrimary .raisedModule .image {
    float: left; margin: 0 11px 0 0; display: inline;
    width: 95px;
}
.sectionItemWithImage .emptyImage { width: 90px; height: 90px; } 
.sectionItemWithImage .image .topRight {
    width: 87px;
}
.sectionItemWithImage .sectionItemContent {
    float: left; width: 230px; overflow: hidden; padding-top: 5px;
}
.sectionItem h3, .sectionItemWithImage h3 { margin: 0 0 8px; }
.sectionItem p, .sectionItemWithImage p { margin: 0 0 0.4em; }
.sectionItem .itemDate, .sectionItemWithImage .itemDate { margin-bottom: 0; }



.more {
    background: url(../images/turquoise/arrow.gif) no-repeat 0 5px;
    padding-left: 13px;
}
.sectionRule {
    clear: both; display: block;
    width: 720px; height: 24px; margin: 0 0 2px;
    background: transparent url(../images/sectionRule.png) no-repeat center top;
}
.sectionRule hr { display: none; }
.con1col .sectionRule,
.contentColPrimary .sectionRule {
    margin-bottom: -22px;
}
.con2col_7030 .contentColPrimary .sectionRule {
    background-image: url(../images/sectionRuleGeneralArticle.png); 
    width: 485px;
}
.fullWidth .con2col_7030 .contentColPrimary .sectionRule {
    background-image: url(../images/sectionRuleFW70.png); 
    width: 685px;
}
.fullWidth .con1col .sectionRule {
    background-image: url(../images/sectionRuleFW100.png); 
    width: 930px;
}
.sectionOverview { margin-bottom: 3em; }

/***** raisedModule *****/
.raisedModule {
    background: url(../images/raisedModule.png) no-repeat left bottom;
    padding: 22px 26px; margin-bottom: 4px; min-height: 120px; overflow: hidden;
}
.raisedModule h3
{
    margin: -22px -26px; padding: 22px 26px;
    background: url(../images/raisedModule.png) no-repeat left top;
}
.con2col_6733 .contentColPrimary .raisedModule { background-image: url(../images/raisedModule67.png); }
.con2col_6733 .contentColPrimary .raisedModule h3 { background-image: url(../images/raisedModule67.png); }
.con2col_6733 .contentColPrimary .raisedModuleContent { width: 286px; float: right; }

.testimonial .ldquo { display: block; margin: 1em 0 -0.5em; }
.testimonial .testimonialContent { background: url(../images/rdquo.png) no-repeat right bottom; padding-bottom: 16px; }

.eventsModule h4 { font-weight: normal; margin: 1em 0 0; }
.eventsModule h4 a { font-weight: bold; }
.eventsModule p { margin: 0.25em 0 0.8em; }

/***** Tabs *****/
ul.tabs {
    display: block; list-style-type: none; list-style-image: none;
    margin: 0 -30px -16px; padding: 15px 30px 0; position: relative; top: -35px;
    background: url(../images/tabsbg.png) no-repeat left top;
    overflow: hidden; width: 720px;
}
ul.tabs li {
    float: left; background: url(../images/tab.png) no-repeat right top;
    height: 27px; border-left: 1px solid #766c64;
    color: #fff; font-weight: bold; line-height: 27px;
    padding: 0 20px 0 13px; margin: 0 3px 0 0;
}
ul.tabs li a { color: #fff; }
ul.tabs li.active {
    background-image: url(../images/tabActive.png); 
    border-left: 2px solid #f5f5f5; color: #6e645b;
}
ul.tabs li.active a { color: #6e645b; }
ul.tabs_bigbg {
    background: url(../images/tabsbg_double.png) no-repeat left top;
}

.testimonial, .caseStudy, .issue { font-size: 1.1em; }
.nameAndTitle { font-size: 0.9em; }

.con2col_7030 .contentColPrimary .text { width: 420px; }
.fullWidth .con2col_7030 .contentColPrimary .text { width: 560px; }
.con1col .contentColPrimary .text { width: 620px; }
.contentColPrimary .more { margin-bottom: 50px; }
.contentColPrimary .raisedModule .more { margin-bottom: 1em; }
hr { border: 0 none; color: #e7e7e7; height: 1px; background-color: #e7e7e7; margin: 5px 0; }

/***** Videos *****/
.multimediaLibrary .sectionRule { margin-bottom: -10px; }
.multimediaLibrary .sectionItem, .multimediaLibrary .sectionItemWithImage { background: none; }
.featuredVideo { margin-bottom: 16px; width: 692px; overflow: hidden; }
.videoPlayer { float: left; overflow: hidden; width: 480px; }
.videoDetails { float: left; width: 192px; padding-left: 20px; }
.videoDetails h4, .videoDetails h3 { margin: 0 0 4px; }
.videoDetails p { margin: 0; }
.videoDetails .more, .videoDetails .moreWatchVideo {
    background: url(../images/articleIcon.png) no-repeat; padding: 0 0 0 23px;
    min-height: 21px; height: auto !important; height: 21px; margin: 7px 0 0; 
    text-align: left; line-height: 21px;
}
.videoDetails .moreWatchVideo { background-image: url(../images/home/newsIcon.png); }
.pageSection .videoDetails .more a { background: none; padding: 0; }
.multimediaLibrary .sectionItemContent h4, .multimediaLibrary .sectionItemContent p { margin: 0; }
.multimediaLibrary .sectionItemContent .more {
    background: url(../images/home/newsIcon.png) no-repeat 0 0; padding-left: 23px;
    min-height: 21px; height: auto !important; height: 21px; margin: 1px 0 0; 
    line-height: 21px;
}

/***** Twitter Section *****/
#twitterSection { margin-top: -60px; }
#twitterSection h3 { background: url(../images/tweety.jpg) no-repeat -5px -3px; padding-left:43px; }
#twitterSection .more a { background-image: none; padding-right: 0px; margin-right:-29px;}
#flickr_badge_section { margin-top: -60px; }

/* Clearfix */
.clear { clear:both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; }
* html .clearfix  {height: 1%;}
.clearfix {display: block;}