/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* Navigation
---------------------------------------------------------------------------------------- */

#navigation {
	background: url(../pics/wrap_top_grey.gif) center bottom no-repeat;
	height: 52px;
}
body#home-page #navigation, body#blog-page #navigation, body.gallery #navigation, body.bigmoo_index #navigation {
	background: url(../pics/content_top.gif) center bottom no-repeat;
}

/*

#navigation {
	background: url(../pics/wrap_top_grey.gif) center bottom no-repeat;
	height: 52px;
}


#nav {
	width: 775px;
	margin: auto;
	text-align: center;
}

#nav li a {
	background: url(../pics/bg_nav.gif) repeat-x;
	display:block;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	border: none;
	color: #505050;
}
	
#nav a:hover, li#nav a:focus {
	background: url(../pics/bg_nav.gif) repeat-x 0 -72px;
	color: #fff;
}

#home {
	width: 70px;
}

#think {
	width: 153px;
}

#bigmoo {
	width: 112px;
}

#keynote {
	width: 138px;
}

#gallery {
	width: 93px;
}

#about {
	width: 95px;
}

#blog {
	width: 90px;
}
.blog_content p{
margin-bottom:10px;
}
body#home-page ul#nav li#home a, body#think-page #nav li#think a, body#bigmoo-page #nav li#bigmoo a, body#keynote-page #nav li#keynote a, body#gallery-page #nav li#gallery a, body#about-page #nav li#about a, body#blog-page #nav li#blog a { 
	background: url(../pics/bg_nav.gif) repeat-x 0 -72px;
	color: #fff;
} 

#nav li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#nav ul:after {
    content: "."; 
    display: block; 
    height:	0; 
    clear: both; 
    visibility: hidden;	
}

#nav li ul {
	top:  auto;
	left: auto;
}

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

#nav li ul li {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	clear: both;
}

#nav li ul.sub1 li a {
	width: 151px;
}

#nav li ul.sub2 li a {
	width: 110px;
}

#nav li ul.sub3 li a {
	width: 135px;
}

#nav li ul.sub4 li a {
	width: 92px;
}


#nav li ul li a:link, #nav li ul li a:visited {
	background: url(../pics/nav_transparent_on.png) !important;
        color: #000 !important;
	height: 25px;
        line-height: 25px;
	text-decoration: none;
}


#nav li ul li a:hover, #nav li ul li a:active {
	background: #f4f4f4 none !important;
}


*/


/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  width:850px;
  height:2.5em;
  margin: 0px auto;
  padding-left: 20px;
  background:transparent url(../pics/bg_nav.gif) repeat-x scroll 0 0;

  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 21px;
	height:2.4em;
	line-height:2.5em;
	background:transparent url(../pics/bg_nav.gif) repeat-x scroll 0 0;
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,ul.nav li a:hover {
	background:#ccc url(../pics/bg_nav.gif) repeat-x 0 -72px;
	color: #fff;
}
}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  	/*background:#cccccc url(../pics/bg_nav.gif) repeat-x scroll left top;*/
  	margin-bottom: 10px;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}

#first {
  border-top:5px solid #EDAD4B;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:#505050;
}
ul.main li ul li a {
  width:10em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#505050;/*
  border-top:1px solid #444;
  background:#444;*/
  	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: transparent url(../pics/nav_transparent_on.png) repeat scroll 0 0 !important;
}
/*ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {
  color:#fff;
  background:#555;
}
ul.main li:hover a {
  color:#fff;
  background:#555;
}
ul.main li:hover ul li a {color:#fff;}*/
ul.main li:hover ul li a:hover {color: #797979; background:#444;}
/*ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}
*/

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}