@charset "utf-8";
/* CSS Document */


html,body {
	background:#fff;
	margin:0 auto;
	margin:0;
	padding:0;
	/*text-align:center;*/
	height:100%;
	}
	
a img { border:none; }
.clear { clear:both; font-size:0; line-height:0; }



#wrapper {		/* this is essential to placement of footer at the bottom of every page. */
  	position:relative;
	min-height:100%;
	}
.container {		/* centers page content */
	background:;
	position:relative;
	width:772px;
	margin:0 auto;
    padding:0;
	clear:both;
	}



/* TOP BAR */

#topbar { 
	background:url(img/bg-topbar.gif) repeat-x 0 0;
	height:60px;
	margin:0; padding:0;
	clear:both;
	}
#topbar .container { z-index:100; } /* This raises the topbar above the header, which in turn allows the h1 link to be accessible in IE. */
#topbar ul {
	position:absolute;
	top:14px;
	right:0px;
	margin:0;
	padding:0;
	}
#topbar li, #topbar li h3, #topbar li a {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0; border:0;
	font-size:13px;
	}
#topbar li { margin:0 0 0 22px; }
#topbar li a:link, #topbar li a:visited { color:#999; text-decoration:none; }
#topbar li a:hover, #topbar li a:active { color:#000; text-decoration:none; }



/* HEADER */

#header { 
	position:relative;
	height:60px;
	margin:0; padding:0;
	clear:both;
	}
#header .container { height:60px; } /* Only for testing */
#header ul {
	position:absolute;
	top:0px;
	right:-12px;
	height:29px;
	margin:0;
	padding:10px 0 0 0;
	}
#header li, #header li h3 {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	}
#header li { margin:0 0 0 7px; }
#header li a {
	position:relative;
	float:left;
	display:block;
	height:29px; 
	font-size:13px;
	line-height:29px;
	}
#header li a:link, #header li a:visited { padding:0 12px; color:#ff4e00; text-decoration:none; }
#header li a:hover, #header li a:active { color:#ff4e00; text-decoration:underline; }

.home #header li.home,
.about #header li.about,
.network #header li.network,
.careers #header li.careers,
.contact #header li.contact { background:#ff4e00 url(img/bg-menu-left.gif) no-repeat 0 0; color:#fff; }

.home #header li.home a,
.about #header li.about a,
.network #header li.network a,
.careers #header li.careers a,
.contact #header li.contact a { background:url(img/bg-menu-right.gif) no-repeat top right; color:#fff; text-decoration:none; }

#letterbox,
#submenu,
#content {
	position:relative;
	width:772px;
	margin:0 auto;
	padding:0;
	clear:both;
	}

.ie6 #content {
	position:relative;
	width:802px;
	margin:0 auto;
	padding:0;
	clear:both;
	}



/* LETTERBOX */

#letterbox { height:170px; text-indent:-7000px; }
.careers_home #letterbox { background:url(img/letterbox/careers-home01.jpg) no-repeat 0 0; }
.connect #letterbox { background:url(img/letterbox/connect01.jpg) no-repeat 0 0; }
.difference #letterbox { background:url(img/letterbox/difference01.jpg) no-repeat 0 0; }
.family #letterbox { background:url(img/letterbox/family01.jpg) no-repeat 0 0; }
.home #letterbox { background:url(img/letterbox/careers-home01.jpg) no-repeat 0 0; }
.start #letterbox { background:url(img/letterbox/start01.jpg) no-repeat 0 0; }
.work #letterbox { background:url(img/letterbox/work01.jpg) no-repeat 0 0; }


/* SUBMENU */

#submenu { height:84px; margin-top:19px; margin-bottom:25px }
#submenu ul, #submenu li, #submenu li h3, #submenu li a {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}
#submenu li {
	float:left;
	display:inline;
	width:152px; height:84px;
	margin:0 3px 0 0;
	}
#submenu li a { 
	display:block;
	width:152px; height:84px;
	text-indent:-7000px;
	}
#submenu li.work a:link, #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 -84px; }
#submenu li.work a:hover, #submenu li.work a:active { background:url(img/menu-work.jpg) no-repeat 0 0; }

#submenu li.connect a:link, #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 -84px; }
#submenu li.connect a:hover, #submenu li.connect a:active { background:url(img/menu-connect.jpg) no-repeat 0 0; }

#submenu li.family a:link, #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 -84px; }
#submenu li.family a:hover, #submenu li.family  { background:url(img/menu-family.jpg) no-repeat 0 0; }

#submenu li.difference a:link, #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 -84px; }
#submenu li.difference a:hover, #submenu li.difference a:active { background:url(img/menu-difference.jpg) no-repeat 0 0; }

#submenu li.start a:link, #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 -84px; }
#submenu li.start a:hover, #submenu li.start a:active { background:url(img/menu-start.jpg) no-repeat 0 0; }

#submenu li.end_row { margin-right:0; }


/* SUBMENU */
/* YOUR ARE HERE - WORK ANYWHERE */
.work #submenu li.work a:link, .work #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 0; }

.work #submenu li.connect a:link, .work #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 -252px; }
.work #submenu li.family a:link, .work #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 -252px; }
.work #submenu li.difference a:link, .work #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 -252px; }
.work #submenu li.start a:link, .work #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 -252px; }

.work #submenu li.connect a:hover, .work #submenu li.connect a:active { background:url(img/menu-connect.jpg) no-repeat 0 -168px; }
.work #submenu li.family a:hover, .work #submenu li.family a:active { background:url(img/menu-family.jpg) no-repeat 0 -168px; }
.work #submenu li.difference a:hover, .work #submenu li.difference a:active { background:url(img/menu-difference.jpg) no-repeat 0 -168px; }
.work #submenu li.start a:hover, .work #submenu li.start a:active { background:url(img/menu-start.jpg) no-repeat 0 -168px; }


/* SUBMENU */
/* YOUR ARE HERE - CONNECT CO-WORK */
.connect #submenu li.connect a:link, .connect #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 0; }

.connect #submenu li.work a:link, .connect #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 -252px; }
.connect #submenu li.family a:link, .connect #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 -252px; }
.connect #submenu li.difference a:link, .connect #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 -252px; }
.connect #submenu li.start a:link, .connect #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 -252px; }

.connect #submenu li.work a:hover, .connect #submenu li.work a:active { background:url(img/menu-work.jpg) no-repeat 0 -168px; }
.connect #submenu li.family a:hover, .connect #submenu li.family a:active { background:url(img/menu-family.jpg) no-repeat 0 -168px; }
.connect #submenu li.difference a:hover, .connect #submenu li.difference a:active { background:url(img/menu-difference.jpg) no-repeat 0 -168px; }
.connect #submenu li.start a:hover, .connect #submenu li.start a:active { background:url(img/menu-start.jpg) no-repeat 0 -168px; }


/* SUBMENU */
/* YOUR ARE HERE - FAMILY FIRST */
.family #submenu li.family a:link, .family #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 0; }

.family #submenu li.work a:link, .family #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 -252px; }
.family #submenu li.connect a:link, .family #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 -252px; }
.family #submenu li.difference a:link, .family #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 -252px; }
.family #submenu li.start a:link, .family #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 -252px; }

.family #submenu li.work a:hover, .family #submenu li.work a:active { background:url(img/menu-work.jpg) no-repeat 0 -168px; }
.family #submenu li.connect a:hover, .family #submenu li.connect a:active { background:url(img/menu-connect.jpg) no-repeat 0 -168px; }
.family #submenu li.difference a:hover, .family #submenu li.difference a:active { background:url(img/menu-difference.jpg) no-repeat 0 -168px; }
.family #submenu li.start a:hover, .family #submenu li.start a:active { background:url(img/menu-start.jpg) no-repeat 0 -168px; }


/* SUBMENU */
/* YOUR ARE HERE - MAKE A DIFFERENCE */
.difference #submenu li.difference a:link, .difference #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 0; }

.difference #submenu li.work a:link, .difference #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 -252px; }
.difference #submenu li.connect a:link, .difference #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 -252px; }
.difference #submenu li.family a:link, .difference #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 -252px; }
.difference #submenu li.start a:link, .difference #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 -252px; }

.difference #submenu li.work a:hover, .difference #submenu li.work a:active { background:url(img/menu-work.jpg) no-repeat 0 -168px; }
.difference #submenu li.connect a:hover, .difference #submenu li.connect a:active { background:url(img/menu-connect.jpg) no-repeat 0 -168px; }
.difference #submenu li.family a:hover, .difference #submenu li.family a:active { background:url(img/menu-family.jpg) no-repeat 0 -168px; }
.difference #submenu li.start a:hover, .difference #submenu li.start a:active  { background:url(img/menu-start.jpg) no-repeat 0 -168px; }


/* SUBMENU */
/* YOUR ARE HERE - START TODAY */
.start #submenu li.start a:link, .start #submenu li.start a:visited { background:url(img/menu-start.jpg) no-repeat 0 0; }

.start #submenu li.work a:link, .start #submenu li.work a:visited { background:url(img/menu-work.jpg) no-repeat 0 -252px; }
.start #submenu li.connect a:link, .start #submenu li.connect a:visited { background:url(img/menu-connect.jpg) no-repeat 0 -252px; }
.start #submenu li.family a:link, .start #submenu li.family a:visited { background:url(img/menu-family.jpg) no-repeat 0 -252px; }
.start #submenu li.difference a:link, .start #submenu li.difference a:visited { background:url(img/menu-difference.jpg) no-repeat 0 -252px; }

.start #submenu li.work a:hover, .start #submenu li.work a:active { background:url(img/menu-work.jpg) no-repeat 0 -168px; }
.start #submenu li.connect a:hover, .start #submenu li.connect a:active { background:url(img/menu-connect.jpg) no-repeat 0 -168px; }
.start #submenu li.family a:hover, .start #submenu li.family a:active { background:url(img/menu-family.jpg) no-repeat 0 -168px; }
.start #submenu li.difference a:hover, .start #submenu li.difference a:active { background:url(img/menu-difference.jpg) no-repeat 0 -168px; }



/* CONTENT */
#content { padding:0 0 20px 0; }
.careers_home #content { padding:0 0 20px 0; }



/* COLUMN LAYOUTS */

#column_1,
#column_2,
#column_3,
#column_4 {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	}
#column_1 { width:460px; margin:0 12px 0 0; padding:0; }
#column_2 { width:290px; }

#column_3 { width:190px; margin:0 12px 0 0; padding:0; }
#column_4 { width:550px; }

#column_1 p, #column4 p { padding:0 18px 0 4px; }


/* QUOTES */

.quote {
	position:relative;
	display:block;
	width:470px;
	margin:35px 0 0 0;
	padding:0;
	text-indent:-7000px;
	clear:both;
	}
.work .quote { background:url(img/quotes/work01.gif) no-repeat 0 0; height:102px; }
.connect .quote { background:url(img/quotes/connect01.gif) no-repeat 0 0; height:130px; }
.family .quote { background:url(img/quotes/family01.gif) no-repeat 0 0; height:102px; }
.difference .quote { background:url(img/quotes/difference01.gif) no-repeat 0 0; height:153px; }
.start .quote { background:url(img/quotes/start01.gif) no-repeat 0 0; height:130px; }


/* BUTTONS */

.buttons {
	position:relative;
	float:left;
	display:block;
	margin:0;
	padding:0 0 4px 4px;
	clear:both;
	}

.opportunities, 
.brochure {
	position:relative;
	float:left;
	display:inline;
	width:204px;
	height:24px;
	margin:0 3px 0 0;
	padding:0;
	}
.opportunities a, 
.brochure a {
	display:block;
	width:204px;
	height:24px;
	margin:0;
	padding:0;
	text-indent:-7000px;
	}
.opportunities a:link, .opportunities a:visited { background:url(img/view-opportunities.gif) no-repeat 0 0; }
.opportunities a:hover, .opportunities a:active { background:url(img/view-opportunities.gif) no-repeat 0 -24px; }

.brochure a:link, .brochure a:visited { background:url(img/download-brochure.gif) no-repeat 0 0; }
.brochure a:hover, .brochure a:active { background:url(img/download-brochure.gif) no-repeat 0 -24px; }



/* TABLE */

.careers table {
	width:290px;
	margin:0; padding:0; border:0;
	font-size:10px;
	font-weight:bold;
	color:#616f8c;
	}
	
.careers table a:link, .careers table a:visited { color:#616f8c; text-decoration:none; font-weight:bold; }
.careers table a:hover, .careers table a:active { color:#fff; text-decoration:none; font-weight:bold; }

.careers .ie6 table a:hover, .careers table a:active {color:#434b5b; text-decoration:none;}

.careers thead td { background:#616f8c; color:#fff; font-size:11px; line-height:23px; }
.careers td {
	margin:0;
	padding:0;  /* Remember, this factors into the TD widths below, as do the borders. */
	border:0;
	border-collapse:collapse;
	}
thead td.col1 { padding:0 6px; }
td.col1 { width:187px; border-right:1px solid #fff; border-bottom:2px solid #fff; }
td.col2 { width:78px; padding:0 6px; border-bottom:2px solid #fff; }

td.col1 a { display:block; width:187px; margin:0; padding:0 6px; } /* These next few <a> styles allow entire cells to be links. */
td.col2 a { display:block; width:78px; margin:0; padding:0 6px; }
.tr.tall td.col1 a { height:26px; }  
.tr.short td.col2 a { height:18px; }

.ie6 .tr.tall td.col1 a { height:18px; }  
.ie6 .tr.short td.col2 a { height:18px; }

/* TABLECLOTH styles */

/* ATTENTION !!  The javascript reverses the odd/even styles.  So, .ODD correspondes with .TALL
	and .EVEN correspondes with .SHORT.  Why this is, I don't know.  */

#table_body tr.odd td {background:#fff; line-height:26px;}
#table_body tr.even td {background:#efefef; line-height:18px;}

.ie6 #table_body tr.odd td {background:#fff; height:18px;}
.ie6 #table_body tr.even td {background:#efefef; height:18px;}

/*
NOT NEEDED for this particular table.
tr.even th.over {} 
tr.odd th.over {}
th.down, tr.even th.down, tr.odd th.down {} 
th.selected, tr.even th.selected, tr.odd th.selected {}*/

/*#table_body td.over {background:#b9b9b9; color:#fff; line-height:18px;}*/
#table_body tr.odd td.over,
#table_body tr.odd td.over a {background:#b9b9b9; color:#fff; line-height:26px;}
#table_body tr.even td.over,
#table_body tr.even td.over a {background:#b9b9b9; color:#fff; line-height:18px; }

.ie6 #table_body tr.odd td.over,
.ie6 #table_body tr.odd td.over a {background:#b9b9b9; color:#000; height:18px;}
.ie6 #table_body tr.even td.over,
.ie6 #table_body tr.even td.over a {background:#b9b9b9; color:#000; height:18px; }

/*#table_body td.down {background:#b9b9b9; color:#fff; line-height:18px;}*/
#table_body tr.odd td.down,
#table_body tr.odd td.down a { line-height:26px;}
#table_body tr.even td.down,
#table_body tr.even td.down a { line-height:18px; }

.ie6 #table_body tr.odd td.down,
.ie6 #table_body tr.odd td.down a {height:18px;}
.ie6 #table_body tr.even td.down,
.ie6 #table_body tr.even td.down a {height:18px; }

/*#table_body td.selected {background:#b9b9b9; color:#fff; line-height:18px;}*/
#table_body tr.odd td.selected,
#table_body tr.odd td.selected a {background:#fff; color:#616f8c; line-height:26px;}
#table_body tr.even td.selected,
#table_body tr.even td.selected a {background:#efefef; color:#616f8c; line-height:18px; }

.ie6 #table_body tr.odd td.selected,
.ie6 #table_body tr.odd td.selected a {background:#fff; color:#616f8c; height:18px;}
.ie6 #table_body tr.even td.selected,
.ie6 #table_body tr.even td.selected a {background:#efefef; color:#616f8c; height:18px;}

/* use this if you want to apply different styleing to empty table cells
#table_body td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/

.view_openings {
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 5px;
	padding:0;
	line-height:23px;
	font-size:10px;
	font-weight:bold;
	color:#616f8c;
	}
.view_openings a:link, .view_openings a:visited { color:#616f8c; font-weight:bold; text-decoration:underline; }
.view_openings a:hover, .view_openings a:active { color:#000; font-weight:bold; text-decoration:underline; }



/* VIDEO */

#video {
	position:absolute;
	top:-50px;
	right:-76px;
	width:350px;
	height:295px;
	padding:15px 0 0 26px;
	}
.work #video { background:url(img/video-bg/polaroid.gif) no-repeat 0 0; }
.connect #video { background:url(img/video-bg/polaroid.gif) no-repeat 0 0; }
.family #video { background:url(img/video-bg/polaroid.gif) no-repeat 0 0; }
.difference #video { background:url(img/video-bg/polaroid.gif) no-repeat 0 0; }
.start #video { background:url(img/video-bg/polaroid.gif) no-repeat 0 0; }


/* FOOTER */

#footer {
	background:url(img/bg-footer.gif) repeat-x 0 0;
	/* position:absolute; */
	bottom:0;
	width:100%;
	height:135px;
	padding:0 0 0 0;
	font-size:11px;
	}
#footer p { color:#9cb4ba; margin:0 0 1px 4px; padding:0; letter-spacing:normal;  }
#footer .container {  }
#footer ul, #footer li { 
	position:relative; 
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
#footer ul {
	background:url(img/bg-footer-rule.gif) repeat-x bottom left;
	width:768px;
	margin-top:14px;
	margin-bottom:5px;
	padding:0 0 36px 4px;
	}
#footer li { background:url(img/footer-div.gif) no-repeat top right; padding-right:25px; }
#footer li.end_row { background:none; }

#footer li.channels { font-weight:bold; color:#acaba6; line-height:23px; }
#footer li.facebook a,
#footer li.youtube a,
#footer li.linkedin a,
#footer li.twitter a { 
	display:block;
	height:23px;
	text-indent:-7000px;
	}
#footer li.facebook a { width:59px; }
#footer li.youtube a { width:56px; }
#footer li.linkedin a { width:77px; }
#footer li.twitter a { width:68px; }

#footer li.facebook a:link, #footer li.facebook a:visited { background:url(img/facebook.gif) no-repeat 0 0; }
#footer li.facebook a:hover, #footer li.facebook a:active { background:url(img/facebook.gif) no-repeat 0 -23px; }

#footer li.youtube a:link, #footer li.youtube a:visited { background:url(img/youtube.gif) no-repeat 0 0; }
#footer li.youtube a:hover, #footer li.youtube a:active { background:url(img/youtube.gif) no-repeat 0 -23px; }

#footer li.linkedin a:link, #footer li.linkedin a:visited { background:url(img/linkedin.gif) no-repeat 0 0; }
#footer li.linkedin a:hover, #footer li.linkedin a:active { background:url(img/linkedin.gif) no-repeat 0 -23px; }

#footer li.twitter a:link, #footer li.twitter a:visited { background:url(img/twitter.gif) no-repeat 0 0; }
#footer li.twitter a:hover, #footer li.twitter a:active { background:url(img/twitter.gif) no-repeat 0 -23px; }




/* additions */

.bannerImg 
{
    text-align: center; 
    margin-bottom: 15px;
}

h2 
{
    margin: 0 0 10px 0;
    font-size: 200%;
    color: #7cafbb;
    font-weight: normal;
}

h3,.subTitle
{
    margin: 0 0 10px 0;
    font-size: 120%;
    font-weight: bold;
}

#content td, #content tr
{
    vertical-align: top;
}

.channels 
{
    margin: 0;
    padding: 0;
}

.home .channels
{
    color: #8d8d8d;
    height: 230px;
    width: 290px;
    font-size: 90%;
    background-color: #f6f8f9;
}

.channels td 
{
    margin: 0;
    padding: 0;
}

.sideMenu
{
    width: 190px; 
    font-size: 80%;
    font-weight: normal; 
    color: #A6A6A6;
}