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

BODY {  
font-family:helvetica,arial,sans-serif;
font-weight: 400;
line-height: 1.5em;
font-size: 13px; 
color: #ffffff; 
background-image: url(images/bg/bg_page.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top center;
background-color: #ffffff;
width: 100%;
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0; 
text-align: center;
} 

.WeWorkItLogoShare {position: absolute; left: -2000px; top: -2000px; height: 1px; width: 1px; z-index: 1; visibility: hidden; display: block;}

.PageWrapper {  
margin:  auto;
padding: 0 0 0 0;
 width: 962px;
 text-align: left;
 border-style: solid; border-width:  0px;  border-color: #cc0000;
 position: relative; 
 z-index: 6;
 }
 
 .PageContainer { width: 960px; position: relative; float: left; }
 

/* top logo */

.TopLogo {
	width: 960px; height: 107px;
	position: relative;
	float: left; 
	overflow: hidden;
	padding: 0;
	margin: 10px 0 10px 0;
	border:0px;
	}
.TopLogo span {
		background: url("images/TopLogo.gif");
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	

A:link { color: #e96522; text-decoration: underline; cursor: hand; }
A:active { color: #e96522; text-decoration: underline; cursor: hand;  }
A:visited { color: #e96522; text-decoration: underline; cursor: hand; }
A:hover { color: #000000; text-decoration: none; cursor: hand; }



 
 /* png to gif fixer */
 
 /* this line give you a nice, if less sexy, GIF background */
div.NsLogoLoggedIN { position: relative; float: left; background: url(/images/header_nav/header_logo2_loggedIN.gif) no-repeat; width: 286px; height: 142px; }

/* PNG power! */
body > * div.NsLogoLoggedIN { position: relative; float: left; background: url(/images/header_nav/header_logo2_loggedIN.png) no-repeat; width: 286px; height: 142px; }

 
 /* NAV */
 
.navbgwrapper  {position: relative; float: left; width:960px;  z-index: 50;}

#navcontainer {position: relative; float: left;  width: 960px; padding: 0 0px 0 0; border: 0px #ffffff outset;  background-color: #000;}

/* --------- Nav brains */

ul
{
margin-left: 0;
padding: 0;
list-style: none;
}

ul li
{
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0 .5em;
width: 137px;
}


#nav, #nav ul {  /* all lists */
float: left;
width: 100%;
list-style: none;
line-height: 1;
padding: 0;
border: solid #eda;
border-width: 0px 0;
margin: 0 0 0 0;
position: relative; 
z-index: 5;
}



#nav a {
display: block;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
padding: 8px;
font-size: 12px; 
}



#nav a.daddy {
background: url(rightarrow2.gif) center right no-repeat;
}



#nav li {  /* all list items */
float: left;
padding: 0;
margin: 0 0px 0 0 margin: 0 0px 0px 0px; 
}





#nav li ul { /* second-level lists */
position: absolute;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
font-weight: normal;
border-width: 0px;
margin: 0;
width: 20em;
}

 /* png to gif fixer */
 /* this line give you a nice, if less sexy, GIF background */
#nav li li 
{ 
padding-right: 1em;
width: 15em;
background: url(images/nav/navbutton_bgpng.gif) repeat-x
 }

/* PNG power! */
body > * #nav li li 
{ 
padding-right: 1em;
width: 15em;
background: url(images/nav/navbutton_bgpng.png) repeat-x
 }



#nav li ul a {
}



#nav li ul ul {
margin: -1.75em 0 0 14em;
}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {  /* lists nested under hovered list items */
left: auto;
float:right;
}



#nav li:hover, #nav li.sfhover { 
background: #e96522;
font-color: #000000;
}


/* sub nav */

H3.SubNavHeader  {	color:#000; margin: 0px; padding: 5px 0 0px 5px; font-size: 20px; text-transform:uppercase; font-weight: 400;}	


 /* png to gif fixer */
 /* this line give you a nice, if less sexy, GIF background */
.SubNavBg { background: url(images/bg/bg_sub_nav.gif) repeat-y; width: 340px; margin: 10px;  position: relative; float: left;}

/* PNG power! */
body > * .SubNavBg { background: url(images/bg/bg_sub_nav.png) repeat-y; width: 340px; margin: 10px;  position: relative; float: left;}


.SubNavPadding { padding: 10px; }

#subnavlistsidewrapper { width: 300px; }

#subnavlistsidewrapper ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#subnavlistsidewrapper a
{
display: block;
width: 300px;
border-bottom: 0px solid #eee;
padding: 5px;
}

#subnavlistsidewrapper a:link, #subnavlistside a:visited
{
color: #e96522;
text-decoration: none;
}

#subnavlistsidewrapper a:hover
{
color: #000;
}

/* Content */

.MainContentWrapper { background: url(images/bg/main_content_bg.png) repeat; position: relative; float: left; z-index: 1; width: 960px; margin: 10px 0 0 0; }

.content {
position: relative; float: left; padding: 0 0 0 0px; background: url(images/bg/bg_sub_nav.png) repeat; margin: 10px 5px 10px 0;
}

.ContentPadding { margin: 10px; }



.PageHeader { position: relative; float: left; }

.PageOverviewHeader  { background: url(images/h_bg_overview.gif) no-repeat; position: relative; float: left; }



/*.PageHeaderText */

H1 { color: #fff; text-transform: uppercase; font-size: 24px; padding:0px; margin: 0 0 10px 0; font-weight: 400;  background-color: #000000;}

H1.Portfolio { color: #fff; text-transform: uppercase; font-size: 24px; padding:0px; margin: 0 0 10px 0; font-weight: 400;  background-color: #333333;}



.PageContentText { color: #000000; font-size: 14px; margin: 5px 0px 15px 0px;  font-weight: 400; float: left; position: relative; width: 570px;}

.PageContentText ul li{width: 100%; }




/*.copytitleheader  { color: #b11111;  }	*/

H2 { color: #e96522; font-weight: 400; margin: 0; padding: 0 0 10px 0; font-size: 18px; text-transform: uppercase;}	



/*.copytitle {	color:#660000;  }	*/

.PageContentText H3  {	color:#fff; margin: 0px; padding: 0px; font-size: 16px; background-color: #000000; text-transform: uppercase; font-weight: 400; }		




/* bottom nav */


 /* png to gif fixer */
 /* this line give you a nice, if less sexy, GIF background */
.BottomNavWrapper {position: relative; float: left;  background: url(images/bg/main_content_bg.gif) repeat; width: 962px; margin: 10px 0 10px 0;}

/* PNG power! */
body > * .BottomNavWrapper { position: relative; float: left;  background: url(images/bg/main_content_bg.png) repeat; width: 962px; margin: 10px 0 10px 0;}

.BottomNavPad { padding: 10px;  position: relative; float: right;  }

.WeWorkItTitle { position: relative; color: #000000; float: right; padding:0 5px 0 0px; text-transform: uppercase; font-weight: 600;}

#bottomnav ul
{
margin: 0;
padding: 0;
list-style: none;
position: relative; 
text-align: right;
}

#bottomnav li
{
padding:0px 5px 5px 3px;
background-repeat: no-repeat;
list-style-type: none;
display: inline;
}

#bottomnav ul li a
{
text-decoration: none;
color: #e96522;
margin: 0px 5px 0 0;

}

#bottomnav ul li a:hover
{
color: #000000;
}


/* flash swing */

.FlashSwingWrapper { position: relative; float: left; width:960px; margin: 10px 0 0px 0; }

.FlashSwingBg { position: relative; float: left; width:590px; height: 300px;  background: url(images/bg/main_content_bg.png) repeat; }

.FlashSwingSpace { position: relative; float: left; width:10px; height: 300px; }

.SwingWrapper { position: relative; float: left; width:360px; height: 300px; background: url(images/bg/main_content_bg.png) repeat; }

.SwingHeight { position: relative; float: left; height: 270px; }

/* sitemap */

#sitemap { margin-left: 0px; }
		
		#sitemap ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
		}
		
		#sitemap li { margin: 0 0 1px 0; }
		
		#sitemap a
		{
			display: block;
			padding: 5px 10px;
			width: 400px;
			margin: 2px 0 0 0;
			color: #fff;
			background-color: #000000;
			text-decoration: none;
		}
		
		#sitemap a:hover
		{
			color: #fff;
			background-color: #fe3700;
			text-decoration: none;
		}
		
		#sitemap ul ul li { margin: 0 0 1px 0; }
		
		#sitemap ul ul a
		{
			display: block;
			padding: 5px 10px;
			width: 400px;
			color: #fff;
			background-color: #333333;
			text-decoration: none;
		}
		
		#sitemap ul ul a:hover
		{
			color: #fff;
			background-color: #fe3700;
			text-decoration: none;
		}
		
		
	/* homepage */
	
.HpSubLSWrapper { width: 300px; color: #000; }

.HpSubLSInfo { padding: 5px 0px 0 5px; }