/* CSS Document */

body{
background-color:#747F2F;
margin:0;
padding:0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}



#custom-doc /*SITE WRAPPER*/{
width:74.62em;
*width:72.82em;
min-width:970px;
margin:auto;
text-align:left;
/*added by Nick V*/
background-image:url(/static/js/homepage/images/dropshadow.gif);
background-position:center;
background-repeat:repeat-y;
/*added by Nick V*/
}


/* GLOBAL */
img.left {float:left; margin:0 16px 10px 0px;width:auto;}
img.right{float:right; margin:0 0px 10px 16px; width:auto;}

/*green button */
a.buttonGreen, a.button {
    background: transparent url('/static/js/homepage/images/button_greenRight.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 33px;
    margin-right: 8px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;

}
a.buttonGreen:hover, a.button:hover {text-decoration: underline; }

a.buttonGreen span, a.button span {
    background: transparent url('/static/js/homepage/images/button_greenLeft.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 9px 5px 11px 8px;
}
/*blue button*/
a.buttonBlue,
div.teaserContainer div.middle a.button {
    background: transparent url('/static/js/homepage/images/button_blueRight.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 33px;
    margin-right: 8px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;

}
a.buttonBlue:hover,
div.teaserContainer div.middle a.button:hover {text-decoration: underline; }

a.buttonBlue span,
div.teaserContainer div.middle a.button span {
    background: transparent url('/static/js/homepage/images/button_blueLeft.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 9px 5px 11px 8px;
}
/*orange button */
a.buttonOrange,
div.teaserContainer div.right a.button {
    background: transparent url('/static/js/homepage/images/button_orangeRight.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 33px;
    margin-right: 8px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;

}
a.buttonOrange:hover,
div.teaserContainer div.right a.button:hover {text-decoration: underline; }

a.buttonOrange span,
div.teaserContainer div.right a.button span {
    background: transparent url('/static/js/homepage/images/button_orangeLeft.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 9px 5px 11px 8px;
}
/*two line button */
a.button2line {
    background: transparent url('/static/js/homepage/images/button_blue2LineRight.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 50px;
    margin-right: 8px;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;

}
a.button2line:hover {text-decoration: underline; }

a.button2line span {
    background: transparent url('/static/js/homepage/images/button_blue2LineLeft.jpg') no-repeat;
    display: block;
    line-height: 16px;
    padding: 9px 5px 11px 18px;
}
h4 { font-size:14px;font-weight:bold;margin-bottom:16px;}

#center h2.name {padding:0;}


/*TOP NAVIGATION*/
#hd /*TOP NAVIGATION*/{
border-top:3px solid #FFB917;
width:960px;
margin:0 auto 20px auto;
height:124px;
}
#toplogo{
width:150px;
height:119px;
float:left;
}
#search{
float:right;
width:48%;
height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
padding-top:14px;
}


#search a{
color:#757575;
text-decoration:none;
}

#search a:hover{
text-decoration:underline;
}

#search_box {
float:right;
    width: 230px;
    height: 30px;
    background-image:url(/static/js/homepage/images/search-bg.gif);
	background-repeat:repeat-x;
	margin:15px 10px 0 0;
	position: relative;
}
#search_box #s {
    float: left;
    padding: 0;
    border: 0;
    width: 180px;
	margin:4px 0 0 7px;
}
#search_box #go {
    float: right;
	width:27px;
	height:24px;
}

a.members {
	background-image: url(/static/js/homepage/images/members.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding:7px 10px 10px 5px;
	margin-right:10px;
}
.memberContainer{
	background-image: url(/static/js/homepage/images/membersIcon.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-top:7px;
	padding-left:20px;
}

.locale_selector {
	float: left;
	margin: 4px 14px 0 0;
}

#font-resizer {
	float: left;
	margin-top: 5px;
	width: auto;
}

#font-resizer .sizeSm {font-size: 8px;}
#font-resizer .sizeMed {font-size: 10px;}
#font-resizer .sizeLg {font-size: 12px;}




#headnav {
height:36px;
background-image:url(/static/js/homepage/images/textlink_linebg.gif);
background-repeat:repeat-x;
float:right;
width:780px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
margin:25px 10px 0 0;
}

#headnav ul {float:left;width:auto;margin-left:1px;margin-top:5px; }
#headnav ul.selected li a {background-color:#849036;color:#fff; }
#headnav ul li
{
margin:0px;
padding:0px;}



#headnav a{
text-decoration:none;
color:#48494B;
margin:0px 0 0 0;
padding:6px 16px 7px 16px;
display:block;
}

#headnav a:hover{
color:#FFF;
text-decoration:none;
background:#849036;
}

.headnavdivider{
float:left;
background-image:url(/static/js/homepage/images/header_divider.gif);
background-position:top;
background-repeat:no-repeat;
width:3px;
height:28px;
}

#headnav ul li ul {
    display: none;
}

#logo {float:left;width:150px;margin-left:1px;}


/*TOP NAVIGATION*/



 /*LEFT NAVIGATION*/
#leftnav /*LEFT NAVIGATION*/{
float:left;
width:150px;
}
#leftnav a {
color:#4E5520;
text-decoration:none;
}

#leftnav a:hover{
text-decoration:underline;
}
#leftnav ul{
margin:0;
padding:0 0 0 10px;
}
#leftnav li{
	padding:8px 10px;
	margin:0 0 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:1px dotted #C3C4C6;
	background-image: url(/static/js/homepage/images/leftnav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#leftnav li.on{
background-image: url(/static/js/homepage/images/leftnav-arrow-on.gif);
}
 /*LEFT NAVIGATION*/



/*BODY*/
#center /*BODY*/{
font-family:Arial, Helvetica, sans-serif;
color:#000;
float:left;
width:540px;
padding:0;
margin:0;
}
#center h1{
font-family:Avenir LT STD, Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:300;
padding:0 0 5px 0;
margin:0;
}
#center h2{
font-family:Avenir LT STD, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:300;
padding:0 0 10px 0;
margin:0;
}
#center p{
font-size:14px;
padding-bottom:10px;
}

#center p.intro{
font-size:16px;
margin-bottom:24px;
line-height:24px;
}


h3 {
font-size:16px;
color:#849036;
font-weight:bold;

}

#center h3 { margin-top:20px;}

#center ul{
padding:0;
margin:10px 0 20px 0;
}
#center li{
	font-size:12px;
	margin:0;
	padding:0 0 10px 15px;
	background-image: url(/static/js/homepage/images/body-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.usewrap{
width:540px;
background-color:#D9DDE7;
margin-top:24px;
}
.useheader{
color:#FFF;
font-size:18px;
background-image:url(/static/js/homepage/images/usecase_header-bg.gif);
background-repeat:repeat;
padding:5px 0 5px 15px;
border-bottom:2px solid #FFF;
display:block;
}
.usecase{
padding:0 15px 10px 15px;
color:#495882;
}
#center .usecase h2 {font-size:14px;margin-top:16px;}
#center .usecase strong {font-weight:bold;}
#center .usecase em {font-style:italic;}
.usecase p{
font-size:12px;
padding-bottom:10px;
line-height:20px;
}
.usecase img{
float:left;
margin:0 20px 10px 0;
}
.usebtm{
background-image:url(/static/js/homepage/images/usecase_btm.gif);
background-position:left;
background-repeat:no-repeat;
height:5px;
width:540px;
clear:left;
}
/*BODY*/


/*RIGHT COLUMN*/
#rightcol{
float:left;
width:220px;
margin-left:20px;
}
.yellowwrap{
width:210px;
background:url(/static/js/homepage/images/yellow-bg.gif) top left no-repeat;
min-height:200px;
height:auto !important;
height:200px;
padding:10px 0px 0px 10px;
margin-bottom:10px;
}
.yellowwrap h3{
color:#BF8B11;
font-size:14px;
font-weight:bold;
font-family:Avenir LT STD, Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
.yellowwrap p{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
color:#805D0C;
padding-bottom:10px;
width:180px;
line-height:15px;
}
.yellowwrap a{
text-decoration:underline;
font-weight:bold;
color:#BF8B11;
}

.greenwrap{
width:210px;
background:url(/static/js/homepage/images/green-div.gif) top left no-repeat;
min-height:200px;
height:auto !important;
height:200px;
padding:10px 0px 0px 10px;
margin-bottom:10px;
}
.greenwrap h3{
color:#747F2F;
font-size:14px;
font-weight:bold;
font-family:Avenir LT STD, Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
.greenwrap p{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
color:#4D541F;
padding-bottom:10px;
width:180px;
line-height:15px;
}
.greenwrap a{
text-decoration:underline;
font-weight:bold;
color:#747F2F;
}


.shareRss {
	background-image: url(/static/js/homepage/images/share_rssBG.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:26px;
	margin-bottom:16px;
	overflow:hidden;
}
.share {float:left;width:auto;margin:4px 0px 0px 36px;}
.rss {float:left;width:auto;margin:4px 0px 0px 66px;}

.shareRss a {font-size:10px;color:#646569;text-decoration:none;  }
.shareRss a:hover {text-decoration:underline; }
/*RIGHT COLUMN*/




/*FOOTER*/
#ft /*FOOTER*/{
margin:25px 6px 0 5px;
padding:10px 0 40px 0;
font-family:Arial, Helvetica, sans-serif;
}
#footlogo {
width:60px;
height:35px;
float:left;
}
#footlogo img{
float:right;
}
#footborder{
height:3px;
background-image:url(/static/js/homepage/images/footer-brdr-top.gif);
background-repeat:repeat-x;
margin-bottom:15px;
}
#ft p{
text-align:left;
color:#757575;
font-size:12px;
padding:0 17px;
}
#footwrap{
float:left;
}
#copyrightnav {
float:left;
}
#copyrightnav ul{
list-style:none;
padding:0;
margin:5px 0;
}
#copyrightnav li{
display:inline;
font-size:10px;
padding:0 18px;
border-right:1px dotted #757575;
}
#copyrightnav a{
color:#757575;
text-decoration:none;
}
#copyrightnav a:visited{
text-decoration:underline;
}
#copyrightnav a:hover{
text-decoration:underline;
}
/*FOOTER*/



#teaser, #teaser-2 {
	background-image: url(/static/js/homepage/images/lowerlines.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:15px;
}
.memberHeader span {font-weight:bold; color:#76261F;font-size:13px; }
.memberHeader a { color:#666;font-size:11px; }

.teaserContainer {

	background-image: url(/static/js/homepage/images/teaser_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:250px;
}

.teaserContainer .left { float:left; width:220px;margin-right:20px;}
.teaserContainer .middle { float:left; width:380px; margin-right:20px;}
.teaserContainer .right { float:left; width:300px;}

.teaserContainer .left div, .teaserContainer .middle div, .teaserContainer .right div {padding:10px; }

.teaserContainer .left h1 {font-weight:bold; font-size:21px;color:#fff;line-height:24px;margin:6px 0; }
.teaserContainer .left p {color:#fff;margin:8px 0 ;line-height:18px; }


.teaserContainer .middle h1 {font-weight:bold; font-size:16px;color:#fff;line-height:21px;margin:6px 0 18px 0; }
.teaserContainer .middle h2 {font-weight:bold; font-size:14px;color:#fff;line-height:16px;margin:12px 0 6px 0; }

.teaserContainer .middle p {color:#fff;margin:8px 0 8px 0 ;line-height:18px; }
.teaserContainer .middle img {float:left;margin:0px 10px 0 0;}


.teaserContainer .right h1 {font-weight:bold; font-size:21px;color:#fff;line-height:24px;margin:6px 0; }
.teaserContainer .right p {color:#fff;margin:8px 0 ;line-height:18px; }


.teaser2Container {background-image: url(/static/js/homepage/images/teaser2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:250px;overflow:hidden; }

.teaser2Container .left { float:left; width:460px;margin-right:20px;}
.teaser2Container .right { float:left; width:460px;}

.teaser2Container .left div, .teaser2Container .right div {padding:10px; }

.teaser2Container .left h1 {font-weight:bold; font-size:21px;color:#fff;line-height:24px;margin:6px 0; }
.teaser2Container .left p {color:#fff;margin:8px 0 ;line-height:18px;font-size:14px; }

.teaser2Container .right h1 {font-weight:bold; font-size:21px;color:#fff;line-height:24px;margin:6px 0; }
.teaser2Container .right h2 {font-weight:bold; font-size:18px;color:#fff;line-height:18px;margin:16px 0 0 0; }
.teaser2Container .right h3 {font-weight:normal; font-size:14px;color:#fff;line-height:14px;margin:6px 0;  }
.teaser2Container .right img {float:left;margin-top:12px;margin-right:15px; margin-bottom:40px; }
.teaser2Container .right p {color:#fff;margin:8px 0 ;line-height:18px;font-size:14px; }

/*MISC*/
.clearboth{
clear:both;
}
.clearleft{
clear:left;
}
/*MISC*/



body div#airlock * {
	Xoutline: 1px dotted #f00;
}
/* === SHIFTER === */

div.shifter {
	height: 305px;
	position: relative;
	overflow: hidden;
	width: 940px;
	margin-left:10px;
}
div.shifter a.shifter-toggle {
	display: block;
	height: 305px;
	position: absolute;
	width: 39px;
	background-color: #fff;
	background-image: url(/static/js/homepage/images/bar_memberAnnouncements_en.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

div.shifter a.is-toggled {
	background-image: url(/static/js/homepage/images/bar_memberAnnouncementsBack_en.gif);
}

div.shifter div.shifter-panel {
	background: #fff;
	position: absolute;
}
/* === CAROUSEL === */

div.carousel {
	height: 305px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
div.carousel div.carousel-panel {
	position: absolute;
	top: 0px;
	background:#fff;
}


div.carousel ul.carousel-list {
	bottom: 10px;
	list-style: none;
	position: absolute;
	right: 10px;
}

div.carousel ul.carousel-list li {
	display: inline;
}

div.carousel ul.carousel-list li a {
	background: transparent url(/static/js/homepage/images/panelNav_dotOff.gif) left top no-repeat;
	display: block;
	height: 21px; width: 21px;
	float: left;
}

div.carousel ul.carousel-list li a.is-toggled {
	background: transparent url(/static/js/homepage/images/panelNav_dotOn.gif) left top no-repeat;
}

div.carousel ul.carousel-list li a.prev-arrow {
   background: transparent url(/static/js/homepage/images/panelNav_leftArrow.gif) left top no-repeat;
}

div.carousel ul.carousel-list li a.next-arrow {
   background: transparent url(/static/js/homepage/images/panelNav_rightArrow.gif) left top no-repeat;
}

div.carousel ul.carousel-list li a img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=01);
	opacity: .01;
}

.carousel-panel .panel1imageContainer {
	float:left;
	width:320px;/*add 20px to image width for padding*/
}
.carousel-panel .panel2imageContainer {
	float:left;
	width:480px;/*add 20px to image width for padding*/
}
.carousel-panel .panel3imageContainer {
	float:left;
	width:400px;/*add 20px to image width for padding*/
}
.carousel-panel .panel4imageContainer {
	float:left;
	width:320px;/*add 20px to image width for padding*/
}
.carousel-panel .panel5imageContainer {
	float:left;
	width:340px;/*add 20px to image width for padding*/
	padding:20px 0 0 20px;
}
.carousel-panel .panel1contentContainer, .carousel-panel .panel2contentContainer, .carousel-panel .panel3contentContainer, .carousel-panel .panel4contentContainer, .carousel-panel .panel5contentContainer {
	padding:24px 20px;
}
.carousel-panel h1, .shifter-panel h1 {
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	/*margin:14px 0;*/
}
.carousel-panel p, .shifter-panel p {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	margin:10px 0;
}

.shifter-panel img {
	float: left;
	margin-right: 20px;
}

.memberPanel1contentContainer p {
	font-size:12px; line-height:18px;
}
.memberPanel1contentContainer h1 {
	color:#762720;
	margin:10px 0;
}
.memberPanel1contentContainer h2 {font-size:18px;color:#434446;line-height:20px; }


.carousel-panel p.category, .shifter-panel p.category {
	font-size:12px;
	font-weight:bold;
	color:#A4A5A9;
	margin:0;
	line-height:12px;
}

.shifter-panel .memberPanel1ImageContainer {
	float:left;
	width:420px;/*add 20px to image width for padding*/
	margin-left:20px;
	overflow:hidden;
}

.shifter-panel .memberPanel1contentContainer {padding:12px 20px; }

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

#companyWrap p {width:740px;}

#companyWrap p a {
color:#434446;}