/* These are just the demo styles and these can be removed and Orbit 
will still work like a champ (except any content block needs a background which
our demo gets from this sheet) */

.container {
     position: absolute; 
    top: 50px; 
    left: 100px;
    margin: 0px 0 0 0px; }
 	
    
.content { background: url(images/work/cover_page.jpg); }
.content h1 {
	font-size: 40px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 180px;
	color: #666;
	line-height: 50px;  }
.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #999; }
    
/*	--------------------------------------------------
	Global Reset & Standards
	-------------------------------------------------- */
	html, body { margin: 0; padding: 0; }
	 h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

	body { background: #fff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px;  color: #999; }
		
	a { 
		color: #999;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		text-decoration: none; 
		font-weight: normal;
		}
		
	a:hover { text-decoration: underline; }
	
	
	
	#h1
	{
		height: 55px;
		background: #fff;
		color: #fff;
		padding: 10px 0px;
		margin: 0px 0px 10px 0px;
	}
	
	h1 img
	{
		display: block;
		border: 0;
	}
	
	h2 
	{ 
	background: #fff; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	line-height: 12px;  
	color: #999; 
	text-align: left;
	
	}
	
	
	h3 
	{ 
	background: #fff; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	line-height: 18px;  
	color: #999; 
	text-align: left;
	list-style: none;
	
	}
	
	
	
	
	
	
	
	
	#nav
{ 
  margin: 0px 0px 50px 0px;
}
	
#nav ul
{ 
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: lowercase;
  margin: 0px;
  padding: 0;
  list-style: none;
}

#nav ul li 
{
  display: block;
  position: relative;
  float: left;
}

#nav li ul
{ 
display: none; 
}

#nav ul li a 
{
  display: block;
  text-decoration: none;
  color: #666;
  border-top: 1px solid #CCC;
  padding: 5px 15px 0px 0px;
  background: #FFF;
  margin-left: 0px;
  white-space: nowrap;
}

#nav ul li ul a 
{
  border-top: 1px dotted white;
}

#nav ul li a:hover 
{ 
background: white; 
color: #6CC;
font-weight: normal;
}

#nav li:hover ul 
{
  display: block;
  position: absolute;
}

#nav li:hover li 
{
  float: none;
  font-size: 12px;
}

#nav li:hover a 
{ 
background: white; 
}